.avatar-page{background:#fbf7ef}.avatar-intro{padding:clamp(4rem,8vw,8rem) max(5vw,24px) 2rem;border-bottom:1px solid var(--line)}.avatar-intro>div{max-width:1100px}.avatar-intro h1{max-width:900px;margin:.65rem 0 1rem;color:var(--purple);font:500 clamp(4rem,9vw,8.5rem)/.86 var(--serif);letter-spacing:-.04em}.avatar-intro h1 em{color:var(--gold);font-weight:400}.avatar-intro p:last-child{max-width:620px;color:var(--muted);font-size:1rem;line-height:1.6}.avatar-builder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(2rem,6vw,6rem);align-items:start;padding:clamp(2rem,5vw,5rem) max(5vw,24px) 6rem}.avatar-canvas-card{position:relative;max-width:760px}.avatar-canvas-card canvas{display:block;width:100%;height:auto;border:1px solid var(--line-dark);background:#fff;box-shadow:0 25px 70px rgba(48,32,45,.12);touch-action:none;cursor:grab}.avatar-canvas-card canvas:active{cursor:grabbing}.avatar-preview-note{margin:.8rem 0 0;color:var(--muted);font-size:.76rem}.avatar-controls{position:sticky;top:110px;padding:1.5rem;border:1px solid var(--line-dark);background:var(--white)}.avatar-controls h2{margin:.5rem 0 .8rem;color:var(--purple);font:500 3rem/.95 var(--serif)}.avatar-upload{display:flex;align-items:center;justify-content:center;min-height:54px;margin:1.5rem 0 1rem;border:1px solid var(--purple);background:var(--purple);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.avatar-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-adjustments{padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.avatar-adjustments label{display:grid;gap:.55rem;color:var(--ink);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.avatar-adjustments input[type=range]{width:100%;accent-color:var(--purple)}.avatar-adjustments p{margin:.8rem 0}.avatar-adjustments .text-link{font-size:.72rem}.avatar-download{width:100%;margin-top:1.2rem}.avatar-download:disabled{opacity:.45;cursor:not-allowed}.avatar-status{min-height:1.2rem;margin:.7rem 0 0;color:var(--gold);font-size:.75rem}@media(max-width:900px){.avatar-builder{grid-template-columns:1fr}.avatar-controls{position:static}.avatar-intro h1{font-size:clamp(3.8rem,16vw,6.5rem)}}