.cs-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(45deg,var(--cs-booth-a) 0 calc(var(--u) * 8),var(--cs-booth-b) calc(var(--u) * 8) calc(var(--u) * 16))}.cs-panel{position:absolute;inset:6%;border-radius:calc(var(--u) * 5);box-shadow:inset 0 0 0 calc(var(--u) * 1) #00000040;transition:background 90ms linear}.cs-object{position:absolute;inset:12%;-webkit-mask-image:var(--cs-mask);mask-image:var(--cs-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;filter:drop-shadow(0 calc(var(--u) * 2) calc(var(--u) * 3) rgba(0,0,0,.35))}.cs-verdict{position:absolute;bottom:calc(var(--u) * 4);left:50%;transform:translate(-50%);padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:999px;background:var(--bg-deep);border:calc(var(--u) * 1) solid var(--line);font-family:var(--font-pixel);font-size:clamp(7px,1.3vmin,14px);letter-spacing:.06em;color:var(--muted);white-space:nowrap}.cs-verdict[data-v=perfect]{color:var(--lime);border-color:var(--lime)}.cs-verdict[data-v=good]{color:var(--neon-cyan);border-color:var(--neon-cyan)}.cs-verdict[data-v=off]{color:var(--ink-soft)}.cs-mixer{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 3) calc(var(--u) * 5)}.cs-slider{display:flex;align-items:center;gap:calc(var(--u) * 3)}.cs-swatch{flex:0 0 auto;width:clamp(18px,3vmin,30px);aspect-ratio:1;border-radius:50%;border:calc(var(--u) * 1) solid var(--line)}.cs-slider[data-pig=r] .cs-swatch{background:var(--cs-pig-r)}.cs-slider[data-pig=y] .cs-swatch{background:var(--cs-pig-y)}.cs-slider[data-pig=b] .cs-swatch{background:var(--cs-pig-b)}.cs-name{flex:0 0 auto;width:clamp(42px,7vmin,78px);font-family:var(--font-pixel);font-size:clamp(6px,1vmin,11px);letter-spacing:.04em;color:var(--muted);text-align:right}.cs-slider input[type=range]{flex:1;min-width:0;height:clamp(30px,5vmin,48px);margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.cs-slider input[type=range]::-webkit-slider-runnable-track{height:calc(var(--u) * 4);border-radius:999px;background:var(--bg-deep);border:calc(var(--u) * .5) solid var(--line)}.cs-slider input[type=range]::-moz-range-track{height:calc(var(--u) * 4);border-radius:999px;background:var(--bg-deep);border:calc(var(--u) * .5) solid var(--line)}.cs-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:clamp(24px,4vmin,40px);height:clamp(24px,4vmin,40px);margin-top:calc(var(--u) * -2.4);border-radius:50%;background:var(--ink);border:calc(var(--u) * 1.5) solid var(--bg-deep);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) #00000080}.cs-slider input[type=range]::-moz-range-thumb{width:clamp(24px,4vmin,40px);height:clamp(24px,4vmin,40px);border-radius:50%;background:var(--ink);border:calc(var(--u) * 1.5) solid var(--bg-deep)}.cs-slider[data-pig=r] input::-webkit-slider-thumb{background:var(--cs-pig-r)}.cs-slider[data-pig=y] input::-webkit-slider-thumb{background:var(--cs-pig-y)}.cs-slider[data-pig=b] input::-webkit-slider-thumb{background:var(--cs-pig-b)}.cs-meter{display:flex;align-items:center;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 1)}.cs-meter-bar{flex:1;min-width:0;height:calc(var(--u) * 3);border-radius:999px;background:var(--bg-deep);border:calc(var(--u) * .5) solid var(--line);overflow:hidden}.cs-meter-bar i{display:block;height:100%;width:0;background:var(--muted);transition:width 90ms linear,background 90ms linear}.cs-meter-bar i[data-v=perfect]{background:var(--lime)}.cs-meter-bar i[data-v=good]{background:var(--neon-cyan)}.cs-meter-bar i[data-v=off]{background:var(--hot-pink)}.cs-meter-val{flex:0 0 auto;width:clamp(52px,8vmin,90px);font-family:var(--font-pixel);font-size:clamp(7px,1.2vmin,13px);color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums}.cs-name-row{display:flex;align-items:center;gap:calc(var(--u) * 3);padding-right:calc(var(--u) * 3)}.cs-name-ok{flex:0 0 auto;height:66%;aspect-ratio:1;border-radius:50%;background:var(--lime);border:none;color:var(--bg-deep);font-size:clamp(16px,2.6vmin,28px);cursor:pointer}:root{--cs-pig-r: #D2231E;--cs-pig-y: #F5D90A;--cs-pig-b: #1E4FD2;--cs-booth-a: #171022;--cs-booth-b: #1E1430}