.customizer{position:relative}
.customizer-loading{position:absolute;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1rem;background:#fff;color:#0b2d58;text-align:center;transition:opacity .35s ease,visibility .35s ease}
.customizer-loading img{width:min(240px,58vw);height:auto}
.customizer-loading p{margin:0;color:#9b7627;font-size:1rem;font-weight:700;letter-spacing:.06em}
.customizer-loading.hidden{opacity:0;visibility:hidden;pointer-events:none}
.customizer .character{opacity:1;filter:none;transition:transform .28s ease}
.customizer[data-focus="face"] .character{transform:translate(-50%,-35%) scale(.86)}
.customizer[data-focus="hair"] .character{transform:translate(-50%,-42%) scale(.66)}
.options[data-category="eyes"] .option img,.options[data-category="eyeColor"] .option img,.options[data-category="mouth"] .option img{transform:scale(1.38)}
.options[data-category="hairColor"] .option img,.options[data-category="bangColor"] .option img{transform:scale(1.16)}
.option img{transition:transform .2s ease}
@media(max-width:900px){.customizer[data-focus="face"] .character{transform:translate(-50%,-35%) scale(.73)}.customizer[data-focus="hair"] .character{transform:translate(-50%,-42%) scale(.57)}}
@media(max-width:520px){.customizer[data-focus="face"] .character{transform:translate(-50%,-35%) scale(.64)}.customizer[data-focus="hair"] .character{transform:translate(-50%,-42%) scale(.5)}}
@media (prefers-reduced-motion:reduce){.customizer-loading,.customizer .character{transition:none}}
.change-indicator{position:absolute;z-index:24;top:16px;right:18px;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 9px;border:1px solid #d9bd82;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(71,50,17,.14);color:#87662c;font:700 10px Montserrat,Arial,sans-serif;letter-spacing:.04em;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;pointer-events:none}
.change-indicator.visible{opacity:1;visibility:visible;transform:translateY(0)}
.change-indicator img{width:22px;height:32px;object-fit:contain;animation:loading-star-pulse .72s ease-in-out infinite alternate,loading-star-sway 1.2s ease-in-out infinite}
@keyframes loading-star-pulse{from{filter:drop-shadow(0 0 2px rgba(223,186,99,.35));transform:scale(.88)}to{filter:drop-shadow(0 0 8px rgba(223,186,99,.9));transform:scale(1.08)}}
@keyframes loading-star-sway{0%,100%{rotate:-5deg}50%{rotate:5deg}}
@media(max-width:520px){.change-indicator{top:14px;right:12px;padding:7px 10px 7px 8px}.change-indicator img{width:19px;height:28px}}
@media(prefers-reduced-motion:reduce){.change-indicator img{animation:loading-star-pulse .9s ease-in-out infinite alternate}}