.tone-swatches.svelte-v4xxig{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:clamp(.25rem,1.5vw,.4rem);max-width:calc(100% - 1rem);display:flex;position:absolute;top:clamp(.5rem,2vw,.75rem);right:clamp(.5rem,2vw,.75rem)}.tone-swatch.svelte-v4xxig{box-sizing:border-box;appearance:none;cursor:pointer;background:var(--tone-color);border:2px solid #ffffffe6;border-radius:50%;width:34px;height:34px;margin:0;padding:0;box-shadow:0 1px 4px #1814114d}.tone-swatch.svelte-v4xxig:checked{outline-offset:2px;outline:2px solid #171412}.tone-swatch.svelte-v4xxig:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 5px #171412}@media (width<=520px){.tone-swatches.svelte-v4xxig{top:max(.5rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));grid-template-columns:repeat(3,34px);justify-content:end;gap:.25rem;width:max-content;display:grid}.tone-swatch.svelte-v4xxig:nth-child(4){grid-column:2}}.costume-viewer.svelte-1a77yek{width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-1a77yek{width:100%;height:100%;display:block}.viewer-placeholder.svelte-1a77yek{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 28% 18%, #8a3a30 0%, transparent 55%), radial-gradient(120% 120% at 82% 92%, #5a2440 0%, transparent 60%), linear-gradient(120deg, var(--accent-deep) 0%, var(--accent) 46%, #7a2f3e 74%, #3a1d22 100%);transition:opacity .5s;position:absolute;inset:0;overflow:hidden}.viewer-placeholder.svelte-1a77yek:after{content:"";will-change:transform;background:linear-gradient(105deg,#0000 38%,#f7ede129 50%,#0000 62%);animation:2.2s ease-in-out infinite svelte-1a77yek-viewer-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes svelte-1a77yek-viewer-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.viewer-placeholder.hidden.svelte-1a77yek{opacity:0}@media (prefers-reduced-motion:reduce){.viewer-placeholder.svelte-1a77yek:after{animation:none}}html[data-calm=true] .viewer-placeholder.svelte-1a77yek:after{animation:none}