:root{--carbon:#111214;--carbon-2:#0c0d0f;--card:#191b1e;--ink:#e8eaed;--mut:#8a9099;--hair:#2a2e33;--peak:#f36;--tc:#2ee88a;--mono:"Share Tech Mono",ui-monospace,Menlo,monospace;--ui:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--carbon);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 70% at 15% -10%,#ff336612,#0000 55%),radial-gradient(100% 60% at 90% 0,#2ee88a0d,#0000 50%);overflow-x:hidden}.studio{min-height:100%;font-family:var(--mono);flex-direction:column;display:flex}.splash{z-index:99;background:var(--carbon-2);justify-content:center;align-items:center;animation:.35s 1s forwards splashOut;display:flex;position:fixed;inset:0}.splash pre{color:var(--tc);font-family:var(--mono);letter-spacing:.1em;font-size:13px;line-height:2}@keyframes splashOut{to{opacity:0;visibility:hidden}}.bar{padding:calc(14px + env(safe-area-inset-top,0px)) clamp(14px,3vw,34px) 14px;border-bottom:1px solid var(--hair);z-index:30;-webkit-backdrop-filter:blur(12px);background:#111214d9;align-items:center;gap:14px;display:flex;position:sticky;top:0}.chip{letter-spacing:.22em;color:var(--mut);border:1px solid var(--hair);white-space:nowrap;padding:8px 12px;font-size:10px;text-decoration:none;transition:all .18s}.chip b{color:var(--peak);font-weight:400}.chip:hover{color:#fff;border-color:var(--peak)}.bar-title{letter-spacing:.4em;color:#fff;margin-left:auto;margin-right:auto;font-size:15px}.bar-title i{color:var(--peak);font-style:normal}.dl{font-family:var(--mono);letter-spacing:.14em;cursor:pointer;border:1.5px solid var(--hair);color:var(--mut);white-space:nowrap;background:0 0;padding:12px 20px;font-size:11px;transition:all .2s}.dl.on{border-color:var(--peak);color:#fff;cursor:pointer;background:#ff336626;animation:2.6s ease-in-out infinite dlPulse;box-shadow:0 0 26px #ff336659}.dl.on:hover{background:var(--peak);box-shadow:0 0 40px #f369}@keyframes dlPulse{50%{box-shadow:0 0 38px #ff33668c}}.stage-wrap{flex:1;justify-content:center;align-items:center;padding:clamp(14px,3vw,34px);display:flex}.drop{aspect-ratio:16/9;border:1.5px dashed var(--hair);background:var(--card);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(880px,94vw);max-height:62vh;padding:20px;transition:all .2s;display:flex}.drop:hover,.drop.drag{border-color:var(--peak);box-shadow:0 0 50px #f363}.drop-kick{letter-spacing:.5em;color:var(--tc);font-size:11px;animation:2.2s ease-in-out infinite kickPulse}@keyframes kickPulse{50%{opacity:.4}}.drop-big{letter-spacing:.14em;color:#fff;font-size:clamp(17px,3.4vw,30px)}.drop-sub{letter-spacing:.18em;color:var(--mut);font-size:10px}.steps{letter-spacing:.2em;color:var(--mut);margin-top:18px;font-size:11px}.steps b{color:var(--peak)}.steps i{color:var(--hair);margin:0 8px;font-style:normal}.stage{--hcap:66vh;width:min(1100px,94vw,calc(var(--hcap) * var(--ar,1.7778)));-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;border:1px solid var(--hair);background:#000;line-height:0;position:relative;overflow:hidden;box-shadow:0 30px 90px -30px #000000d9}.cv-before{width:100%;height:auto;display:block}.clip{clip-path:inset(0 0 0 var(--wipe,58%));position:absolute;inset:0}.cv-after{width:100%;height:100%;position:absolute;inset:0}.tag{z-index:2;letter-spacing:.26em;color:var(--mut);background:#0a0b0ca6;padding:5px 9px;font-size:9px;line-height:1.4;position:absolute;bottom:10px}.tag.l{left:10px}.tag.r{color:var(--peak);border:1px solid #ff336673;right:10px}.seam{top:0;bottom:0;left:var(--wipe,58%);z-index:2;background:var(--peak);width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 14px #ff3366b3}.grip{background:var(--peak);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:15px;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000080}.grading{z-index:3;letter-spacing:.3em;color:var(--tc);background:#0a0b0cb3;padding:5px 10px;font-size:9px;line-height:1.4;animation:1s ease-in-out infinite kickPulse;position:absolute;top:10px;left:10px}.reload{z-index:3;cursor:pointer;font-family:var(--mono);letter-spacing:.2em;border:1px solid var(--hair);color:var(--mut);background:#0a0b0cb3;padding:6px 10px;font-size:9px;line-height:1.4;transition:all .15s;position:absolute;top:10px;right:10px}.reload:hover{color:#fff;border-color:var(--peak)}.console{padding:0 clamp(14px,3vw,34px) 8px}.console-head{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:14px;width:min(1100px,100%);margin:0 auto;padding:12px 0;display:flex}.auto-badge{letter-spacing:.2em;color:var(--tc);font-size:10px}.tones{gap:8px;margin-left:auto;display:flex}.tone{cursor:pointer;font-family:var(--mono);letter-spacing:.14em;background:var(--card);border:1px solid var(--hair);color:var(--mut);align-items:center;gap:8px;padding:7px 11px;font-size:9px;transition:all .15s;display:flex}.tone .sw{width:30px;height:12px;display:flex}.tone .sw i{flex:1}.tone:hover{border-color:var(--mut);color:var(--ink)}.tone.on{border-color:var(--peak);color:#fff;box-shadow:0 0 14px #ff336640}.reset{font-family:var(--mono);letter-spacing:.16em;cursor:pointer;border:1px solid var(--hair);color:var(--mut);background:0 0;padding:8px 12px;font-size:9px;transition:all .15s}.reset:hover{color:var(--peak);border-color:var(--peak)}.groups{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 26px;width:min(1100px,100%);margin:0 auto;padding-bottom:8px;display:grid}.g-name{letter-spacing:.34em;color:var(--peak);margin:10px 0 6px;font-size:9px}.dial{grid-template-columns:82px 1fr 40px;align-items:center;gap:10px;padding:3px 0;display:grid}.d-name{letter-spacing:.12em;color:var(--mut);font-size:9px}.d-val{color:var(--ink);text-align:right;font-size:10px}.dial input[type=range]{appearance:none;background:var(--hair);cursor:pointer;outline:none;width:100%;height:2px}.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--peak);cursor:pointer;border:2px solid var(--carbon);width:13px;height:13px;box-shadow:0 0 0 1px var(--peak);border-radius:50%}.dial input[type=range]::-moz-range-thumb{background:var(--peak);cursor:pointer;border:2px solid var(--carbon);border-radius:50%;width:13px;height:13px}.foot{padding:12px clamp(14px,3vw,34px) calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hair);letter-spacing:.22em;color:var(--mut);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:8px;display:flex}.dropveil{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--mono);letter-spacing:.4em;color:#fff;pointer-events:none;background:#ff33662e;place-items:center;font-size:14px;display:grid;position:fixed;inset:0}@media (width<=700px){.bar{gap:8px}.bar-title{display:none}.chip{letter-spacing:.14em;padding:7px 9px;font-size:8px}.dl{letter-spacing:.08em;padding:10px 12px;font-size:9px}.console-head{gap:10px}.tones{justify-content:space-between;width:100%;margin-left:0}.tone{flex:1;justify-content:center}.groups{grid-template-columns:1fr}.stage{--hcap:52vh}.foot{justify-content:center}}