.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatar-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#354a45 0%,#172b2d 55%,#102024 100%);border-radius:15px;isolation:isolate}.avatar-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.avatar-stage canvas:active{cursor:grabbing}.avatar-stage[data-unavailable]:after{content:'3D view paused. Reload to restore.';position:absolute;bottom:20px;left:20px;font-size:.9rem;background:var(--bg);padding:10px;border-radius:8px}.avatar-stage.large{height:470px}.avatar-stage.mini{height:190px;width:210px;flex-shrink:0}.avatar-stage.setup-preview{height:270px}.avatar-fallback{height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;padding:20px;color:var(--muted)}.avatar-fallback strong{color:var(--text)}.avatar-studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:22px}.studio-preview{padding:23px;border:1px solid var(--line);background:var(--panel);border-radius:16px;align-self:start;position:sticky;top:20px}.studio-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.avatar-animations{display:flex;justify-content:center;gap:8px;margin:18px 0}.studio-movement{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;flex-wrap:wrap}.turn-buttons{display:flex;gap:8px}.turn-buttons .btn{font-size:.85rem;padding:8px 12px}.move-buttons{display:flex;gap:5px}.move-buttons button{width:34px;height:34px;font-size:1.1rem;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}.studio-preview>.plain{margin-top:12px;font-size:.85rem}.studio-controls .section-heading{margin:0}.studio-controls>.note{margin-bottom:20px}.swatch-field{border:0;padding:0;margin:0 0 20px;min-width:0}.swatch-field legend{font-size:.9rem;padding:0;margin-bottom:10px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{display:block;position:relative;cursor:pointer}.swatch input{position:absolute;opacity:0;width:38px;height:38px;margin:0}.swatch>span{display:block;background:var(--swatch);width:38px;height:38px;border-radius:50%;border:3px solid var(--panel);outline:1px solid var(--line);transition:.15s}.swatch input:checked+span{outline:3px solid var(--lime);border-color:var(--panel);transform:scale(.92)}.swatch input:focus-visible+span{outline:3px solid white;outline-offset:3px}.avatar-customise .fields input[type=range]{padding:0;height:35px;accent-color:var(--lime);border:0}.avatar-toggles{display:flex;gap:25px;flex-wrap:wrap;margin:0 0 24px;font-size:.9rem}.avatar-toggles label{display:flex;align-items:center;gap:9px}.avatar-toggles input{width:18px;height:18px;accent-color:var(--lime)}.character-banner{display:flex;align-items:center;gap:25px;padding:15px 25px 15px 15px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:24px}.character-banner h2{font-size:1.75rem;margin:9px 0}.character-banner p{color:var(--muted);font-size:.9rem;margin-bottom:17px}.setup-avatar{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:20px}.setup-avatar .note{margin-top:5px;margin-bottom:17px;font-size:.8rem}.setup-avatar .swatches{gap:7px}.setup-avatar .swatch>span,.setup-avatar .swatch input{width:26px;height:26px}.setup-avatar .field{font-size:.8rem;margin-bottom:12px}.setup-avatar .field select{font-size:.85rem;padding:8px}.setup-avatar .fields{gap:0 10px}.setup-avatar .swatch-field{margin-bottom:14px}.setup-avatar .swatch-field legend{font-size:.8rem;margin-bottom:8px}
@media(max-width:1100px){.avatar-studio{grid-template-columns:1fr 1fr}.avatar-stage.large{height:410px}.studio-preview{padding:18px}.studio-controls{padding:20px}.studio-movement{justify-content:center}.studio-preview .help-text{text-align:center}}@media(max-width:850px){.avatar-studio{grid-template-columns:1fr 1fr}.sidebar .nav{gap:0}.sidebar .nav button{padding:8px}.avatar-stage.large{height:370px}.character-banner .avatar-stage.mini{width:180px;height:170px}.studio-title .chip{font-size:.7rem}}@media(max-width:650px){.avatar-studio{grid-template-columns:1fr}.studio-preview{position:static}.avatar-stage.large{height:390px}.studio-movement{justify-content:space-between}.avatar-studio .avatar-customise .fields{grid-template-columns:1fr 1fr}.character-banner{gap:16px;padding:10px 15px 10px 10px}.character-banner .avatar-stage.mini{width:125px;height:160px}.character-banner h2{font-size:1.35rem}.character-banner .eyebrow{font-size:.7rem}.character-banner p{font-size:.85rem}.character-banner .btn{font-size:.8rem;padding:8px 10px}.sidebar .nav button{padding:7px}.sidebar .brand{gap:5px;font-size:1rem}.sidebar .brand .mark{width:24px;height:24px}.sidebar{gap:5px}.setup-avatar{grid-template-columns:1fr}.avatar-stage.setup-preview{height:220px}.setup-avatar .swatch>span,.setup-avatar .swatch input{width:33px;height:33px}.setup-avatar .swatches{gap:10px}.setup-avatar .field{font-size:.9rem}.setup-avatar .swatch-field legend{font-size:.9rem}}@media(max-width:360px){.sidebar{padding:12px 10px}.sidebar .nav button{padding:5px}.character-banner .avatar-stage.mini{width:100px}.character-banner h2{font-size:1.15rem}.character-banner .eyebrow{letter-spacing:.05em}.studio-preview{padding:15px}}

.avatar-camera{display:flex;justify-content:center;gap:8px;margin-top:16px}.avatar-camera .filter{font-size:.85rem}.avatar-stage.large{background:radial-gradient(ellipse at 50% 52%,#405452 0%,#203437 48%,#122328 100%)}