.hero-stats{align-items:center}.hero-stats .avatar-stat{flex:0 0 100px;align-self:center;margin:-28px 0 -12px}.avatar-button{position:relative;display:block;border:0;background:transparent;color:inherit;width:100px;height:110px;padding:0;cursor:pointer;border-radius:28px;-webkit-tap-highlight-color:transparent}.avatar-stage,.avatar-preview{position:relative;width:100%;height:100%;isolation:isolate;--avatar-skin:#e6b698;--avatar-hair:#302722;--avatar-outfit:#748bfa}.avatar-stage:before{content:'';position:absolute;inset:14% 2% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(190,209,255,.13),transparent 67%);z-index:-1}.avatar-stage canvas,.avatar-preview canvas{width:100%;height:100%;display:block}.avatar-fallback{width:100%;height:100%;display:block}.avatar-ready>.avatar-fallback{display:none}.avatar-edit-dot{position:absolute;right:1px;bottom:9px;display:grid;place-items:center;width:22px;height:22px;background:#fff;color:#2b3347;border-radius:50%;box-shadow:0 2px 10px #0002;font-size:13px;opacity:0;transition:opacity .2s}.avatar-button:hover .avatar-edit-dot,.avatar-button:focus-visible .avatar-edit-dot{opacity:1}
.avatar-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--line,#ddd);border-radius:28px;background:var(--card,#fff);color:var(--ink,#16171b);box-shadow:0 24px 100px #0005;overflow:auto;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.avatar-dialog::backdrop{background:rgba(11,14,24,.65);backdrop-filter:blur(8px)}.avatar-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.avatar-dialog h2{margin:0;font-size:25px;letter-spacing:-.6px}.avatar-eyebrow{margin:0 0 3px;font-size:10px;letter-spacing:2px;color:var(--ink-2,#777)}.avatar-dialog button,.avatar-dialog select,.avatar-dialog input{font:inherit}.avatar-dialog button{min-height:44px;border-radius:12px;border:1px solid var(--line,#ddd);cursor:pointer;background:var(--panel-2,#f4f5f7);color:inherit}.avatar-dialog button:disabled{opacity:.5;cursor:wait}.avatar-close{width:44px;font-size:24px!important;flex:none}.avatar-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:24px;align-items:start}.avatar-preview-wrap{position:sticky;top:0;min-width:0;background:radial-gradient(ellipse at 50% 40%,#d5dfff55,transparent 70%),var(--panel-2,#f5f5f7);border-radius:24px;text-align:center;overflow:hidden}.avatar-preview{height:320px}.avatar-preview-label{display:block;font-size:10px;color:var(--ink-2,#777);padding:0 8px 14px}.avatar-controls label{display:flex;gap:8px;flex-direction:column;margin-bottom:14px;font-size:12px;font-weight:600}.avatar-controls select{box-sizing:border-box;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line,#ddd);border-radius:12px;color:var(--ink,#16171b);background:var(--panel-2,#f5f5f7)}.avatar-appearance{min-width:0;padding:0;border:0;margin:0}.avatar-appearance legend{font-size:14px;font-weight:650;margin-bottom:14px}.avatar-appearance:disabled{opacity:.45}.avatar-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-colors input{box-sizing:border-box;width:100%;height:44px;padding:4px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel-2,#f5f5f7);cursor:pointer}.avatar-controls input[type=range]{width:100%;height:32px;accent-color:var(--blue,#315bdc)}.avatar-controls details{font-size:11px;color:var(--ink-2,#777);line-height:1.7}.avatar-controls summary{cursor:pointer;padding:12px 0;min-height:24px;color:var(--ink,#16171b);font-size:12px}.avatar-import-name{margin:0;font-size:11px;color:var(--ink-2,#777);overflow-wrap:anywhere}.avatar-file-label{font-size:11px!important}.avatar-file-label input{max-width:100%;font-size:11px}.avatar-reset{font-size:12px!important;padding:8px 12px;margin-top:14px}.avatar-message{min-height:23px;margin:18px 0 8px;font-size:12px;overflow-wrap:anywhere;color:var(--blue,#315bdc)}.avatar-local-note{font-size:11px;color:var(--ink-2,#777);line-height:1.7;margin:0 0 18px}.avatar-footer{display:flex;justify-content:flex-end;gap:10px}.avatar-footer button{padding:10px 22px}.avatar-footer .avatar-save{background:var(--blue,#315bdc);color:#fff;border-color:transparent}@media(max-width:760px){.hero-stats .avatar-stat{flex:0 0 68px;margin:-15px 0 -8px}.avatar-button{width:68px;height:78px;border-radius:20px}.avatar-edit-dot{opacity:1;width:18px;height:18px;bottom:0;font-size:11px}.avatar-dialog{padding:20px;border-radius:24px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.avatar-dialog h2{font-size:22px}.avatar-editor{gap:18px;margin-top:18px}.avatar-preview{height:240px}.avatar-preview-label{font-size:9px;padding-bottom:10px}.avatar-controls label{margin-bottom:11px}.avatar-footer button{flex:1}}@media(max-width:420px){.avatar-editor{grid-template-columns:1fr}.avatar-preview-wrap{position:relative}.avatar-preview{height:190px}.avatar-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.avatar-colors{gap:16px}.avatar-dialog-head{position:relative}.avatar-dialog{padding:18px}.avatar-preview-label{padding-bottom:8px}.avatar-editor{gap:14px}}@media(prefers-reduced-motion:reduce){.avatar-edit-dot{transition:none}}
.avatar-footer{position:sticky;bottom:-28px;z-index:2;background:var(--card,#fff);padding:12px 0;margin-top:4px;box-shadow:0 -12px 18px var(--card,#fff)}
@media(max-width:760px){.avatar-footer{bottom:-20px;padding-bottom:14px}}
@media(max-width:420px){.avatar-footer{bottom:-18px}}
.avatar-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.avatar-choice-grid label{margin-bottom:10px}.avatar-choice-grid select{min-height:42px}.avatar-dialog select:focus-visible,.avatar-dialog input:focus-visible,.avatar-dialog button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue,#315bdc) 45%,transparent);outline-offset:2px}@media(max-width:420px){.avatar-choice-grid{grid-template-columns:1fr}}
.avatar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:5px 0 14px}
.avatar-actions button{font-size:11px;padding:6px 4px;min-width:0}
.avatar-actions button:active{transform:scale(.97)}
@media(max-width:420px){.avatar-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.avatar-actions button{font-size:10px;padding:4px 2px}}