.stage{--stage-ease:var(--ease-out,cubic-bezier(.16, 1, .3, 1));--stage-rosso:var(--color-accent,#c4161c);--stage-ink:var(--color-ink,#f3f3f1);--stage-muted:var(--color-ink-muted,#9b9ea6);--stage-line:var(--color-line,#2c2f35);--stage-raise:#23262b;--stage-chip-bg:#23262bdb;--frame-scale:1;gap:16px;min-width:0;display:grid}.stage__surface{aspect-ratio:var(--stage-aspect,16 / 10.9);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:relative;overflow:hidden;container-type:size}.stage__surface:focus-visible{box-shadow:inset 0 0 0 2px var(--color-focus,#0f1112)}.stage[data-state=live] .stage__surface{cursor:grab}.stage[data-state=live][data-moving] .stage__surface{cursor:grabbing}.stage__frame{width:min(100cqw * var(--frame-scale), 100cqh * 16 / 10.9);aspect-ratio:16/10.9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage__poster,.stage__canvas,.stage__canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__poster{pointer-events:none;-webkit-user-drag:none}.stage__canvas{opacity:0;transition:opacity .28s var(--stage-ease);pointer-events:none}.stage[data-state=live] .stage__canvas{opacity:1}.stage[data-state=poster-return] .stage__poster{pointer-events:none;-webkit-user-drag:none}.stage__canvas{opacity:0;transition:none}.stage__ring{left:50%;top:calc(var(--ring-top,.7) * 100%);width:calc(var(--ring-d,.92) * 100%);aspect-ratio:1;transform:translate(-50%, -50%) scaleY(var(--ring-squash,.31));pointer-events:none;position:absolute}.stage__ring-turn{position:absolute;inset:0}.stage[data-state=live] .stage__ring-turn{will-change:transform}.stage__ring svg{width:100%;height:100%;display:block;overflow:visible}.stage__ring circle{stroke:#f3f3f129;stroke-width:.9px}.stage__ring path{stroke:#f3f3f142;stroke-width:.7px;fill:none}.stage__marker{border:5px solid #0000;border-bottom:8px solid var(--stage-rosso);width:0;height:0;transform:translate(-50%, 2px) scaleY(calc(1 / var(--ring-squash,.31)));transform-origin:top;border-top:0;position:absolute;top:100%;left:50%}.stage__chip{border:1px solid var(--stage-line);background:var(--stage-chip-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:36px;color:var(--stage-ink);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:16px;left:16px}.stage__chip[hidden]{display:none}.stage__chip--load{pointer-events:auto;cursor:pointer;min-height:44px;transition:transform .12s var(--stage-ease)}.stage__chip--load:active{transform:translateY(1px)}.stage__arrows{fill:none;stroke:currentColor;stroke-width:1.6px;width:20px;height:10px}.stage[data-state=failed] .stage__chip,.stage[data-state=failed] .stage__heading,.stage[data-state=failed] .stage__progress{display:none}.stage__heading{border:1px solid var(--stage-line);background:var(--stage-chip-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--stage-muted);border-radius:999px;margin:0;padding:0 14px;font-size:15px;line-height:34px;position:absolute;top:16px;right:16px}.stage__heading b{color:var(--stage-ink);font-variant-numeric:tabular-nums;font-weight:500}.stage__progress{background:var(--stage-rosso);transform-origin:0;opacity:0;height:2px;transition:transform .2s linear, opacity .28s var(--stage-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.stage[data-state=loading] .stage__progress{opacity:1}.stage__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.stage__angles{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.stage__angles[data-waiting],.stage__paints[data-waiting]{visibility:hidden}.stage__angle{border:1px solid var(--stage-line);background:var(--stage-raise);min-height:44px;color:var(--stage-ink);font:inherit;cursor:pointer;transition:box-shadow .12s ease, transform .12s var(--stage-ease);border-radius:999px;flex:none;padding:0 16px;font-size:15px}.stage__angle:active{transform:translateY(1px)}.stage__angle[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--stage-ink)}.stage__paints{align-items:center;gap:2px;display:flex}.stage__paint-name{color:var(--stage-muted);margin-right:10px;font-size:15px}.stage__swatch{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.stage__swatch:before{content:"";background:var(--swatch);transition:transform .12s var(--stage-ease);border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #f3f3f147}.stage__swatch:active:before{transform:scale(.96)}.stage__swatch[aria-pressed=true]:after{content:"";box-shadow:0 0 0 1.5px var(--stage-ink);border-radius:50%;position:absolute;inset:3px}@media (max-width:640px){.stage{--frame-scale:1.08}.stage__surface{aspect-ratio:auto;height:clamp(18.75rem,44svh,24rem)}.stage__frame{top:auto;bottom:0;transform:translate(-50%)}.stage__chip,.stage__heading{font-size:14px}.stage__heading-label{display:none}.stage__controls{display:grid}}@media (prefers-reduced-motion:reduce){.stage__angle,.stage__swatch:before,.stage__chip--load{transition:none}}