:root{--cyan:#61c8d8;--green:#39aa35;--red:#df151c;--ink:#173c32;--paper:#e7f2ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"acumin-pro-condensed",Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1.25rem,5vw,5rem);background:#fff}.brand{display:grid;gap:.2rem}.brand strong{font-size:1.1rem}.brand span{font-size:.78rem}.back{font-weight:800}.intro{max-width:58rem;padding:clamp(3.5rem,7vw,6.5rem) clamp(1.25rem,7vw,7rem) 2.5rem}.overline,.step,legend{margin:0 0 .85rem;padding:0;font-size:.88rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.intro h1{max-width:52rem;margin:.45rem 0 1.2rem;font-size:clamp(2.7rem,6.2vw,6rem);line-height:.94;letter-spacing:-.055em}.intro>p:last-child{max-width:43rem;font-size:1.15rem;line-height:1.55}.generator{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.72fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:1rem clamp(1.25rem,7vw,7rem) clamp(5rem,9vw,8rem)}.preview-column{display:grid;justify-items:center}.preview{position:relative;width:min(100%,620px);aspect-ratio:1;overflow:hidden;border-radius:50%;background:#d3e9e2;border:3px solid var(--ink);box-shadow:16px 16px 0 var(--cyan)}canvas{display:block;width:100%;height:100%}.empty{position:absolute;inset:0;display:grid;place-content:center;gap:.6rem;padding:3rem;text-align:center}.empty strong{font-size:clamp(1.5rem,3vw,2.3rem)}.empty span,.preview-note,.privacy{font-size:.9rem;line-height:1.45}.preview-note{margin:1.5rem 0 0;font-weight:700}.controls{display:grid;gap:2rem;padding:clamp(1.5rem,4vw,3rem);background:#fff;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--green)}.upload{display:block;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload span{display:block;overflow:hidden;padding:1rem 1.2rem;border:2px solid var(--ink);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.upload:focus-within span{outline:3px solid var(--cyan);outline-offset:3px}fieldset{display:grid;gap:1.25rem;margin:0;padding:0;border:0}fieldset:disabled{opacity:.42}fieldset label{display:grid;grid-template-columns:8rem 1fr;gap:1rem;align-items:center;font-weight:700}input[type=range]{width:100%;accent-color:var(--green)}button{border:0;padding:1rem 1.25rem;background:var(--ink);color:#fff;font:inherit;font-weight:900;cursor:pointer}button:hover:not(:disabled),button:focus-visible:not(:disabled){background:var(--red)}button:disabled{cursor:not-allowed;opacity:.4}.privacy{margin:-.8rem 0 0}@media(max-width:780px){.top{align-items:flex-start}.back{font-size:.85rem;text-align:right}.generator{grid-template-columns:1fr}.preview{width:min(88vw,520px);box-shadow:9px 9px 0 var(--cyan)}fieldset label{grid-template-columns:1fr;gap:.45rem}}