.avatar-view-button{display:inline-flex;align-items:center;gap:10px;margin:18px 0 0;color:#d7edfa;background:#101f31;border:1px solid #6383a46b;border-radius:30px;padding:12px 17px;font:500 12px Manrope,sans-serif;cursor:pointer}.avatar-view-button[hidden]{display:none}.avatar-view-button:hover{background:#1b334b;border-color:#add5ee}.avatar-view-button:focus-visible{outline:2px solid #b6eeff;outline-offset:5px}.avatar-view-button span{font-size:18px}
#avatar-dialog{width:min(680px,calc(100vw - 28px));max-height:94svh;padding:0;border:1px solid #60788f;border-radius:20px;background:#101725;color:#f1f6ff;overflow:hidden}
#avatar-dialog::backdrop{background:#020711d9;backdrop-filter:blur(10px)}
.avatar-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff16}.avatar-dialog-header h2{font-size:17px;font-weight:600;margin:0}.avatar-dialog-close{background:transparent;border:0;color:#deebff;font-size:28px;cursor:pointer;width:40px;height:40px}
.avatar-stage{height:min(66svh,650px);min-height:300px;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 45%,#253246,transparent 70%)}.avatar-stage.dragging{cursor:grabbing}.avatar-stage canvas{display:block;width:100%;height:100%}.avatar-stage:focus-visible{outline:2px solid #b6eeff;outline-offset:-4px}
.avatar-dialog-footer{padding:14px 22px 20px;text-align:center;border-top:1px solid #ffffff16}.avatar-dialog-footer p{font-size:12px;color:#b5c4d7;margin:0 0 12px}.avatar-turns{display:flex;align-items:center;justify-content:center;gap:8px}.avatar-turns button{min-height:40px;min-width:42px;border:1px solid #5f75935e;border-radius:10px;background:#1b2c43;color:#e7f5ff;font:500 12px Manrope,sans-serif;padding:8px 14px;cursor:pointer}.avatar-angle{min-width:48px;font-size:12px;color:#9fb6d1}
@media(max-width:700px){.avatar-view-button{font-size:11px;margin-top:12px}.avatar-dialog-header{padding:12px 18px}.avatar-dialog-header h2{font-size:15px}.avatar-stage{height:61svh;min-height:270px}}
.avatar-view-button{pointer-events:auto}

.avatar-look-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:12px 24px;border-bottom:1px solid #ffffff16}.avatar-look-picker label{font-size:12px;color:#b5c4d7}.avatar-look-select{min-width:0;padding:9px 12px;border:1px solid #60788f;background:#152238;border-radius:8px;color:#f1f6ff;font:500 13px Manrope,sans-serif}.avatar-wardrobe{grid-column:1/-1;font-size:11px;color:#adbed0;min-height:16px}.avatar-stage{height:min(54svh,540px);min-height:240px}.avatar-turns{flex-wrap:wrap}.avatar-turns [aria-pressed=true]{background:#304965;border-color:#a5d7f1}
@media(max-width:700px){.avatar-look-picker{padding:10px 16px}.avatar-stage{height:45svh;min-height:220px}.avatar-dialog-footer{padding:10px 12px 14px}.avatar-turns button{padding:8px 10px}.avatar-dialog-header{padding:8px 16px}}