@font-face{font-family:SF2 Display;src:url(/terminator-app/fonts/sf2-large.colr.ttf)format("truetype");font-display:swap}@font-face{font-family:ChiKareGo2;src:url(/terminator-app/fonts/ChiKareGo2.ttf)format("truetype");font-display:swap}:root{--bg:#050508;--bg2:#0a0a10;--bg3:#0f0f18;--bg4:#14141f;--neon:#0f8;--neon2:#0cf;--neon3:#c0f;--neon-dim:#0f85;--neon2-dim:#0cf4;--warn:#f60;--danger:#ff003c;--text:#b0ffd0;--text-dim:#0b6;--border:#1a2a20;--border-neon:#0f85;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-hud:"Orbitron", "Share Tech Mono", monospace;--glow:0 0 8px var(--neon), 0 0 20px var(--neon-dim);--glow2:0 0 8px var(--neon2), 0 0 20px var(--neon2-dim)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-size:11px;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--neon-dim);border-radius:2px}.app{background:var(--bg);flex-direction:column;height:100vh;display:flex;position:relative}.scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 4px);animation:8s linear infinite scanMove;position:fixed;inset:0}@keyframes scanMove{0%{background-position-y:0}to{background-position-y:100px}}.transport{background:var(--bg2);border-bottom:1px solid var(--border-neon);-webkit-app-region:drag;flex-shrink:0;align-items:center;gap:16px;padding:8px 16px;display:flex}.transport>*{-webkit-app-region:no-drag}.transport-left{align-items:center;gap:12px;display:flex}.transport-center{flex:1}.transport-right{align-items:center;gap:12px;display:flex}.transport-logo{font-family:var(--font-hud);color:var(--neon);text-shadow:var(--glow);letter-spacing:2px;flex-direction:column;font-size:18px;font-weight:900;line-height:1;display:flex}.logo-t{font-size:22px}.logo-sub{letter-spacing:4px;color:var(--neon2);opacity:.8;font-size:7px}.transport-btns{gap:4px;display:flex}.btn{background:var(--bg3);color:var(--neon);text-shadow:0 0 4px #00ff884d;font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;border:1px solid #00ff8880;outline:none;padding:5px 10px;font-size:10px;transition:all .1s}.btn:hover{border-color:var(--neon);color:var(--neon);text-shadow:0 0 8px var(--neon);box-shadow:var(--glow)}.btn:disabled{opacity:.3;cursor:default}.btn.active{border-color:var(--neon);color:var(--neon);box-shadow:var(--glow);background:#00ff8818}.btn-sm{padding:3px 8px}.btn-play{color:var(--neon);border-color:#0f86}.btn-stop{color:var(--neon2);border-color:#0cf6}.btn-rec{color:var(--danger);border-color:#ff003c66}.btn-rec.active{box-shadow:0 0 8px var(--danger);background:#ff003c22}.btn-metro{color:var(--neon3);border-color:#c0f6}.btn-metro.active{box-shadow:0 0 8px var(--neon3);background:#c0f2}.beat-display{border:1px solid var(--border-neon);background:var(--bg3);align-items:center;gap:6px;padding:4px 8px;display:flex}.beat-label{color:var(--text-dim);letter-spacing:2px;font-size:8px}.beat-value{font-family:var(--font-hud);color:var(--neon);text-shadow:var(--glow);text-align:center;min-width:14px;font-size:16px;font-weight:700}.beat-dots{gap:4px;display:flex}.beat-dot{border:1px solid var(--border-neon);background:var(--bg4);border-radius:50%;width:8px;height:8px;transition:all 50ms}.beat-dot--on{background:var(--neon);box-shadow:var(--glow)}.progress-bar{background:var(--bg4);border:1px solid var(--border-neon);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--neon), var(--neon2));height:100%;box-shadow:0 0 6px var(--neon);transition:width 50ms linear}.ctrl-group{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ctrl-label{letter-spacing:2px;color:var(--text-dim);font-size:8px}.ctrl-input{background:var(--bg4);border:1px solid var(--border-neon);color:var(--neon);font-family:var(--font-hud);text-align:center;outline:none;width:64px;padding:3px 6px;font-size:14px;font-weight:700}.ctrl-input:focus{border-color:var(--neon);box-shadow:var(--glow)}.ctrl-select{background:var(--bg4);color:var(--neon);text-shadow:0 0 4px #00ff8840;font-family:var(--font-mono);cursor:pointer;border:1px solid #00ff8880;outline:none;padding:3px 6px;font-size:10px}.ctrl-select:focus{border-color:var(--neon);box-shadow:0 0 6px #00ff884d}.ctrl-select:hover{border-color:#0f8c}.ctrl-slider{width:80px;accent-color:var(--neon);cursor:pointer}.ctrl-value{color:var(--neon);font-size:10px}.undo-redo{gap:4px;display:flex}.main-display{background:var(--bg2);border-bottom:1px solid var(--border-neon);flex-shrink:0;padding:4px 8px;position:relative}.display-toolbar{gap:4px;margin-bottom:4px;display:flex}.btn-mode{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:2px;background:0 0;outline:none;padding:2px 8px;font-size:9px}.btn-mode.active{border-color:var(--neon);color:var(--neon)}.waveform-canvas{object-fit:fill;width:100%;height:120px;display:block}.body{flex:1;display:flex;overflow:hidden}.tracks-panel{border-right:1px solid var(--border-neon);flex-direction:column;flex:1;display:flex;overflow:hidden}.tracks-list{flex:1;overflow-y:auto}.btn-add-track{background:var(--bg2);border:none;border-top:1px solid var(--border-neon);width:100%;color:var(--neon);font-family:var(--font-mono);letter-spacing:3px;cursor:pointer;flex-shrink:0;padding:10px;font-size:11px;transition:all .1s}.btn-add-track:hover{background:var(--bg3);box-shadow:inset 0 1px 0 var(--neon-dim)}.track-strip{border-bottom:1px solid var(--border);background:var(--bg2);--track-color:var(--neon);transition:background .1s;display:flex;position:relative}.track-strip:hover{background:var(--bg3)}.track-strip.track-muted{opacity:.45}.track-strip.track-armed{background:#0d0006;box-shadow:inset 0 0 0 1px #f046}.track-strip.track-recording{background:#1a0008;animation:1s ease-in-out infinite recPulse}@keyframes recPulse{0%,to{box-shadow:inset 0 0 0 1px #ff003c33}50%{box-shadow:inset 0 0 0 1px #ff003caa}}.track-color-bar{background:var(--track-color);width:3px;box-shadow:0 0 6px var(--track-color);flex-shrink:0}.track-main{flex-wrap:wrap;flex:1;align-items:center;gap:10px;padding:6px 10px;display:flex}.track-name{min-width:90px}.track-name-text{font-family:var(--font-hud);letter-spacing:2px;color:var(--track-color);cursor:pointer;text-shadow:0 0 6px var(--track-color);font-size:10px}.track-name-input{background:var(--bg4);border:1px solid var(--neon);color:var(--neon);font-family:var(--font-mono);outline:none;width:90px;padding:2px 4px;font-size:10px}.track-wave{border:1px solid var(--border);background:var(--bg)}.wave-expanded{background:#06060d;border:1px solid #1a1a2e;border-radius:0 0 3px 3px;width:100%;margin-top:3px;overflow:hidden}.wave-expand-toolbar{background:#0b0b16;border-bottom:1px solid #1a1a2e;justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;display:flex}.wave-expand-pos{font-family:var(--font-mono);color:#f60;letter-spacing:.02em;min-width:76px;font-size:11px}.wave-expand-zoom-group{align-items:center;gap:5px;display:flex}.wave-zoom-label{font-family:var(--font-mono);color:var(--neon2);text-align:center;min-width:38px;font-size:10px}.btn-wave-zoom{color:var(--neon2);font-family:var(--font-mono);cursor:pointer;background:#141428;border:1px solid #2a2a50;border-radius:2px;width:22px;height:20px;padding:0;font-size:15px;font-weight:700;line-height:1}.btn-wave-zoom:hover{border-color:var(--neon2);color:#fff}.btn-wave-close{color:#444;cursor:pointer;background:0 0;border:none;border-radius:2px;margin-left:auto;padding:2px 5px;font-size:11px}.btn-wave-close:hover{color:#f44;background:#2a0808}.wave-expand-canvas{width:100%;height:120px;display:block}.track-controls{align-items:center;gap:3px;display:flex}.btn-track{background:var(--bg4);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;outline:none;padding:3px 6px;font-size:9px;transition:all .1s}.btn-track:hover{border-color:var(--neon2);color:var(--neon2)}.btn-track.active{border-color:var(--neon);color:var(--neon);background:#00ff8812}.btn-track.armed{border-color:var(--danger);color:var(--danger);animation:1.5s infinite armPulse}.btn-track.btn-rec{color:var(--danger);border-color:#ff003c44}.btn-track.btn-rec.active{box-shadow:0 0 6px var(--danger);background:#ff003c22}.btn-track.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.btn-track:disabled{opacity:.25;cursor:default}@keyframes armPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 6px var(--danger)}}.track-mix{align-items:center;gap:6px;display:flex}.mix-label{color:var(--text-dim);letter-spacing:2px;font-size:8px}.mix-val{color:var(--neon);text-align:right;min-width:28px;font-size:9px}.fader{appearance:none;background:var(--bg4);border:1px solid var(--border-neon);cursor:pointer;border-radius:2px;outline:none;width:80px;height:4px}.fader::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon);width:10px;height:16px;box-shadow:0 0 6px var(--neon);cursor:grab;border:none;border-radius:2px}.pan-fader{accent-color:var(--neon2)}.pan-fader::-webkit-slider-thumb{background:var(--neon2);box-shadow:0 0 6px var(--neon2)}.track-tune{align-items:center;gap:12px;display:flex}.tune-field{align-items:center;gap:5px;display:flex}.tune-input{text-align:center;width:44px!important;padding:2px!important;font-size:13px!important}.loop-start-row{align-items:center;gap:6px;width:100%;margin-top:2px;display:flex}.btn-fx-toggle{background:var(--bg4);border:1px solid var(--border-neon);color:var(--neon2);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;outline:none;margin-left:auto;padding:3px 8px;font-size:9px;transition:all .1s}.btn-fx-toggle.active{box-shadow:var(--glow2);background:#0cf1}.btn-fx-toggle:hover{border-color:var(--neon2);box-shadow:var(--glow2)}.effects-panel{border-top:1px solid var(--border-neon);background:#08080e;width:100%;padding:8px 12px}.effects-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.effects-title{font-family:var(--font-hud);letter-spacing:4px;color:var(--neon2);font-size:9px}.btn-master-bypass{background:var(--bg4);color:#f63;font-family:var(--font-mono);cursor:pointer;letter-spacing:2px;border:1px solid #f634;outline:none;padding:2px 8px;font-size:8px;transition:all .1s}.btn-master-bypass.active{background:#f632;box-shadow:0 0 6px #f63}.effect-row{border:1px solid var(--border);-webkit-user-select:none;user-select:none;margin-bottom:4px;transition:opacity .15s,border-color .1s}.effect-row.effect-bypassed{opacity:.35}.effect-row.effect-drag-over{border-color:var(--neon2);box-shadow:0 0 6px var(--neon2)}.effect-header{background:var(--bg3);align-items:center;gap:6px;padding:4px 8px;display:flex}.effect-drag-handle{color:var(--text-dim);cursor:grab;opacity:.5;padding:0 2px;font-size:12px;line-height:1}.effect-drag-handle:hover{opacity:1;color:var(--neon2)}.btn-power{color:var(--text-dim);cursor:pointer;background:0 0;border:none;width:14px;padding:0;font-size:11px;line-height:1;transition:color .1s,text-shadow .1s}.btn-power.on{color:var(--neon);text-shadow:0 0 6px var(--neon)}.effect-name{font-family:var(--font-hud);letter-spacing:2px;color:var(--neon);cursor:pointer;flex:1;font-size:9px}.btn-expand{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:9px}.knob-toggle{flex-direction:row!important;align-items:center!important;gap:8px!important}.btn-ping-pong{background:var(--bg4);border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;outline:none;padding:2px 6px;font-size:8px}.btn-ping-pong.active{color:var(--neon2);border-color:var(--neon2);box-shadow:0 0 5px var(--neon2)}.btn-track.btn-rev.active{color:#f60;background:#ff660012;border-color:#f60;box-shadow:0 0 5px #f60}.btn-track.btn-midi-arm.active{color:#c0f;background:#cc00ff12;border-color:#c0f;box-shadow:0 0 5px #c0f}.midi-root-input{text-align:center;width:36px;font-size:9px;font-family:var(--font-mono);background:var(--bg4);border:1px solid var(--border-neon);color:var(--neon);cursor:ns-resize;-webkit-user-select:none;user-select:none;padding:2px 3px}.btn-trance-sync{background:var(--bg4);border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;outline:none;padding:2px 8px;font-size:8px}.btn-trance-sync.active{color:var(--neon);border-color:var(--neon);box-shadow:0 0 5px var(--neon)}.trance-div-select{background:var(--bg4);border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;outline:none;padding:2px 4px;font-size:9px}.effect-controls-row{align-items:flex-start;gap:8px;display:flex}.filter-type-row,.filter-q-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.btn-filter-type,.btn-filter-q{background:var(--bg4);border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;outline:none;padding:3px 8px;font-size:9px;transition:color .1s,border-color .1s}.btn-filter-type:hover,.btn-filter-q:hover{color:var(--neon);border-color:var(--neon)}.btn-filter-type.active,.btn-filter-q.active{color:var(--neon);border-color:var(--neon);box-shadow:0 0 5px var(--neon);background:#00ff8812}.trance-gate-top{border-bottom:1px solid var(--border-neon);align-items:center;margin-bottom:4px;padding-bottom:4px}.effect-controls{background:var(--bg2);gap:12px;padding:8px 10px;display:flex}.knob-group{flex-direction:column;align-items:center;gap:3px;display:flex}.knob-label{color:var(--text-dim);letter-spacing:2px;font-size:8px}.knob-slider{appearance:none;background:var(--bg4);border:1px solid var(--border-neon);cursor:pointer;width:70px;height:3px;accent-color:var(--neon3);border-radius:2px;outline:none}.knob-slider-wide{width:160px}.knob-group-wide{min-width:160px}.knob-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon3);width:10px;height:10px;box-shadow:0 0 6px var(--neon3);border-radius:50%}.knob-value{color:var(--neon3);font-size:8px}.mpc-section{border-top:1px dashed var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.mpc-indicator{letter-spacing:1px;color:var(--text-dim);align-items:center;gap:6px;font-size:9px;display:flex}.mpc-dot{border:1px solid var(--border);background:#333;border-radius:50%;width:8px;height:8px}.mpc-dot-on{background:var(--neon3);box-shadow:0 0 6px var(--neon3);border-color:var(--neon3)}.midi-status{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;cursor:default;align-items:center;gap:5px;max-width:180px;font-size:9px;display:flex;overflow:hidden}.midi-dot{border:1px solid var(--border);background:#333;border-radius:50%;flex-shrink:0;width:7px;height:7px}.midi-dot-on{background:#c0f;border-color:#c0f;box-shadow:0 0 6px #c0f}.btn-midi-learn{font-family:var(--font-mono);letter-spacing:1px;color:#cc00ffe6;text-shadow:0 0 4px #cc00ff4d;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #c0f9;padding:3px 8px;font-size:9px}.btn-midi-learn:hover{color:#c0f;text-shadow:0 0 8px #c0f;border-color:#c0f;box-shadow:0 0 6px #cc00ff4d}.btn-midi-learn:active:not(:disabled){color:#fff!important;text-shadow:0 0 10px #c0f!important;background:#c0f3!important;border-color:#c0f!important;box-shadow:0 0 16px #c0f,inset 0 0 6px #c0f!important}.btn-midi-learn.midi-learn-on{color:#ff0080;border-color:#ff0080;animation:.8s ease-in-out infinite alternate midi-learn-pulse;box-shadow:0 0 8px #ff00804d}@keyframes midi-learn-pulse{0%{box-shadow:0 0 4px #ff008033}to{box-shadow:0 0 12px #ff008099}}.mpc-status{color:var(--neon3);word-break:break-all;font-size:8px}.btn-eject{border:1px solid var(--border-neon);color:var(--neon3);letter-spacing:2px;background:0 0}.btn-eject:not(:disabled):hover{border-color:var(--neon3);background:#00ff8814}.master-section{background:var(--bg2);border-left:1px solid var(--border-neon);flex-direction:column;flex-shrink:0;gap:12px;width:220px;padding:12px;display:flex;overflow-y:auto}.master-title{font-family:var(--font-hud);letter-spacing:4px;color:var(--neon2);text-shadow:var(--glow2);border-bottom:1px solid var(--border-neon);padding-bottom:6px;font-size:12px;font-weight:700}.master-controls{align-items:center;gap:10px;display:flex}.master-fader{width:100%;accent-color:var(--neon2)}.master-fader::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon2);width:12px;height:20px;box-shadow:0 0 8px var(--neon2);border-radius:2px}.vu-meter{flex-shrink:0;align-items:flex-end;gap:3px;height:40px;display:flex}.vu-bar{border-radius:2px;width:6px;transition:height 50ms}.vu-l{background:linear-gradient(to top, var(--neon), var(--warn), var(--danger))}.vu-r{background:linear-gradient(to top, var(--neon2), var(--warn), var(--danger))}.btn-limiter{font-family:var(--font-mono);letter-spacing:1px;background:var(--bg4);color:var(--text-dim);cursor:pointer;border:1px solid #fc04;outline:none;width:100%;padding:3px 8px;font-size:9px;transition:all .1s}.btn-limiter.active{color:#fc0;border-color:#fc0a;box-shadow:0 0 6px #fc06}.export-section{flex-direction:column;gap:8px;display:flex}.export-title{font-family:var(--font-hud);letter-spacing:4px;color:var(--neon);margin-bottom:2px;font-size:9px}.export-opts{flex-direction:column;gap:6px;display:flex}.ctrl-check{cursor:pointer;letter-spacing:1px;align-items:center;gap:6px;font-size:9px;display:flex}.ctrl-check input[type=checkbox]{accent-color:var(--neon);width:12px;height:12px}.export-btns{flex-wrap:wrap;gap:6px;display:flex}.btn-export{background:var(--bg4);border:1px solid var(--neon-dim);color:var(--neon);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;outline:none;flex:1;padding:6px 4px;font-size:9px;transition:all .1s}.btn-export:hover{border-color:var(--neon);box-shadow:var(--glow)}.btn-export.loading{opacity:.6;animation:.8s ease-in-out infinite loadPulse}@keyframes blink{50%{opacity:.2}}.blink{animation:.6s ease-in-out infinite blink}@keyframes loadPulse{50%{opacity:.4}}.tracks-list::-webkit-scrollbar{width:3px}.tracks-list::-webkit-scrollbar-thumb{background:var(--neon-dim)}.track-recording .track-name-text{animation:.3s steps(2,end) infinite glitch}@keyframes glitch{0%{text-shadow:2px 0 var(--danger), -2px 0 var(--neon2)}33%{text-shadow:-2px 0 var(--danger), 2px 0 var(--neon2)}66%{text-shadow:0 2px var(--danger)}to{text-shadow:0 0 6px var(--track-color)}}.app-mode-bar{background:linear-gradient(90deg, var(--bg2), var(--bg3));border-bottom:1px solid var(--border-neon);align-items:center;gap:16px;height:36px;padding:6px 14px;display:flex}.brand{font-family:var(--font-hud);letter-spacing:4px;color:var(--neon);text-shadow:var(--glow);font-size:16px;font-weight:700}.brand-version{letter-spacing:0;vertical-align:super;opacity:.5;text-shadow:none;margin-left:3px;font-size:7px;font-weight:400}.app-mode-bar-actions{gap:6px;margin-left:auto;display:flex}.btn-undo{border:1px solid var(--border-neon);color:var(--neon);font-family:var(--font-mono);cursor:pointer;background:0 0;width:30px;height:26px;padding:0;font-size:16px;line-height:1;transition:all .1s}.btn-undo:hover:not(:disabled){color:var(--bg1);background:var(--neon);box-shadow:var(--glow)}.btn-undo:disabled{opacity:.3;cursor:default}.mode-tabs{gap:4px;margin-left:auto;display:flex}.mode-tab{border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:3px;cursor:pointer;background:0 0;padding:5px 14px;font-size:11px;transition:all .1s}.mode-tab:hover{color:var(--neon);border-color:var(--neon-dim)}.mode-tab.active{color:var(--neon);border-color:var(--neon);text-shadow:0 0 6px var(--neon);background:#00ff880d}.chopper-view{background:var(--bg);flex-direction:column;gap:10px;height:calc(100% - 36px);padding:12px;display:flex;overflow-y:auto}.chopper-toolbar{background:var(--bg2);border:1px solid var(--border-neon);border-radius:2px;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:8px 12px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.toolbar-track-info{flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-left:auto}.toolbar-field{flex-direction:column;gap:4px;display:flex}.toolbar-label{letter-spacing:2px;color:var(--text-dim);font-size:8px}.snap-mode-field{flex-direction:column;align-items:flex-start;gap:2px;display:inline-flex}.snap-mode-label{letter-spacing:2px;color:var(--text-dim);font-size:8px}.snap-mode-select{min-width:80px}.url-input{width:280px;font-family:var(--font-mono);font-size:11px}.track-title{color:var(--neon2);text-shadow:var(--glow2);white-space:nowrap;text-overflow:ellipsis;max-width:360px;font-size:11px;overflow:hidden}.track-bpm{background:var(--neon3);color:var(--bg);letter-spacing:1px;box-shadow:0 0 8px var(--neon3);border-radius:2px;padding:2px 8px;font-size:10px;font-weight:700}.btn-primary{border:1px solid var(--neon);color:var(--neon);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;text-shadow:0 0 6px var(--neon);background:#00ff881a;padding:6px 14px;font-size:11px;transition:all .1s}.btn-primary:hover:not(:disabled){box-shadow:0 0 14px var(--neon-dim);background:#0f83}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-swap{font-family:var(--font-mono);letter-spacing:1px;color:#ffc800;cursor:pointer;text-shadow:0 0 6px #ffc80066;background:#ffc80014;border:1px solid #ffc80080;padding:4px 10px;font-size:10px}.btn-swap:hover:not(:disabled){background:#ffc8002e}.btn-swap:disabled{opacity:.3;cursor:not-allowed}.btn-browse{font-family:var(--font-mono);letter-spacing:1px;background:color-mix(in srgb, var(--neon2) 10%, transparent);border:1px solid var(--neon2-dim);color:var(--neon2);cursor:pointer;text-shadow:0 0 6px var(--neon2-dim);padding:4px 10px;font-size:10px}.btn-browse:hover:not(:disabled){background:color-mix(in srgb, var(--neon2) 20%, transparent);box-shadow:var(--glow2)}.btn-browse:disabled{opacity:.3;cursor:not-allowed}.btn-stop{color:#f35;text-shadow:0 0 6px #f35;border-color:#f35}.btn-stop:hover:not(:disabled){background:#ff335526;box-shadow:0 0 10px #f356}.chopper-error{border:1px solid var(--danger);color:var(--danger);letter-spacing:1px;background:#ff003c1a;padding:6px 12px;font-size:10px}.chopper-status{border:1px solid var(--neon2-dim);color:var(--neon2);letter-spacing:1px;background:#00ccff0d;padding:6px 12px;font-size:10px}.chopper-waveform-wrap{position:relative}.chopper-waveform-wrap.drag-over:after{content:"⤓ DROP AUDIO FILE";z-index:10;font-family:var(--font-mono);letter-spacing:3px;color:var(--neon);pointer-events:none;background:#00ff8814;border:2px dashed #00ff88b3;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 40px #00ff881a}.pad.pad-drag-over{background:#00ff882e!important;border-color:#00ff88e6!important;box-shadow:0 0 12px #00ff8880,inset 0 0 8px #00ff8826!important}.chopper-waveform{border:1px solid var(--border-neon);cursor:crosshair;background:#050508;width:100%;display:block}.chopper-assign-hint{background:var(--neon3);color:var(--bg);letter-spacing:2px;box-shadow:0 0 12px var(--neon3);pointer-events:none;border-radius:2px;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.chopper-main{align-items:flex-start;gap:12px;display:flex}.chopper-col{display:contents}.btn-size{background:var(--bg4);border:1px solid var(--border-neon);color:var(--text-dim);width:24px;height:24px;font-family:var(--font-mono);letter-spacing:0;cursor:pointer;border-radius:3px;padding:0;font-size:11px}.btn-size.on{color:var(--neon);border-color:var(--neon);background:#00ff8814;box-shadow:0 0 6px #00ff8859}.toolbar-size-ctl{gap:4px;display:none}@media (min-width:721px),(orientation:landscape){.chopper-view[data-layout=two-col]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-content:start;gap:10px 12px;display:grid}.chopper-view[data-layout=two-col]>*{grid-column:1/-1}.chopper-view[data-layout=two-col]>.chopper-col-left{grid-column:1}.chopper-view[data-layout=two-col]>.chopper-col-right{grid-column:2}.chopper-view[data-layout=two-col]>.chopper-col{flex-direction:column;align-self:start;gap:10px;min-width:0;display:flex}.chopper-view[data-layout=two-col] .pad-grid{max-width:none}.chopper-view[data-layout=two-col] .chopper-web-fx{width:100%}.chopper-view[data-layout=mpc]{flex-direction:column;gap:8px;display:flex}.chopper-view[data-layout=mpc]>*{flex:none}.chopper-view[data-layout=mpc]>.chopper-section-header[data-section=LOAD],.chopper-view[data-layout=mpc]>.chopper-toolbar{order:0}.chopper-view[data-layout=mpc] .chopper-section-header[data-section=WAVEFORM],.chopper-view[data-layout=mpc] .chopper-waveform-wrap{order:1}.chopper-view[data-layout=mpc] .tt-gated-fx{order:2}.chopper-view[data-layout=mpc] .tt-gated-seq{order:3}.chopper-view[data-layout=mpc] .chopper-section-header[data-section=PADS]{order:4}.chopper-view[data-layout=mpc] .chopper-main{order:5}.chopper-view[data-layout=mpc] .tt-gated-drums{order:6}.chopper-view[data-layout=mpc] .tt-gated-presets{order:7}.chopper-view[data-layout=mpc] .tt-gated-export{order:8}.chopper-view[data-layout=mpc] .chopper-export-bar{order:9}.chopper-view[data-layout=mpc] .free-tier-banner{order:10}.chopper-view[data-layout=mpc] .chopper-waveform-wrap{height:150px;min-height:0}.chopper-view[data-layout=mpc] .chopper-web-fx{flex-flow:wrap;align-items:flex-start;gap:10px}.chopper-view[data-layout=mpc] .master-fx{flex:1;width:auto}.chopper-view[data-layout=mpc] .master-fx .fx-row,.chopper-view[data-layout=mpc] .master-fx .fx-section .fx-row{flex-wrap:wrap}.chopper-view[data-layout=mpc] .extra-fx{flex:none}.chopper-view[data-layout=mpc] .chopper-main{flex:auto;min-height:360px}.chopper-view[data-layout=mpc] .pad-grid{aspect-ratio:auto;border-width:2px;width:100%;max-width:none;height:100%;box-shadow:inset 0 0 24px #00ff881f}.chopper-view[data-layout=mpc] .pad{min-height:78px}.chopper-view[data-layout=mpc] .pad .pad-key{font-size:20px}}.pad-grid{aspect-ratio:1;background:var(--bg2);border:1px solid var(--border-neon);flex:1;gap:6px;max-width:600px;padding:8px;display:grid}@media (min-width:721px),(orientation:landscape){.pad-grid{aspect-ratio:auto;width:100%;max-width:none}.pad{aspect-ratio:1}}.pad-grid[data-cols="1"] .pad-key{font-size:64px}.pad-grid[data-cols="2"] .pad-key{font-size:40px}.pad-grid[data-cols="3"] .pad-key{font-size:28px}.pad-grid[data-cols="4"] .pad-key{font-size:22px}.pad-grid[data-cols="5"] .pad-key{font-size:16px}.pad-grid[data-cols="6"] .pad-key{font-size:13px}.pad-grid[data-cols="5"] .pad-num,.pad-grid[data-cols="6"] .pad-num,.pad-grid[data-cols="6"] .pad-mode,.pad-grid[data-cols="6"] .pad-pitch,.pad-grid[data-cols="6"] .pad-clear{display:none}.pad-grid.pad-grid-fixed{width:100%;max-width:none}.pad-grid.pad-grid-fixed .pad-key{font-size:15px}.pad-grid.pad-grid-fixed .pad-num{display:none}.pad-grid.pad-grid-fixed .pad-mode{padding:1px 3px;font-size:10px;bottom:2px;right:2px}.pad-grid.pad-grid-fixed .pad-pitch{font-size:9px}.pad{--pad-color:var(--neon);-webkit-backdrop-filter:blur(2px);border:1px solid var(--border-neon);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000052;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;transition:all 60ms ease-out;display:flex;position:relative;overflow:hidden}.pad:hover{border-color:var(--pad-color);background:#00000038}.pad.pad-assigned{border-color:var(--pad-color);background:color-mix(in srgb, var(--pad-color) 22%, #0000004d);box-shadow:0 0 8px color-mix(in srgb, var(--pad-color) 40%, transparent), inset 0 0 16px color-mix(in srgb, var(--pad-color) 10%, transparent)}.pad:active,.pad.pad-triggering{background:var(--pad-color);color:var(--bg);box-shadow:0 0 24px var(--pad-color), inset 0 0 24px #fff6;transform:scale(.97)}.pad.pad-selected{border-color:var(--neon3);box-shadow:0 0 14px var(--neon3), inset 0 0 14px #c0f3;animation:1s ease-in-out infinite pad-pulse}@keyframes pad-pulse{0%,to{box-shadow:0 0 14px var(--neon3)}50%{box-shadow:0 0 24px var(--neon3)}}.pad-key{font-family:var(--font-hud);letter-spacing:1px;color:var(--pad-color);text-shadow:0 0 8px var(--pad-color);font-size:22px;font-weight:700;line-height:1}.pad.pad-assigned .pad-key{color:var(--text)}.pad-num{letter-spacing:1px;color:var(--text-dim);margin-top:2px;font-size:8px}.pad-mode{color:var(--text-dim);cursor:pointer;padding:2px 4px;font-size:12px;line-height:1;position:absolute;bottom:4px;right:4px}.pad-mode:hover{color:var(--pad-color)}.pad.pad-mode-loop .pad-mode{color:var(--neon3);text-shadow:0 0 6px var(--neon3)}.pad-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1;position:absolute;top:2px;right:2px}.pad-clear:hover{color:var(--danger)}.pad-swap{color:#00ff8873;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;line-height:1;position:absolute;bottom:2px;right:2px}.pad-swap:hover{color:var(--neon);text-shadow:0 0 6px var(--neon)}.pad-drag-out{color:#0f86;cursor:grab;z-index:5;-webkit-user-select:none;user-select:none;padding:2px 4px;font-size:12px;line-height:1;position:absolute;bottom:2px;left:2px}.pad-drag-out:hover{color:var(--neon);text-shadow:0 0 6px var(--neon)}.pad-drag-out:active{cursor:grabbing}.pad-drag-out.pad-drag-out-ready{color:var(--neon)}.pad.pad-active{background:color-mix(in srgb, var(--pad-color) 35%, var(--bg2));border-color:var(--pad-color);box-shadow:0 0 20px var(--pad-color), inset 0 0 20px color-mix(in srgb, var(--pad-color) 30%, transparent);transform:scale(.97)}.pad.pad-active .pad-key{color:#fff;text-shadow:0 0 12px var(--pad-color)}.pad.pad-own-sample{border:1px solid #0cf}.pad.pad-own-sample:before{content:"";pointer-events:none;background:#00ccff0f;position:absolute;inset:0}.pad-own-dot{background:#0cf;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:20px;box-shadow:0 0 5px #0cf}.pad-view-banner{font-family:var(--font-mono);background:#00ccff14;border:1px solid #00ccff4d;border-bottom:none;align-items:center;gap:8px;padding:4px 10px;font-size:10px;display:flex}.pad-view-label{color:#0cf;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pad-view-back{font-family:var(--font-mono);color:#0cf;cursor:pointer;white-space:nowrap;background:#00ccff26;border:1px solid #0cf6;padding:2px 8px;font-size:10px}.pad-view-back:hover{background:#00ccff4d}.preset-missing-banner{font-family:var(--font-mono);background:#ffb0001a;border:1px solid #ffb00073;border-bottom:none;align-items:center;gap:8px;padding:6px 10px;font-size:10px;display:flex}.preset-missing-text{color:#ffb000;flex:1;line-height:1.35}.preset-missing-text strong{color:#ffd970}.btn-add-sample{font-family:var(--font-mono);letter-spacing:1px;color:var(--neon);cursor:pointer;white-space:nowrap;background:#00ff8814;border:1px solid #00ff8873;padding:3px 10px;font-size:10px}.btn-add-sample:hover:not(:disabled){background:#00ff882e}.btn-add-sample:disabled{opacity:.3;cursor:not-allowed}.btn-pad-sample{font-family:var(--font-mono);color:#0cf;cursor:pointer;white-space:nowrap;background:#00ccff1a;border:1px solid #0cf6;padding:3px 10px;font-size:10px}.btn-pad-sample:hover:not(:disabled){background:#00ccff40}.btn-pad-sample:disabled{opacity:.3;cursor:default}.pad-pitch{color:var(--text-dim);cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:2px;padding:2px 3px;font-size:9px;line-height:1;position:absolute;bottom:4px;left:4px}.pad-pitch.pad-pitch-active{color:var(--neon2);text-shadow:0 0 4px var(--neon2)}.pad-pitch:hover{background:#ffffff0d}.pad-pitch-bar{pointer-events:none;border-radius:0 2px 2px 0;width:3px;min-height:3px;position:absolute;left:0}.pad-pitch-bar-up{background:var(--neon2);box-shadow:0 0 4px var(--neon2);bottom:50%}.pad-pitch-bar-down{background:#f64;top:50%;box-shadow:0 0 4px #f64}.waveform-wrap{flex-direction:column;width:100%;display:flex}.waveform-zoom-bar{background:var(--bg2);border-bottom:1px solid var(--border-neon);align-items:center;gap:6px;padding:6px 8px;display:flex}.btn-zoom{color:#00ff88d9;text-shadow:0 0 4px #00ff884d;font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #00ff8880;border-radius:3px;min-width:44px;padding:8px 16px;font-size:16px;font-weight:700;line-height:1}.btn-zoom:hover{color:var(--neon);border-color:var(--neon);text-shadow:0 0 8px var(--neon);box-shadow:0 0 6px #0f83}.btn-zoom:active{color:#fff;border-color:var(--neon);box-shadow:0 0 14px var(--neon), 0 0 5px var(--neon) inset;text-shadow:0 0 10px var(--neon);background:#0f83}.zoom-level{color:var(--text-dim);letter-spacing:1px;margin-left:6px;font-size:13px}.waveform-track-title{color:var(--neon2);text-shadow:var(--glow2);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:600px;margin-left:12px;font-size:12px;overflow:hidden}.waveform-track-bpm{background:var(--neon3);color:var(--bg);border-radius:2px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700}.metro-group{gap:6px}.btn-metro{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;background:0 0;padding:4px 10px;font-size:11px}.btn-metro.metro-on{color:var(--neon2);border-color:var(--neon2);text-shadow:0 0 6px var(--neon2);box-shadow:0 0 8px #00c8ff33}.bpm-display{background:var(--bg3);border:1px solid var(--border-neon);cursor:ns-resize;flex-direction:column;align-items:center;min-width:52px;padding:2px 8px;display:flex;position:relative}.bpm-popup{border:2px solid var(--neon);color:#fff;font:700 30px/1 var(--font-hud);letter-spacing:1px;z-index:1000;pointer-events:none;white-space:nowrap;background:#000000eb;border-radius:6px;padding:8px 16px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.bpm-popup-unit{opacity:.7;letter-spacing:2px;margin-left:6px;font-size:12px}.bpm-display:hover{border-color:var(--neon)}.bpm-label{color:var(--text-dim);letter-spacing:2px;font-size:8px}.bpm-value{color:var(--neon);font-size:14px;font-family:var(--font-hud);letter-spacing:1px}.bpm-input{text-align:center;width:60px;font-size:14px}.metro-sound-select{padding:3px 5px;font-size:10px}.stretch-src-bpm{color:var(--text-dim);letter-spacing:1px;align-self:center;font-size:10px}.btn-tap-tempo{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--border-neon);color:var(--neon);cursor:pointer;background:0 0;min-width:38px;padding:4px 8px;font-size:10px}.btn-tap-tempo:hover{border-color:var(--neon);box-shadow:0 0 6px #00ff9640}.btn-tap-tempo:active{background:#00ff9626}.ctrl-disabled{opacity:.4;cursor:not-allowed}.pad-grid-wrap{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.pad-bank-banner{background:var(--bg3);border:1px solid var(--border-neon);font-family:var(--font-mono);letter-spacing:1px;color:var(--text-dim);align-items:center;gap:12px;padding:4px 10px;font-size:10px;display:flex}.pad-bank-label{color:var(--neon);letter-spacing:2px}.pad-bank-range{color:var(--text-dim)}.pad-bank-hint{opacity:.75;margin-left:auto}.pad-bank-num{color:var(--neon2);letter-spacing:2px}.btn-chop-mode{font-family:var(--font-mono);letter-spacing:1px;color:#00ff88d9;text-shadow:0 0 4px #00ff884d;cursor:pointer;background:0 0;border:1px solid #00ff8880;padding:4px 10px;font-size:10px}.btn-chop-mode:hover{color:var(--neon);border-color:var(--neon);text-shadow:0 0 8px var(--neon)}.btn-chop-mode:active:not(:disabled){color:#fff;border-color:var(--neon);box-shadow:0 0 16px var(--neon), 0 0 6px var(--neon) inset;text-shadow:0 0 10px var(--neon);background:#0f83}.btn-chop-mode.chop-mode-on{color:#fc0;text-shadow:0 0 6px #fc0;border-color:#fc0;box-shadow:0 0 8px #fc03}.btn-chop-mode.chop-mode-on:active{color:#fff;text-shadow:0 0 10px #fc0;background:#fc03;box-shadow:0 0 16px #fc0,inset 0 0 6px #fc0}.btn-reset-chops{font-family:var(--font-mono);letter-spacing:1px;color:#f88;text-shadow:0 0 8px #f44,0 0 16px #ff323299;cursor:pointer;background:#ff323226;border:1px solid #ff5050e6;margin-left:4px;padding:4px 8px;font-size:10px;box-shadow:0 0 10px #ff3c3c66,inset 0 0 8px #ff3c3c1a}.btn-reset-chops:hover:not(:disabled){color:#f44;text-shadow:0 0 8px #f44;border-color:#f44;box-shadow:0 0 8px #ff44444d}.btn-reset-chops:active:not(:disabled){color:#fff;text-shadow:0 0 10px #f44;background:#f443;border-color:#f44;box-shadow:0 0 16px #f44,inset 0 0 6px #f44}.btn-reset-chops:disabled{opacity:.3;cursor:default}.btn-preset-save{font-family:var(--font-mono);letter-spacing:1px;color:#0f8;text-shadow:0 0 8px #0f8,0 0 16px #0f89;cursor:pointer;background:#00ff881f;border:1px solid #00ff88e6;margin-left:4px;padding:4px 8px;font-size:10px;box-shadow:0 0 10px #00ff8859,inset 0 0 8px #00ff8814}.btn-preset-save:hover:not(:disabled){color:var(--neon);border-color:var(--neon);text-shadow:0 0 8px var(--neon);box-shadow:0 0 8px #00ff884d}.btn-preset-save:active:not(:disabled){color:#fff;border-color:var(--neon);box-shadow:0 0 16px var(--neon), 0 0 6px var(--neon) inset;text-shadow:0 0 10px var(--neon);background:#0f83}.btn-preset-save:disabled{opacity:.3;cursor:default}.toolbar-transport{flex-basis:100%;gap:8px}.btn-transport{font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;border:1px solid var(--neon);color:var(--neon);text-shadow:0 0 8px var(--neon);background:#0000004d;padding:6px 18px;font-size:11px;font-weight:700;box-shadow:0 0 10px #00ff8840,inset 0 0 8px #00ff880f}.btn-transport-play:hover{background:#00ff8826;box-shadow:0 0 12px #00ff8880}.btn-transport-play:active{color:#fff;box-shadow:0 0 16px var(--neon), 0 0 6px var(--neon) inset;background:#00ff8840}.btn-transport-stop{color:#f88;text-shadow:0 0 8px #f44,0 0 16px #ff323299;border-color:#ff5050e6;box-shadow:0 0 10px #ff3c3c66,inset 0 0 8px #ff3c3c1a}.btn-transport-stop:hover{color:#f44;border-color:#f44;box-shadow:0 0 12px #ff444480}.btn-transport-stop:active{color:#fff;background:#ff444440;border-color:#f44;box-shadow:0 0 16px #f44,inset 0 0 6px #f44}.preset-panel{background:#00ff8808;border:1px solid #00ff8826;border-radius:4px;flex-direction:column;align-self:flex-start;gap:6px;min-width:140px;padding:8px;display:flex}.preset-panel .preset-name-input,.preset-panel .btn-preset-save,.preset-panel .preset-load-select{box-sizing:border-box;width:100%}.preset-name-input{font-family:var(--font-mono);color:#0f8;background:#00ff8812;border:1px solid #00ff8840;border-radius:2px;outline:none;width:130px;padding:2px 6px;font-size:10px}.preset-name-input::placeholder{color:#00ff8859}.preset-name-input:focus{border-color:#0f89}.preset-load-select{max-width:160px;font-size:10px}.btn-cache-dl{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--border-neon);color:#00ff88d9;text-shadow:0 0 4px #00ff884d;cursor:pointer;white-space:nowrap;background:0 0;padding:4px 10px;font-size:10px}.btn-cache-dl:hover:not(:disabled){color:var(--neon);border-color:var(--neon);text-shadow:0 0 8px var(--neon)}.btn-cache-dl:active:not(:disabled){color:#fff;border-color:var(--neon);box-shadow:0 0 14px var(--neon), 0 0 5px var(--neon) inset;text-shadow:0 0 10px var(--neon);background:#0f83}.btn-cache-dl.cache-dl-active{color:#fc0;border-color:#fc0}.btn-cache-dl:disabled{opacity:.4;cursor:default}.btn-cache-del{font-family:var(--font-mono);letter-spacing:1px;color:#ff5050b3;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff3c3c66;padding:4px 8px;font-size:10px}.btn-cache-del:hover{color:#f44;text-shadow:0 0 6px #f44;border-color:#f44}.btn-cache-dir{font-family:var(--font-mono);color:#00ff88d9;text-shadow:0 0 4px #00ff884d;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #00ff8880;margin-left:4px;padding:4px 7px;font-size:11px}.btn-cache-dir:hover{color:var(--neon);border-color:var(--neon);text-shadow:0 0 8px var(--neon)}.btn-cache-dir:active{color:#fff;border-color:var(--neon);box-shadow:0 0 14px var(--neon), 0 0 5px var(--neon) inset;text-shadow:0 0 10px var(--neon);background:#0f83}.cache-dl-panel{background:#00ff880a;border:1px solid #00ff8826;border-top:none;flex-direction:column;gap:5px;padding:6px 12px 8px;display:flex}.cache-dl-header{justify-content:space-between;align-items:center;display:flex}.cache-dl-label{font-family:var(--font-mono);letter-spacing:1px;color:var(--neon);opacity:.7;font-size:9px}.cache-dl-count{font-family:var(--font-mono);color:var(--neon);font-size:9px}.cache-dl-bar-track{background:#00ff881a;border-radius:2px;width:100%;height:3px;overflow:hidden}.cache-dl-bar-fill{background:var(--neon);height:100%;box-shadow:0 0 6px var(--neon);border-radius:2px;transition:width .3s}.cache-dl-active-list{flex-direction:column;gap:2px;max-height:60px;display:flex;overflow:hidden}.cache-dl-active-item{font-family:var(--font-mono);color:#0f89;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.cache-dl-done-item{color:#00ff8859}.chopper-chop-hint{color:#fc0;font-family:var(--font-mono);letter-spacing:2px;pointer-events:none;background:#ffcc0026;border:1px solid #fc0;padding:4px 12px;font-size:10px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.master-fx{background:var(--bg2);border:1px solid var(--border-neon);flex-direction:column;flex-shrink:0;gap:10px;width:320px;padding:10px 12px;display:flex}.master-fx-title{font-family:var(--font-hud);letter-spacing:4px;color:var(--neon2);text-shadow:var(--glow2);border-bottom:1px solid var(--border-neon);padding-bottom:6px;font-size:11px;font-weight:700}.fx-section{border-top:1px dashed var(--border);flex-direction:column;gap:6px;padding:6px 0;display:flex}.fx-section:first-of-type{border-top:none}.fx-section-title{letter-spacing:3px;color:var(--text-dim);align-items:center;gap:8px;font-size:9px;display:flex}.fx-toggle{border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;width:14px;height:14px;padding:0;font-size:10px;line-height:1}.fx-toggle.on{color:var(--neon);border-color:var(--neon);text-shadow:0 0 4px var(--neon);background:#00ff881a}.fx-row{flex-wrap:wrap;gap:10px;display:flex}.fx-knob{flex-direction:column;align-items:center;gap:2px;min-width:56px;display:flex}.fx-knob-wide{min-width:100%}.fx-label{letter-spacing:2px;color:var(--text-dim);font-size:8px}.fx-cc-badge{letter-spacing:0;color:var(--bg);background:var(--neon);vertical-align:middle;border-radius:2px;margin-left:4px;padding:0 3px;font-size:7px;display:inline-block}.fx-cc-learning{color:var(--neon3,#c0f);margin-left:4px;animation:.6s steps(2,end) infinite cc-learn-blink}@keyframes cc-learn-blink{0%,to{opacity:1}50%{opacity:.2}}.fx-knob.fx-knob-learning{outline:1px dashed var(--neon3,#c0f);outline-offset:2px;border-radius:3px}.fx-knob.fx-knob-mapped .fx-slider{box-shadow:0 0 4px var(--neon)}.fx-slider{appearance:none;background:var(--bg4);border:1px solid var(--border-neon);cursor:pointer;width:60px;height:3px;accent-color:var(--neon3);border-radius:2px;outline:none}.fx-slider-wide{width:100%}.fx-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon3);width:10px;height:10px;box-shadow:0 0 6px var(--neon3);border-radius:50%}.fx-value{color:var(--neon3);white-space:nowrap;font-size:8px}@media (min-width:1024px){.fx-label{letter-spacing:1.5px;font-size:12px}.fx-value{font-size:11px}.chopper-toolbar .toolbar-label{letter-spacing:1.5px;font-size:12px}.chopper-toolbar .ctrl-select{font-size:12px}}@media (min-width:768px){.fx-label,.chopper-toolbar .toolbar-label{letter-spacing:1.5px;font-size:12px}.fx-value{font-size:11px}.chopper-toolbar .ctrl-select{font-size:12px}.toolbar-label,.ctrl-label,.snap-mode-label,.mix-label,.knob-label,.beat-label,.bpm-label{letter-spacing:1.5px;font-size:11px}.ctrl-value,.mix-val,.knob-value,.fx-section-title{font-size:11px}.fx-cc-badge{font-size:9px}.ctrl-select,.snap-mode-select,.seq-select,.export-format-select,.timeline-quant-select,.metro-sound-select,.fx-select,.stretch-src-bpm{font-size:12px}.seq-title,.timeline-title{letter-spacing:3px;font-size:13px}.seq-count,.timeline-count,.seq-empty,.seq-tab{font-size:12px}.seq-row-label{letter-spacing:1.3px;font-size:13px}.seq-ruler-cell{height:18px;font-size:10px}.chopper-section-header,.chopper-section-title,.chopper-section-arrow{letter-spacing:3px;font-size:13px}.pad-bank-banner,.pad-bank-label,.pad-bank-range,.pad-bank-hint,.pad-bank-num,.pad-view-banner,.pad-view-label,.pad-view-back,.drum-row-name{font-size:13px}.drum-row-sample,.drum-row-head{font-size:11px}.export-hint,.export-status,.chopper-chop-hint,.cache-dl-label{font-size:12px}.bpm-value{font-size:16px}.bpm-popup-unit,.zoom-level{font-size:14px}.btn,.btn-primary,.btn-chop-mode,.btn-reset-chops,.btn-preset-save,.btn-add-sample,.btn-pad-sample,.btn-cache-dl,.btn-cache-del,.btn-cache-dir,.btn-swap,.btn-browse,.btn-stop,.btn-rec,.btn-clear,.btn-export,.btn-eject,.btn-fx-toggle,.extra-fx-toggle,.mode-tab,.btn-mode,.btn-track,.btn-add-track,.btn-tap-tempo{font-size:13px}.btn-size,.btn-wave-zoom,.btn-wave-close,.btn-undo,.btn-power,.btn-zoom,.btn-master-bypass,.btn-ping-pong,.btn-trance-sync{font-size:revert}.fx-label,.fx-value,.toolbar-label,.ctrl-label,.ctrl-value,.snap-mode-label,.mix-label,.mix-val,.knob-label,.knob-value,.beat-label,.bpm-label,.fx-section-title,.seq-title,.seq-count,.seq-row-label,.seq-ruler-cell,.timeline-title,.timeline-count,.chopper-section-header,.chopper-section-title,.pad-bank-banner,.drum-row-name,.drum-row-sample,.export-hint,.export-status{text-shadow:0 1px 2px #0009}body[data-theme=terminator] .fx-label,body[data-theme=terminator] .fx-value,body[data-theme=terminator] .toolbar-label,body[data-theme=terminator] .seq-row-label,body[data-theme=terminator] .seq-title,body[data-theme=terminator] .seq-count,body[data-theme=terminator] .chopper-section-header,body[data-theme=terminator] .bpm-label,body[data-theme=terminator] .drum-row-sample,body[data-theme=terminator] .pad-bank-banner{text-shadow:0 0 6px #00ff8873,0 1px 2px #000c!important}body[data-theme=gta3] .fx-label,body[data-theme=gta3] .fx-value,body[data-theme=gta3] .toolbar-label,body[data-theme=gta3] .ctrl-label,body[data-theme=gta3] .seq-row-label,body[data-theme=gta3] .seq-title,body[data-theme=gta3] .seq-count,body[data-theme=gta3] .chopper-section-header,body[data-theme=gta3] .bpm-label,body[data-theme=gta3] .mix-label,body[data-theme=gta3] .knob-label,body[data-theme=gta3] .drum-row-sample{color:#e8eef4!important;text-shadow:0 0 5px #ffd84d4d,0 1px 2px #000000d9!important}body[data-theme=ff7] .seq-title,body[data-theme=ff7] .seq-count,body[data-theme=ff7] .chopper-section-header,body[data-theme=ff7] .bpm-label,body[data-theme=ff7] .mix-label,body[data-theme=ff7] .knob-label,body[data-theme=ff7] .fx-section-title,body[data-theme=ff7] .timeline-title,body[data-theme=ff7] .timeline-count,body[data-theme=ff7] .drum-row-sample,body[data-theme=ff7] .pad-bank-banner{color:#fff!important;text-shadow:1px 1px #000,0 0 4px #0009,0 0 7px #1cbeae59!important}body[data-theme=sonic] .seq-title,body[data-theme=sonic] .seq-count,body[data-theme=sonic] .chopper-section-header,body[data-theme=sonic] .bpm-label,body[data-theme=sonic] .mix-label,body[data-theme=sonic] .knob-label,body[data-theme=sonic] .fx-section-title,body[data-theme=sonic] .timeline-title,body[data-theme=sonic] .timeline-count,body[data-theme=sonic] .drum-row-sample,body[data-theme=sonic] .pad-bank-banner{color:#fff!important;text-shadow:1px 1px #000,0 0 4px #000000b3!important}body[data-theme=transformers] .seq-title,body[data-theme=transformers] .seq-count,body[data-theme=transformers] .chopper-section-header,body[data-theme=transformers] .bpm-label,body[data-theme=transformers] .mix-label,body[data-theme=transformers] .knob-label,body[data-theme=transformers] .fx-section-title,body[data-theme=transformers] .timeline-title,body[data-theme=transformers] .timeline-count,body[data-theme=transformers] .drum-row-sample,body[data-theme=transformers] .pad-bank-banner{color:#fff!important;text-shadow:1px 1px #000,0 0 4px #0009,0 0 8px #dc18184d!important}body[data-theme=outrun] .seq-title,body[data-theme=outrun] .seq-count,body[data-theme=outrun] .chopper-section-header,body[data-theme=outrun] .chopper-section-arrow,body[data-theme=outrun] .bpm-label,body[data-theme=outrun] .mix-label,body[data-theme=outrun] .knob-label,body[data-theme=outrun] .fx-section-title,body[data-theme=outrun] .timeline-title,body[data-theme=outrun] .timeline-count,body[data-theme=outrun] .seq-ruler-cell,body[data-theme=outrun] .drum-row-name,body[data-theme=outrun] .drum-row-sample,body[data-theme=outrun] .pad-bank-banner{color:#1a1a1a!important;text-shadow:0 0 2px #fff9,0 1px #ffffff80!important;font-weight:700!important}body[data-theme=vicecity] .seq-title,body[data-theme=vicecity] .seq-count,body[data-theme=vicecity] .chopper-section-header,body[data-theme=vicecity] .chopper-section-arrow,body[data-theme=vicecity] .bpm-label,body[data-theme=vicecity] .mix-label,body[data-theme=vicecity] .knob-label,body[data-theme=vicecity] .fx-section-title,body[data-theme=vicecity] .timeline-title,body[data-theme=vicecity] .timeline-count,body[data-theme=vicecity] .seq-ruler-cell,body[data-theme=vicecity] .drum-row-sample,body[data-theme=vicecity] .pad-bank-banner{color:#1a1a1a!important;text-shadow:0 0 3px #ffffff8c,0 0 2px #ffffff8c!important;font-weight:700!important}body[data-theme^=macos] .seq-title,body[data-theme^=macos] .seq-count,body[data-theme^=macos] .seq-ruler-cell,body[data-theme^=macos] .bpm-label,body[data-theme^=macos] .bpm-value,body[data-theme^=macos] .beat-label,body[data-theme^=macos] .ctrl-label,body[data-theme^=macos] .ctrl-value,body[data-theme^=macos] .knob-label,body[data-theme^=macos] .knob-value,body[data-theme^=macos] .mix-label,body[data-theme^=macos] .mix-val,body[data-theme^=macos] .fx-section-title,body[data-theme^=macos] .timeline-title,body[data-theme^=macos] .timeline-count,body[data-theme^=macos] .drum-row-sample,body[data-theme^=macos] .pad-bank-banner{color:#000!important;text-shadow:0 1px #ffffffb3!important}}.fx-slider-wrap{display:inline-flex;position:relative}.fx-slider-wrap-wide{width:100%;display:flex}.fx-fader-capture{cursor:ew-resize;touch-action:none;z-index:3;position:absolute;inset:-6px -4px}.fx-fader-tooltip{background:var(--neon3);color:var(--bg1);font-family:var(--font-mono);letter-spacing:.5px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 10px #0009, 0 0 8px var(--neon3);z-index:100;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;bottom:100%;transform:translate(-50%,-10px)}.fx-fader-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--neon3);position:absolute;top:100%;left:50%;transform:translate(-50%)}.extra-fx-row{border-top:1px solid #00ff9614;align-items:center;gap:8px;padding:4px 0;display:flex}.extra-fx-row:first-of-type{border-top:0}.extra-fx-toggle{font-family:var(--font-hud);letter-spacing:1.5px;border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;text-align:center;background:0 0;flex:0 0 64px;padding:6px 0;font-size:9px}.extra-fx-toggle:hover{color:var(--neon);border-color:var(--neon)}.extra-fx-toggle.on{color:var(--bg);background:var(--neon);border-color:var(--neon);box-shadow:0 0 6px var(--neon)}.extra-fx-knobs{flex-wrap:wrap;flex:1;gap:6px 12px}.fx-select-group{flex-direction:column;flex:1;gap:2px;display:flex}.fx-select{background:var(--bg3);color:var(--neon);border:1px solid var(--border-neon);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;outline:none;padding:3px 6px;font-size:10px}.timeline{background:var(--bg2);border:1px solid var(--border-neon);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.timeline-header{align-items:center;gap:14px;display:flex}.timeline-title{font-family:var(--font-hud);letter-spacing:3px;color:var(--neon2);font-size:10px}.timeline-count{color:var(--text-dim);letter-spacing:1px;font-size:9px}.timeline-actions{gap:6px;margin-left:auto;display:flex}.btn-rec,.btn-clear{border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;background:0 0;padding:3px 10px;font-size:10px}.btn-rec:hover{color:var(--danger);border-color:var(--danger)}.btn-rec.on{color:var(--bg);background:var(--danger);border-color:var(--danger);box-shadow:0 0 10px var(--danger);animation:1.5s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-clear:hover:not(:disabled){color:var(--neon3);border-color:var(--neon3)}.btn-clear:disabled{opacity:.3;cursor:not-allowed}.rec-dot{font-weight:700}.btn-rec.on .rec-dot{color:#ff3b30}.btn-rec.on.seq-mode{animation:none}.timeline-canvas{border:1px solid var(--border-neon);background:#050508;height:80px;position:relative;overflow:hidden}.timeline-empty{color:var(--text-dim);letter-spacing:1px;pointer-events:none;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.timeline-event{min-width:8px;height:12.5%;font-size:7px;font-family:var(--font-hud);color:var(--bg);text-shadow:none;-webkit-user-select:none;user-select:none;border-radius:1px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 6px}.timeline-event:hover{filter:brightness(1.3)}.timeline-cursor{background:var(--danger);width:2px;box-shadow:0 0 6px var(--danger);pointer-events:none;z-index:10;position:absolute;top:0;bottom:0}.timeline-beat-line{pointer-events:none;background:#00c8ff1f;width:1px;position:absolute;top:0;bottom:0}.timeline-bar-line{background:#00c8ff47}.timeline-loop-on{box-shadow:0 0 6px var(--neon);color:var(--neon)!important;border-color:var(--neon)!important}.seq{background:var(--bg2);border:1px solid var(--border-neon);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.seq-tabs{border-bottom:1px solid #00ff961f;flex-wrap:wrap;gap:4px;padding-bottom:4px;display:flex}.seq-tab{font-family:var(--font-hud);letter-spacing:1px;border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;background:0 0;min-width:28px;padding:3px 9px;font-size:10px}.seq-tab:hover{color:var(--neon);border-color:var(--neon)}.seq-tab.on{color:var(--bg);background:var(--neon);border-color:var(--neon);box-shadow:0 0 6px var(--neon)}.seq-tab.playing:not(.on){color:var(--neon);border-color:var(--neon);box-shadow:0 0 4px var(--neon) inset}.seq-tab.queued{border-style:dashed;border-color:var(--danger);color:var(--danger);animation:.9s ease-in-out infinite rec-pulse}.seq-tab.queued.on{background:var(--danger);color:var(--bg)}.seq-tab-add{color:var(--neon2);border-style:dashed}.seq-tab-add:hover{color:var(--neon2);border-color:var(--neon2)}.seq-tab-dup{color:var(--neon3);border-style:dashed}.seq-tab-dup:hover{color:var(--neon3);border-color:var(--neon3)}.seq-header{align-items:center;gap:14px;display:flex}.seq-title{font-family:var(--font-hud);letter-spacing:3px;color:var(--neon2);font-size:10px}.seq-count{color:var(--text-dim);letter-spacing:1px;font-size:9px}.seq-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.seq-select{padding:3px 6px;font-size:10px}.seq-empty{text-align:center;color:var(--text-dim);letter-spacing:1px;border:1px solid var(--border-neon);background:#050508;padding:24px;font-size:10px}.seq-body{border:1px solid var(--border-neon);background:#050508;flex-direction:column;gap:2px;padding:4px 4px 4px 0;display:flex;position:relative;overflow-x:auto}.seq-ruler-row,.seq-row{align-items:stretch;display:flex}.seq-row-label{font-family:var(--font-hud);letter-spacing:1px;color:var(--text-dim);border-left:3px solid #0000;flex:0 0 36px;align-items:center;padding:0 6px;font-size:10px;display:flex}.seq-ruler{flex:1;min-width:0;display:grid}.seq-ruler-cell{height:14px;color:var(--text-dim);justify-content:flex-start;align-items:center;padding-left:1px;font-size:8px;display:flex}.seq-ruler-cell.is-bar{color:var(--neon2);font-weight:700}.seq-ruler-cell.is-beat{color:#00c8ff73}.seq-cells{flex:1;gap:1px;min-width:0;display:grid}.seq-cell{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;height:22px;transition:background 50ms,border-color 50ms}.seq-cell:hover{background:#ffffff1a;border-color:#ffffff2e}.seq-cell.is-bar{border-left:1px solid #00c8ff80}.seq-cell.is-beat{border-left:1px solid #00c8ff33}.seq-cell.on{cursor:grab;border-color:#0000}.seq-cell.on:active{cursor:grabbing}.seq-cell.preview{opacity:.55;outline:1px dashed var(--neon)}.seq-cell.src-hidden{opacity:.15;box-shadow:none!important;background:0 0!important}.seq-cell{justify-content:center;align-items:center;display:flex;position:relative}.seq-cell-rev{pointer-events:none;color:#000;text-shadow:0 0 2px #fff9;font-size:10px;font-weight:700;line-height:1}.seq-cell.reversed{outline-offset:-2px;outline:1px solid #ffffff8c}.seq-cursor{border-left:2px solid var(--danger);pointer-events:none;z-index:5;background:#ff507829;width:8px;position:absolute;top:0;bottom:0}.seq-rec-cursor{border:1px dashed var(--danger);pointer-events:none;z-index:4;background:#ff50781a;width:8px;animation:1.2s ease-in-out infinite rec-pulse;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 6px #ff507880}.seq-countin{pointer-events:none;z-index:8;font-family:var(--font-display,var(--font-hud));color:var(--danger);text-shadow:0 0 18px #ff5078b3,0 0 2px #000;background:#05050873;justify-content:center;align-items:center;font-size:clamp(48px,14vh,120px);font-weight:900;line-height:1;animation:.5s ease-out seq-countin-pop;display:flex;position:absolute;inset:0}@keyframes seq-countin-pop{0%{opacity:0;transform:scale(1.35)}30%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.timeline-quant-wrap{align-items:center;gap:4px;display:flex}.timeline-quant-select{padding:2px 4px;font-size:10px}.chopper-export-bar{background:var(--bg2);border:1px solid var(--border-neon);align-items:center;gap:16px;padding:10px 12px;display:flex}.mpc-line{letter-spacing:1px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:9px;display:flex;overflow:hidden}.export-actions{gap:8px;display:flex}button:not(:disabled):active{transform:scale(.97);color:#fff!important;text-shadow:0 0 10px #0f8!important;background:#00ff882e!important;border-color:#0f8!important;transition:none!important;box-shadow:0 0 18px #0f8,inset 0 0 6px #00ff8880!important}button.btn-rec:not(:disabled):active,button.btn-cache-del:not(:disabled):active,button.btn-reset-chops:not(:disabled):active{text-shadow:0 0 10px #f44!important;background:#f443!important;border-color:#f44!important;box-shadow:0 0 18px #f44,inset 0 0 6px #ff444480!important}select:focus{outline:none;border-color:var(--neon)!important;box-shadow:0 0 6px #00ff884d!important}.btn:not(:disabled):active{transform:scale(.97);color:#fff!important;text-shadow:0 0 10px #0f8!important;background:#00ff882e!important;border-color:#0f8!important;box-shadow:0 0 18px #0f8,inset 0 0 6px #00ff8880!important}.btn-primary:not(:disabled):active{background:#00ff884d!important;box-shadow:0 0 24px #0f8,inset 0 0 10px #0f89!important}.eula-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.eula-modal{border:1px solid var(--neon);width:90%;max-width:560px;font-family:var(--font-mono);background:#0d0d0d;border-radius:4px;flex-direction:column;gap:16px;padding:32px 36px;display:flex;box-shadow:0 0 40px #00ff8840,0 0 80px #00ff8814}.eula-header{border-bottom:1px solid #0f83;align-items:baseline;gap:14px;padding-bottom:12px;display:flex}.eula-logo{color:var(--neon);text-shadow:0 0 10px var(--neon);letter-spacing:4px;font-size:1.4rem;font-weight:700}.eula-title{letter-spacing:3px;color:var(--neon);opacity:.7;margin:0;font-size:.75rem}.eula-body{color:#ffffffbf;flex-direction:column;gap:8px;font-size:.72rem;line-height:1.6;display:flex}.eula-body p{margin:0}.eula-body strong{color:#fffffff2}.eula-body code{color:var(--neon);opacity:.85;font-size:.68rem}.eula-fields{flex-direction:column;gap:10px;display:flex}.eula-label{letter-spacing:2px;color:#00ff88b3;flex-direction:column;gap:4px;font-size:.62rem;display:flex}.eula-input{color:#fff;font-family:var(--font-mono);background:#00ff880a;border:1px solid #00ff8840;border-radius:2px;outline:none;padding:7px 10px;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.eula-input:focus{border-color:var(--neon);box-shadow:0 0 6px #00ff884d}.eula-input::placeholder{color:#fff3}.eula-agree{color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.72rem;display:flex}.eula-agree input[type=checkbox]{accent-color:var(--neon);cursor:pointer;width:14px;height:14px}.eula-error{color:#f44;text-shadow:0 0 6px #ff444480;margin:0;font-size:.68rem}.eula-accept-btn{border:1px solid var(--neon);color:var(--neon);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;text-shadow:0 0 6px var(--neon);background:#00ff8814;border-radius:2px;margin-top:4px;padding:10px 20px;font-size:.75rem;transition:background .15s,box-shadow .15s}.eula-accept-btn:hover:not(:disabled){background:#00ff8826;box-shadow:0 0 14px #0f86}.eula-accept-btn:disabled{opacity:.35;cursor:not-allowed}.fx-panel-header{border:0;border-bottom:1px solid var(--border-neon);width:100%;color:var(--neon2);font-family:var(--font-hud);letter-spacing:3px;cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:6px 4px;font-size:10px;display:flex}.fx-panel-header:hover{color:var(--neon)}.fx-panel-active{letter-spacing:1px;color:var(--neon);border:1px solid var(--neon);font-size:8px;font-family:var(--font-mono);background:#00ff9614;border-radius:2px;padding:1px 6px}.master-fx.collapsed{padding-bottom:0}.master-fx.collapsed .fx-panel-header{border-bottom:0}@media (max-width:720px) and (orientation:portrait){.chopper-view{-webkit-overflow-scrolling:touch;gap:4px;height:100dvh;padding:6px;overflow-y:auto}.chopper-toolbar{flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px}.toolbar-group{flex-wrap:wrap}.toolbar-transport{flex-basis:auto;gap:8px}.toolbar-transport .btn-transport{flex:1 1 0;justify-content:center;align-items:center;min-height:52px;padding:12px 10px;font-size:15px;display:flex}.chopper-export-bar,.mpc-status,.toolbar-track-info{display:none!important}.chopper-web-fx{flex-direction:column;gap:6px;display:flex}.chopper-web-presets{background:var(--bg2);border:1px solid var(--border-neon);flex-flow:wrap;align-items:center;gap:6px;padding:6px;display:flex}.chopper-web-presets .preset-name-input,.chopper-web-presets .btn-preset-save,.chopper-web-presets .preset-load-select{width:auto;min-width:0;margin:0;padding:5px 8px;font-size:11px}.chopper-web-presets .preset-name-input{flex:120px}.chopper-web-presets .btn-preset-save{flex:none}.chopper-web-presets .preset-load-select{flex:calc(50% - 3px);padding:5px 6px}.seq-title,.seq-count{display:none!important}.seq-actions{flex-wrap:wrap;gap:4px}.seq{padding:4px 6px}.seq-body{max-height:32vh;overflow:auto}.seq-actions{gap:4px}.seq-cell{min-height:26px}.chopper-waveform-wrap{flex-direction:column;flex:none;height:25vh;min-height:0;display:flex;overflow:hidden}.chopper-waveform-wrap>.waveform-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.chopper-waveform-wrap canvas.chopper-waveform{flex:1;min-height:0;width:100%!important;height:auto!important}.chopper-chop-hint{display:none}.pad-grid-wrap{flex:none;min-height:50vh;overflow:hidden}.chopper-main{display:contents}.pad-grid{box-sizing:border-box;grid-auto-rows:1fr;gap:4px;width:100%;height:100%;aspect-ratio:auto!important;grid-template-columns:repeat(4,1fr)!important;max-width:100%!important}.pad{min-height:64px}.pad-grid-wrap-mobile{gap:4px}.pad-pager{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;width:100%;height:100%;display:flex;overflow:auto hidden}.pad-pager::-webkit-scrollbar{display:none}.pad-page{scroll-snap-align:start;flex:0 0 100%;width:100%;min-width:0;display:flex}.pad-page .pad-grid{width:100%;height:100%}.pad-page-dots{justify-content:center;gap:8px;padding:4px 0 2px;display:flex}.pad-page-dot{background:var(--bg4);border:1px solid var(--border-neon);cursor:pointer;opacity:.6;border-radius:50%;width:8px;height:8px;padding:0;transition:background 80ms,opacity 80ms,box-shadow 80ms}.pad-page-dot.on{background:var(--neon3);opacity:1;box-shadow:0 0 6px var(--neon3)}}.chopper-section-header{background:var(--bg2);border:1px solid var(--border-neon);width:100%;color:var(--neon2);font-family:var(--font-hud);letter-spacing:3px;cursor:pointer;text-align:left;border-bottom:0;align-items:center;gap:8px;padding:6px 10px;font-size:10px;display:flex}.chopper-section-header:hover{color:var(--neon);border-color:var(--neon)}.chopper-section-header.collapsed{border-bottom:1px solid var(--border-neon)}.chopper-section-arrow{color:var(--neon);min-width:12px;font-size:10px}.chopper-section-title{letter-spacing:3px}@media (max-width:720px) and (orientation:portrait){.chopper-section-header{border-radius:2px;padding:8px 10px;font-size:11px}.chopper-section-arrow{font-size:12px}.fx-knob{gap:4px;min-width:80px;padding:6px 0}.fx-label{font-size:9px}.fx-value{font-size:10px}.fx-slider{touch-action:none;border-radius:5px;width:88px;height:10px}.fx-slider-wide{width:100%}.fx-slider::-webkit-slider-thumb{width:24px;height:24px;box-shadow:0 0 8px var(--neon3);border-radius:50%}.fx-slider::-moz-range-thumb{background:var(--neon3);width:24px;height:24px;box-shadow:0 0 8px var(--neon3);border:none;border-radius:50%}.fx-fader-tooltip{padding:6px 12px;font-size:15px;transform:translate(-50%,-16px)}.fx-fader-tooltip:after{border-width:6px}.chopper-view[data-layout=scroll-size] .toolbar-size-ctl{display:inline-flex}.chopper-view[data-layout=scroll-size][data-uisize=S]{--ui-scale:.85}.chopper-view[data-layout=scroll-size][data-uisize=M]{--ui-scale:1}.chopper-view[data-layout=scroll-size][data-uisize=L]{--ui-scale:1.34}.chopper-view[data-layout=scroll-size] .pad{min-height:calc(64px * var(--ui-scale,1))}.chopper-view[data-layout=scroll-size] .pad-key{font-size:calc(15px * var(--ui-scale,1))}.chopper-view[data-layout=scroll-size] .chopper-section-header{font-size:calc(11px * var(--ui-scale,1));padding:calc(8px * var(--ui-scale,1)) 10px}.chopper-view[data-layout=scroll-size] .seq-cell{min-height:calc(26px * var(--ui-scale,1))}.chopper-view[data-layout=scroll-size] .fx-slider{height:calc(10px * var(--ui-scale,1))}.chopper-view[data-layout=scroll-size] .fx-label{font-size:calc(9px * var(--ui-scale,1))}.chopper-view[data-layout=scroll-size] .fx-value{font-size:calc(10px * var(--ui-scale,1))}.chopper-view[data-layout=scroll-size] .btn-chop-mode,.chopper-view[data-layout=scroll-size] .btn-midi-learn,.chopper-view[data-layout=scroll-size] .chip,.chopper-view[data-layout=scroll-size] .ctrl-select,.chopper-view[data-layout=scroll-size] .btn{font-size:calc(11px * var(--ui-scale,1))}}.drum-section{background:var(--bg2);border:1px solid var(--border-neon);border-top:0;flex-direction:column;gap:4px;padding:8px;display:flex}.drum-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.drum-mini{letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.drum-mini input[type=range]{width:64px;accent-color:var(--neon)}.drum-mini-val{min-width:16px;color:var(--neon);text-align:right}.drum-grid{flex-direction:column;gap:3px;display:flex}.drum-row{align-items:center;gap:6px;display:flex}.drum-row.muted{opacity:.45}.drum-row-head{border-left:3px solid var(--track-color,var(--neon));flex-direction:column;gap:2px;min-width:140px;max-width:140px;padding-left:6px;font-size:10px;display:flex}.drum-row-name{color:var(--track-color,var(--neon));text-align:left;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.drum-row-name:hover{text-shadow:0 0 6px var(--track-color)}.drum-row-sample{color:var(--text-dim);align-items:center;gap:4px;font-size:9px;display:flex}.drum-sample-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.drum-arrow{border:1px solid var(--border-neon);color:var(--neon);cursor:pointer;background:0 0;width:18px;height:16px;padding:0;font-size:10px;line-height:1}.drum-arrow:disabled{opacity:.3;cursor:not-allowed}.drum-sample-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;opacity:.85;min-width:54px;max-width:96px;overflow:hidden}button.drum-sample-name{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button.drum-sample-name:hover{opacity:1;color:var(--neon);text-decoration:underline}.drum-seq{align-items:center;gap:4px;padding:0 4px;display:inline-flex}.drum-seq .drum-arrow{width:20px;height:20px;font-size:12px}.drum-seq-label{letter-spacing:.06em;color:var(--neon);white-space:nowrap;text-align:center;text-transform:uppercase;min-width:52px;font-size:10px}.drum-seq-total{color:var(--text-dim)}.drum-mute{border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;background:0 0;width:22px;height:18px;padding:0;font-size:10px}.drum-mute.on{background:var(--danger);color:var(--bg1);border-color:var(--danger)}.drum-vol{width:56px}.drum-row-steps{flex:1;gap:2px;min-width:0;display:grid}.drum-step{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;height:22px;box-shadow:inset 0 1px #ffffff12}.drum-step.beat{border-left:1px solid #00c8ff66}.drum-grid .drum-step.on{background:linear-gradient(180deg, color-mix(in srgb, var(--neon) 86%, #fff) 0%, var(--neon) 50%, color-mix(in srgb, var(--neon) 76%, #000) 100%);border:1px solid color-mix(in srgb, var(--neon) 50%, #000);box-shadow:inset 0 1px 0 #fff9, inset 0 -2px 4px #00000047, 0 0 8px color-mix(in srgb, var(--neon) 50%, transparent), 0 1px 3px #0006;border-radius:3px}.drum-step.cursor{outline:1px solid var(--neon);outline-offset:-2px}.drum-genre-tabs{border:1px solid var(--border-neon);border-radius:3px;display:inline-flex;overflow:hidden}.drum-genre-tab{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;border:0;min-height:28px;padding:5px 9px;font-size:10px}.drum-genre-tab+.drum-genre-tab{border-left:1px solid var(--border-neon)}.drum-genre-tab.on{background:var(--neon);color:var(--bg1)}.drum-rnd{border:1px solid var(--border-neon);color:var(--neon);cursor:pointer;background:0 0;width:22px;height:18px;padding:0;font-size:11px;line-height:1}.drum-solo{border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;background:0 0;width:22px;height:18px;padding:0;font-size:10px}.drum-solo.on{background:var(--neon);color:var(--bg1);border-color:var(--neon)}.drum-row.soloed .drum-row-head{box-shadow:-3px 0 0 var(--neon)}.drum-row-steps{position:relative}.drum-playhead{width:calc(100% / var(--steps,16));top:0;bottom:0;left:calc(var(--step,0) / var(--steps,16) * 100%);background:var(--neon,#00ff41);opacity:.18;pointer-events:none;position:absolute}.drum-grid:not(.is-playing) .drum-playhead{display:none}@media (max-width:720px) and (orientation:portrait){.drum-row-head{min-width:100px;max-width:100px}.drum-step{height:34px}.drum-genre-tab{min-height:34px;padding:7px 10px}.drum-rnd,.drum-solo,.drum-mute,.drum-arrow{min-height:26px}}.chopper-web-export{background:var(--bg2);border:1px solid var(--border-neon);border-top:0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.export-format-select{min-width:220px}.btn-export-run{font-family:var(--font-mono);letter-spacing:2px}.export-status{font-family:var(--font-mono);color:var(--neon3);flex:0 auto;font-size:11px}.export-hint{font-family:var(--font-mono);color:var(--text-dim);flex-basis:100%;font-size:10px;line-height:1.4}.ac-toggle.off .bpm-value{color:var(--text-dim);opacity:.7}.ac-toggle.on .bpm-value{color:var(--neon)}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.btn-tap-tempo.on{color:var(--danger);border-color:var(--danger);background:#ff50781f;animation:1s ease-in-out infinite rec-pulse}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform 80ms}.brand:hover{transform:scale(1.04)}.theme-overlay{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.theme-overlay>div{position:absolute;inset:0}.app-mode-bar,.scanlines,#root,.chopper-view{z-index:10;position:relative}.theme-overlay,.theme-overlay>div{z-index:0!important;pointer-events:none!important}.chopper-toolbar,.chopper-waveform-wrap,.pad-grid-wrap,.seq,.drum-section,.chopper-web-fx,.chopper-web-presets,.chopper-web-export,.preset-panel{z-index:2;position:relative}body[data-theme=terminator]{--bg:#050508;--bg2:#0a0a10;--bg3:#0f0f18;--bg4:#14141f;--neon:#0f8;--neon2:#0cf;--neon3:#c0f;--neon-dim:#0f85;--neon2-dim:#0cf4;--text:#b0ffd0;--text-dim:#0b6;--border:#1a2a20;--border-neon:#0f85;--font-mono:"Share Tech Mono", monospace;--font-hud:"Michroma", "Orbitron", sans-serif;--font-brand:"Orbitron", sans-serif;background:radial-gradient(circle at 50% 0,#0a1410,#000)}body[data-theme=terminator] .theme-overlay .lyr-bloom{background:radial-gradient(at 50% 20%,#00ff9614,#0000 60%)}body[data-theme=terminator] .theme-overlay .lyr-scan{background:repeating-linear-gradient(0deg,#0000 0 2px,#00ff960d 2px 3px)}body[data-theme=terminator] .theme-overlay .lyr-roll{background:linear-gradient(#0000 0%,#00ff960f 50%,#0000 100%);height:120px;animation:6s linear infinite themeRoll;top:-120px}@keyframes themeRoll{0%{transform:translateY(0)}to{transform:translateY(120vh)}}body[data-theme=gta3]{--bg:#0a1218;--bg2:#11202c;--bg3:#182a38;--bg4:#1f3344;--neon:#ffd84d;--neon2:#6ab0ff;--neon3:#ff5a5a;--neon-dim:#ffd84d55;--neon2-dim:#6ab0ff44;--text:#b8c4cf;--text-dim:#5a6a78;--border:#1a2a38;--border-neon:#ffd84d55;--font-mono:"Share Tech Mono", monospace;--font-hud:"Orbitron", sans-serif;--font-brand:"Bungee", sans-serif;background:linear-gradient(#1a2a3a 0%,#050a10 100%)}body[data-theme=gta3] .theme-overlay .lyr-rain1{background-image:linear-gradient(90deg,#0000 49.5%,#aabedc59 49.7%,#0000 50%);background-size:12px 24px;animation:.4s linear infinite themeRain1}body[data-theme=gta3] .theme-overlay .lyr-rain2{opacity:.7;background-image:linear-gradient(75deg,#0000 49%,#dce6ff33 49.5%,#0000 50%);background-size:18px 32px;animation:.8s linear infinite themeRain2}body[data-theme=gta3] .theme-overlay .lyr-flash{background:#fff0;animation:6s infinite themeFlash}body[data-theme=gta3] .theme-overlay .lyr-city{background:linear-gradient(#0000,#000000d9),repeating-linear-gradient(90deg,#050a10 0 8px,#0a1218 8px 16px,#050a10 16px 28px,#1a2a38 28px 40px,#050a10 40px 56px,#0a1218 56px 80px);height:80px;top:auto;bottom:0}@keyframes themeRain1{0%{background-position:0 -24px}to{background-position:4px 24px}}@keyframes themeRain2{0%{background-position:0 -32px}to{background-position:-8px 32px}}@keyframes themeFlash{0%,88%,to{background:#fff0}89%{background:#dce6ff73}90%{background:#dce6ff00}91%{background:#dce6ff33}92%{background:#dce6ff00}}body[data-theme=ff7]{--bg:#061313;--bg2:#0a1f1c;--bg3:#103535;--bg4:#154545;--neon:#1cbeae;--neon2:#ffea3a;--neon3:#ff3a3a;--neon-dim:#1cbeae55;--neon2-dim:#ffea3a44;--text:#a8d8c5;--text-dim:#4a6960;--border:#103535;--border-neon:#1cbeae55;--font-mono:"VT323", monospace;--font-hud:"Press Start 2P", monospace;--font-brand:"Faster One", sans-serif;background:linear-gradient(#0a1f1c 0%,#061313 60%,#1a0606 100%)}body[data-theme=ff7] .theme-overlay .lyr-glow{background:radial-gradient(circle at 30% 15%,#1cbeae2e,#0000 55%),radial-gradient(circle at 80% 85%,#ff3a3a24,#0000 55%);animation:2.4s ease-in-out infinite themeFf7Pulse}body[data-theme=ff7] .theme-overlay .lyr-scan{background:repeating-linear-gradient(0deg,#00000052 0 2px,#0000 2px 4px);animation:5s linear infinite themeFf7Scan}body[data-theme=ff7] .theme-overlay .lyr-glitch{background:#ffea3a00;animation:8s infinite themeFf7Glitch}@keyframes themeFf7Pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes themeFf7Scan{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes themeFf7Glitch{0%,91%,to{background:#ffea3a00}92%{background:#ffea3a26}93%{background:#ffea3a00}}body[data-theme=sonic]{--bg:#0058ff;--bg2:#1c6fff;--bg3:#003fd0;--bg4:#002a96;--neon:gold;--neon2:#e60000;--neon3:#0c4;--neon-dim:#ffd70055;--neon2-dim:#e6000044;--text:#fff;--text-dim:#c8e0ff;--border:#1a3eee;--border-neon:#ffd70088;--font-mono:"Share Tech Mono", monospace;--font-hud:"Michroma", sans-serif;--font-brand:"Bungee", sans-serif;background:linear-gradient(#0058ff 0%,#003fd0 100%)}body[data-theme=sonic] .theme-overlay .lyr-city{image-rendering:pixelated;background:url(/terminator-app/themes/sonic-bg.gif) 50%/cover no-repeat;position:absolute;inset:0}body[data-theme=sonic] .brand{color:#0000;text-shadow:none;vertical-align:middle;width:180px;height:36px;image-rendering:pixelated;background:url(/terminator-app/themes/brand-sonic-t800.png) 0/contain no-repeat;font-size:0;display:inline-block;position:relative}body[data-theme=ff7] .brand{-webkit-text-stroke:1.5px #000;text-shadow:0 0 6px #1cbeaeb3;display:inline-block;position:relative}.brand-gif{cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1.5em;height:1.5em;color:var(--neon2);opacity:.8;justify-content:center;align-items:center;margin-left:8px;font-size:15px;line-height:1;transition:transform 80ms,opacity 80ms;display:inline-flex}.brand-gif:hover{opacity:1;transform:scale(1.12)}body[data-theme=sonic] .brand-gif,body[data-theme=ff7] .brand-gif,body[data-theme=outrun] .brand-gif,body[data-theme=vicecity] .brand-gif,body[data-theme=transformers] .brand-gif,body[data-theme^=macos] .brand-gif{color:#0000;opacity:1;margin-left:6px;font-size:0}body[data-theme=sonic] .brand-gif:hover,body[data-theme=ff7] .brand-gif:hover,body[data-theme=outrun] .brand-gif:hover,body[data-theme=vicecity] .brand-gif:hover,body[data-theme=transformers] .brand-gif:hover,body[data-theme^=macos] .brand-gif:hover{filter:brightness(1.2)drop-shadow(0 0 6px)}body[data-theme=sonic] .brand-gif{width:34px;height:34px;image-rendering:pixelated;background:url(/terminator-app/themes/sonic-spin.gif) 50%/contain no-repeat}body[data-theme=ff7] .brand-gif{background:url(/terminator-app/themes/ff7-logo.gif) 50%/contain no-repeat;width:42px;height:34px}body[data-theme=outrun] .brand-gif{width:46px;height:34px;image-rendering:pixelated;background:url(/terminator-app/themes/mario-icon.gif) 50%/contain no-repeat}body[data-theme=vicecity] .brand-gif{background:url(/terminator-app/themes/sf2-icon.gif) 50%/contain no-repeat;width:52px;height:34px}body[data-theme=transformers] .brand-gif{background:url(/terminator-app/themes/transformers-icon.gif) 50%/contain no-repeat;width:40px;height:34px}body[data-theme^=macos] .brand-gif{width:30px;height:34px;image-rendering:pixelated;background:url(/terminator-app/themes/macos-icon.png) 50%/contain no-repeat}@media (max-width:720px) and (orientation:portrait){body[data-theme=terminator] .brand-gif,body[data-theme=gta3] .brand-gif{display:none}.brand-gif{cursor:default}.brand-gif:hover{transform:none}}body[data-theme=outrun] .brand{color:#0000;text-shadow:none;vertical-align:middle;background:url(/terminator-app/themes/brand-mario-t800.png) 0/contain no-repeat;width:120px;height:32px;padding-right:18px;font-size:0;display:inline-block;position:relative}body[data-theme=outrun] .brand:after{color:#1a1a1a;text-shadow:1px 1px #fff;margin:0;font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}body[data-theme=outrun]{--bg:#5c94fc;--bg2:#4080dc;--bg3:#2860b8;--bg4:#184088;--neon:#e03a15;--neon2:#fcbc3c;--neon3:#009432;--neon-dim:#e03a1555;--neon2-dim:#fcbc3c44;--text:#1a1a1a;--text-dim:#2a3a4a;--border:#00000059;--border-neon:#e03a1588;--font-mono:"Share Tech Mono", monospace;--font-hud:"Press Start 2P", monospace;--font-brand:"Bungee", sans-serif;background:#5c94fc}body[data-theme=outrun] .theme-overlay .lyr-horizon{background-color:#0000;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' d='M24 12h8v6h-8zM40 6h12v12H40zM60 12h8v6h-8zM16 18h64v6H16zM12 24h72v6H12zM16 30h64v4H16z'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' d='M24 12h8v6h-8zM40 6h12v12H40zM60 12h8v6h-8zM16 18h64v6H16zM12 24h72v6H12zM16 30h64v4H16z'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' d='M24 12h8v6h-8zM40 6h12v12H40zM60 12h8v6h-8zM16 18h64v6H16zM12 24h72v6H12zM16 30h64v4H16z'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 48' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' d='M24 12h8v6h-8zM40 6h12v12H40zM60 12h8v6h-8zM16 18h64v6H16zM12 24h72v6H12zM16 30h64v4H16z'/%3E%3C/svg%3E");background-position:8% 15%,38%,70% 10%,92% 55%;background-repeat:no-repeat;background-size:144px 72px,120px 60px,168px 84px,96px 48px;height:auto;animation:90s linear infinite marioClouds;top:36px;bottom:96px}@keyframes marioClouds{0%{background-position:-12% 15%,28%,60% 10%,82% 55%}to{background-position:110% 15%,140%,175% 10%,200% 55%}}body[data-theme=outrun] .theme-overlay .lyr-grid{background:linear-gradient(#0000 0 15px,#7a2a08 15px 17px,#0000 17px 31px,#7a2a08 31px 33px,#0000 33px 47px,#7a2a08 47px 49px,#0000 49px 63px,#7a2a08 63px 65px,#0000 65px 79px,#7a2a08 79px 81px,#0000 81px 96px) 0 0/100% 96px,repeating-linear-gradient(90deg,#e45c10 0 31px,#7a2a08 31px 33px,#e45c10 33px 63px,#7a2a08 63px 65px) 0 0/64px 32px;height:96px;top:auto;bottom:0}body[data-theme=outrun] .theme-overlay .lyr-grid:before{content:"";opacity:.6;background-color:#0000;background-image:repeating-linear-gradient(90deg,#0000 0 31px,#7a2a08 31px 33px),repeating-linear-gradient(0deg,#0000 0 15px,#7a2a08 15px 17px);background-position:32px 16px;background-repeat:repeat,repeat;background-size:64px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}body[data-theme=outrun] .theme-overlay .lyr-palms{background:linear-gradient(#009432 0 24px,#0000 24px),linear-gradient(#0000 0 24px,#009432 24px 100%);border:4px solid #1a1a1a;width:64px;height:96px;inset:auto 8% 96px auto;box-shadow:inset 8px 0 #ffffff2e,inset -8px 0 #00000040}body[data-theme=outrun] .theme-overlay .lyr-stripes{opacity:.85;background:radial-gradient(circle at 25% 100%,#009432 32px,#0000 34px),radial-gradient(circle at 28% 100%,#009432 22px,#0000 24px),radial-gradient(circle at 32% 100%,#009432 28px,#0000 30px),radial-gradient(circle at 70% 100%,#009432 40px,#0000 42px),radial-gradient(circle at 74% 100%,#009432 28px,#0000 30px);height:64px;top:auto;bottom:96px}body[data-theme=vicecity]{--bg:#1a4575;--bg2:#2670a8;--bg3:#4d9ed4;--bg4:#88c8e8;--neon:#ff7a1a;--neon2:#ffd400;--neon3:#c89060;--neon-dim:#ff7a1a55;--neon2-dim:#ffd40044;--text:#1a1a1a;--text-dim:#2a3a4a;--border:#0006;--border-neon:#ff7a1aaa;--font-mono:"Share Tech Mono", monospace;--font-hud:"Press Start 2P", monospace;--font-brand:"Bungee", sans-serif;background:#1a4575}body[data-theme=vicecity] .theme-overlay .lyr-city{image-rendering:pixelated;image-rendering:-moz-crisp-edges;background:url(/terminator-app/themes/sf2-guile.gif) 50%/cover no-repeat;inset:0}@media (max-aspect-ratio:1){body[data-theme=vicecity] .theme-overlay .lyr-city{background-image:url(/terminator-app/themes/sf2-guile-mobile.gif)}}.brand{font-family:var(--font-brand,"Orbitron", sans-serif)}.theme-overlay>div{display:none}.lyr-video,.lyr-video-ff7,.lyr-video-macos{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;inset:0}body[data-theme=terminator] .theme-overlay .lyr-bloom,body[data-theme=terminator] .theme-overlay .lyr-scan,body[data-theme=terminator] .theme-overlay .lyr-roll,body[data-theme=gta3] .theme-overlay .lyr-rain1,body[data-theme=gta3] .theme-overlay .lyr-rain2,body[data-theme=gta3] .theme-overlay .lyr-flash,body[data-theme=gta3] .theme-overlay .lyr-city,body[data-theme=ff7] .theme-overlay .lyr-glow,body[data-theme=ff7] .theme-overlay .lyr-scan,body[data-theme=ff7] .theme-overlay .lyr-glitch,body[data-theme=sonic] .theme-overlay .lyr-city,body[data-theme=outrun] .theme-overlay .lyr-horizon,body[data-theme=outrun] .theme-overlay .lyr-stripes,body[data-theme=outrun] .theme-overlay .lyr-palms,body[data-theme=outrun] .theme-overlay .lyr-grid,body[data-theme=vicecity] .theme-overlay .lyr-city,body[data-theme=transformers] .theme-overlay .lyr-scan{display:block}body[data-theme=transformers] .theme-overlay .lyr-video,body[data-theme=ff7] .theme-overlay .lyr-video-ff7,body[data-theme=macos] .theme-overlay .lyr-video-macos{opacity:1}body[data-theme=macos9] .theme-overlay{background:#8b8bb0 url(/terminator-app/themes/macos9-bg.png) 50%/cover no-repeat}body[data-theme=sonic] .btn,body[data-theme=sonic] .btn-rec,body[data-theme=sonic] .btn-clear,body[data-theme=sonic] .btn-chop-mode,body[data-theme=sonic] .btn-tap-tempo,body[data-theme=sonic] .btn-metro,body[data-theme=sonic] .btn-export-run,body[data-theme=sonic] .btn-undo,body[data-theme=sonic] .btn-fx-toggle,body[data-theme=sonic] .btn-track,body[data-theme=sonic] .ctrl-select,body[data-theme=sonic] .bpm-input,body[data-theme=sonic] .bpm-display{color:#1a1a1a;background:#fff;border-color:#1a3eee}body[data-theme=sonic] .btn:hover,body[data-theme=sonic] .btn-chop-mode:hover,body[data-theme=sonic] .btn-rec:hover,body[data-theme=sonic] .btn-clear:hover{color:#1a3eee;box-shadow:none;text-shadow:none;background:gold;border-color:#1a3eee}body[data-theme=sonic] .btn.active,body[data-theme=sonic] .btn-rec.on,body[data-theme=sonic] .chop-mode-on,body[data-theme=sonic] .btn-fx-toggle.active{color:#fff;text-shadow:none;background:#e60000;border-color:#1a3eee;box-shadow:1px 1px #1a3eee}body[data-theme=sonic] .pad{box-shadow:none;color:#fff;background:0 0;border-color:#0000}body[data-theme=sonic] .seq-cell{background:#ffffffd9;border-color:#1a3eee}body[data-theme=sonic] .seq-cell.on{background:gold;border-color:#1a3eee;box-shadow:0 0 4px #ffd70099}body[data-theme=sonic] .drum-step{background:#ffffffb3;border-color:#1a3eee}body[data-theme=outrun] .btn,body[data-theme=outrun] .btn-rec,body[data-theme=outrun] .btn-clear,body[data-theme=outrun] .btn-chop-mode,body[data-theme=outrun] .btn-tap-tempo,body[data-theme=outrun] .btn-metro,body[data-theme=outrun] .btn-export-run,body[data-theme=outrun] .btn-undo,body[data-theme=outrun] .btn-fx-toggle,body[data-theme=outrun] .btn-track,body[data-theme=outrun] .ctrl-select,body[data-theme=outrun] .bpm-input,body[data-theme=outrun] .bpm-display{color:#1a1a1a;font-family:var(--font-mono);text-shadow:none;background:#fcfcfc;border:2px solid #1a1a1a;box-shadow:2px 2px #1a1a1a}body[data-theme=outrun] .btn:hover,body[data-theme=outrun] .btn-chop-mode:hover,body[data-theme=outrun] .btn-rec:hover{color:#1a1a1a;text-shadow:none;background:#fcbc3c;border-color:#1a1a1a;transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}body[data-theme=outrun] .btn.active,body[data-theme=outrun] .btn-rec.on,body[data-theme=outrun] .chop-mode-on,body[data-theme=outrun] .btn-fx-toggle.active{color:#fff;text-shadow:none;background:#e03a15;border-color:#1a1a1a;transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}body[data-theme=outrun] .pad{color:#1a1a1a;background:#fcfcfc;border:2px solid #1a1a1a;box-shadow:2px 2px #1a1a1a}body[data-theme=outrun] .seq-cell{background:#fff9;border:1px solid #1a1a1a}body[data-theme=outrun] .seq-cell.on{background:#e03a15;border-color:#1a1a1a}body[data-theme=outrun] .drum-step{background:#ffffff8c;border:1px solid #1a1a1a}body[data-theme=vicecity] .btn,body[data-theme=vicecity] .btn-rec,body[data-theme=vicecity] .btn-clear,body[data-theme=vicecity] .btn-chop-mode,body[data-theme=vicecity] .btn-tap-tempo,body[data-theme=vicecity] .btn-metro,body[data-theme=vicecity] .btn-export-run,body[data-theme=vicecity] .btn-undo,body[data-theme=vicecity] .btn-fx-toggle,body[data-theme=vicecity] .btn-track,body[data-theme=vicecity] .ctrl-select,body[data-theme=vicecity] .bpm-input,body[data-theme=vicecity] .bpm-display{color:#ffd400;text-shadow:1px 1px #1a1a1a;background:linear-gradient(#1a2a78 0%,#0e1850 100%);border:2px solid #ffd400;font-family:Bungee,sans-serif;box-shadow:inset 0 0 0 2px #1a1a1a,2px 2px #1a1a1a,0 0 6px #ffd40040}body[data-theme=vicecity] .btn:hover,body[data-theme=vicecity] .btn-chop-mode:hover,body[data-theme=vicecity] .btn-rec:hover{color:#ffe93a;background:linear-gradient(#3a4cb0 0%,#1e2c80 100%);border-color:#ffe93a;transform:translate(1px,1px);box-shadow:inset 0 0 0 2px #1a1a1a,1px 1px #1a1a1a,0 0 12px #ffd40073}body[data-theme=vicecity] .btn.active,body[data-theme=vicecity] .btn-rec.on,body[data-theme=vicecity] .chop-mode-on,body[data-theme=vicecity] .btn-fx-toggle.active{color:#fff;text-shadow:1px 1px #5a0a00;background:linear-gradient(#ff7a1a 0%,#c83400 100%);border-color:#ffe93a;transform:translate(1px,1px);box-shadow:inset 0 0 0 2px #1a1a1a,1px 1px #1a1a1a,0 0 14px #ff7a1a}body[data-theme=vicecity] .pad{color:#ffd400;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' fill-opacity='0.18' d='M8 2h4v4H8zM7 6h6v2H7zM6 8h8v5H6zM4 10h2v3H4zM14 10h2v3h-2zM7 13h6v4H7zM6 17h3v2H6zM11 17h3v2h-3z'/%3E%3C/svg%3E") 50%/60% 60% no-repeat,linear-gradient(#1a2a78 0%,#0e1850 100%) 50% no-repeat;border:2px solid #ffd400;box-shadow:inset 0 0 0 2px #1a1a1a,0 0 6px #ffd40040}body[data-theme=vicecity] .pad-key{color:#ffd400;text-shadow:2px 2px #1a1a1a,-1px -1px #1a1a1a;font-family:Bungee,sans-serif}body[data-theme=vicecity] .pad-num{color:#ffe93a;text-shadow:1px 1px #1a1a1a;font-weight:700}body[data-theme=vicecity] .pad.pad-active,body[data-theme=vicecity] .pad.pad-selected{background:linear-gradient(#3a4cb0 0%,#1e2c80 100%);border-color:#ffe93a;box-shadow:inset 0 0 0 2px #1a1a1a,0 0 14px #ffd400,0 0 24px #ffd40080}body[data-theme=vicecity] .seq-cell{background:#c2a0708c;border:1px solid #4a2a10}body[data-theme=vicecity] .seq-cell.on{background:#ffd400;border-color:#1a1a1a;box-shadow:0 0 6px #ffd400}body[data-theme=vicecity] .drum-step{background:#c2a07073;border:1px solid #4a2a10}body[data-theme=vicecity] .brand{letter-spacing:2px;color:#000;-webkit-text-fill-color:initial;-webkit-text-stroke:0;background:0 0;-webkit-background-clip:initial;background-clip:initial;text-shadow:none;filter:drop-shadow(0 2px #0006);font-family:SF2 Display,Faster One,sans-serif;font-size:26px;font-style:normal;font-weight:400}body[data-theme=vicecity] .brand:after{color:#ffd400;-webkit-text-fill-color:#ffd400;text-shadow:1px 1px #000}body[data-theme=transformers]{--bg:#050514;--bg2:#0a0a28;--bg3:#14143c;--bg4:#1f1f5a;--neon:#dc1818;--neon2:#4ab0ff;--neon3:silver;--neon-dim:#dc181855;--neon2-dim:#4ab0ff44;--text:#e8eef8;--text-dim:#9ab0d4;--border:#c0c0c066;--border-neon:#dc1818aa;--font-mono:"Share Tech Mono", monospace;--font-hud:"Orbitron", sans-serif;--font-brand:"Faster One", cursive;background:#05050e}body[data-theme=transformers] .theme-overlay .lyr-scan{mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px)}body[data-theme=transformers] .brand{color:#0000;text-shadow:none;vertical-align:middle;filter:drop-shadow(0 1px 2px #0009);background:url(/terminator-app/themes/brand-transformers-t800.jpg) 0/contain no-repeat;width:96px;height:26px;padding-right:16px;font-size:0;display:inline-block;position:relative}body[data-theme=transformers] .brand:after{color:#4ab0ff;text-shadow:1px 1px #000;margin:0;font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}body[data-theme=transformers] .btn,body[data-theme=transformers] .btn-rec,body[data-theme=transformers] .btn-clear,body[data-theme=transformers] .btn-chop-mode,body[data-theme=transformers] .btn-tap-tempo,body[data-theme=transformers] .btn-metro,body[data-theme=transformers] .btn-export-run,body[data-theme=transformers] .btn-undo,body[data-theme=transformers] .btn-fx-toggle,body[data-theme=transformers] .btn-track,body[data-theme=transformers] .ctrl-select,body[data-theme=transformers] .bpm-input,body[data-theme=transformers] .bpm-display{color:silver;text-shadow:1px 1px #000;font-family:var(--font-mono);background:linear-gradient(#14143cd9 0%,#08081cd9 100%);border:1.5px solid silver;box-shadow:inset 0 1px #ffffff26,0 0 8px #dc181840}body[data-theme=transformers] .btn:hover,body[data-theme=transformers] .btn-chop-mode:hover,body[data-theme=transformers] .btn-rec:hover{color:#fff;background:linear-gradient(#28285ae6 0%,#121232e6 100%);border-color:#4ab0ff;box-shadow:inset 0 1px #ffffff40,0 0 12px #4ab0ff80}body[data-theme=transformers] .btn.active,body[data-theme=transformers] .btn-rec.on,body[data-theme=transformers] .chop-mode-on,body[data-theme=transformers] .btn-fx-toggle.active{color:#fff;text-shadow:1px 1px #5a0000;background:linear-gradient(#dc1818 0%,#8b0a0a 100%);border-color:#fcc;box-shadow:inset 0 1px #ffffff4d,0 0 14px #dc1818b3}body[data-theme=transformers] .pad{color:silver;background:linear-gradient(#14143ccc 0%,#08081ccc 100%);border:1.5px solid silver;box-shadow:inset 0 1px #ffffff26,0 0 8px #dc181833}body[data-theme=transformers] .pad-key{color:#e8e8f0;text-shadow:1px 1px #000,0 0 6px #dc1818;font-family:Faster One,cursive}body[data-theme=transformers] .pad-num{color:#4ab0ff;text-shadow:1px 1px #000}body[data-theme=transformers] .pad.pad-active,body[data-theme=transformers] .pad.pad-selected{background:linear-gradient(#501414d9 0%,#280808d9 100%);border-color:#dc1818;box-shadow:inset 0 1px #ffffff40,0 0 14px #dc1818,0 0 24px #dc181880}body[data-theme=transformers] .seq-cell,body[data-theme=transformers] .drum-step{background:#14143c80;border:1px solid #5a5a78}body[data-theme=transformers] .seq-cell.on{background:#dc1818;border-color:#fcc;box-shadow:0 0 8px #dc1818}body[data-theme=transformers] .chopper-toolbar,body[data-theme=transformers] .chopper-waveform-wrap,body[data-theme=transformers] .pad-grid-wrap,body[data-theme=transformers] .pad-grid,body[data-theme=transformers] .seq,body[data-theme=transformers] .seq-body,body[data-theme=transformers] .drum-section,body[data-theme=transformers] .drum-grid,body[data-theme=transformers] .chopper-web-fx,body[data-theme=transformers] .chopper-web-presets,body[data-theme=transformers] .chopper-web-export,body[data-theme=transformers] .preset-panel,body[data-theme=transformers] .extra-fx,body[data-theme=transformers] .master-fx,body[data-theme=transformers] .extra-fx-row,body[data-theme=transformers] .pad-bank-banner,body[data-theme=transformers] .drum-header,body[data-theme=transformers] .seq-header,body[data-theme=transformers] .seq-tabs,body[data-theme=transformers] .seq-row,body[data-theme=transformers] .seq-ruler-row,body[data-theme=transformers] .toolbar-group,body[data-theme=transformers] .toolbar-field,body[data-theme=transformers] .fx-row,body[data-theme=transformers] .extra-fx-knobs,body[data-theme=transformers] .master-fx-row,body[data-theme=transformers] .fx-knob,body[data-theme=transformers] .fx-slider-wrap,body[data-theme=transformers] .drum-row,body[data-theme=transformers] .drum-row-head,body[data-theme=transformers] .drum-row-sample,body[data-theme=transformers] .drum-row-steps,body[data-theme=transformers] .seq-cells,body[data-theme=transformers] .seq-actions,body[data-theme=transformers] .pad-pager,body[data-theme=transformers] .pad-page,body[data-theme=transformers] .pad-page-dots,body[data-theme=transformers] .chopper-view{background:0 0!important;border-color:#0000!important}body[data-theme=transformers] .chopper-section-header{color:#fff!important;background:#0a0a28c7!important;border-color:silver!important}body[data-theme=transformers] .app-mode-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid #dc1818;background:#0505148c!important}body[data-theme=transformers] .fx-label,body[data-theme=transformers] .fx-value,body[data-theme=transformers] .toolbar-label,body[data-theme=transformers] .seq-row-label,body[data-theme=transformers] .pad-bank-hint,body[data-theme=transformers] .drum-row-name{text-shadow:1px 1px #000,0 0 4px #0009;color:#fff!important}body[data-theme=sonic] .chopper-toolbar,body[data-theme=sonic] .chopper-waveform-wrap,body[data-theme=sonic] .pad-grid-wrap,body[data-theme=sonic] .pad-grid,body[data-theme=sonic] .seq,body[data-theme=sonic] .seq-body,body[data-theme=sonic] .drum-section,body[data-theme=sonic] .drum-grid,body[data-theme=sonic] .chopper-web-fx,body[data-theme=sonic] .chopper-web-presets,body[data-theme=sonic] .chopper-web-export,body[data-theme=sonic] .preset-panel,body[data-theme=sonic] .extra-fx,body[data-theme=sonic] .master-fx,body[data-theme=sonic] .extra-fx-row,body[data-theme=sonic] .pad-bank-banner,body[data-theme=sonic] .drum-header,body[data-theme=sonic] .seq-header,body[data-theme=sonic] .seq-tabs,body[data-theme=sonic] .seq-row,body[data-theme=sonic] .seq-ruler-row,body[data-theme=sonic] .toolbar-group,body[data-theme=sonic] .toolbar-field,body[data-theme=sonic] .fx-row,body[data-theme=sonic] .extra-fx-knobs,body[data-theme=sonic] .master-fx-row,body[data-theme=sonic] .fx-knob,body[data-theme=sonic] .fx-slider-wrap,body[data-theme=sonic] .drum-row,body[data-theme=sonic] .drum-row-head,body[data-theme=sonic] .drum-row-sample,body[data-theme=sonic] .drum-row-steps,body[data-theme=sonic] .seq-cells,body[data-theme=sonic] .seq-actions,body[data-theme=sonic] .pad-pager,body[data-theme=sonic] .pad-page,body[data-theme=sonic] .pad-page-dots,body[data-theme=sonic] .chopper-view{background:0 0!important;border-color:#0000!important}body[data-theme=sonic] .chopper-section-header{color:#fff!important;background:#0a145ab8!important;border-color:gold!important}body[data-theme=sonic] .app-mode-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid gold;background:#050f508c!important}body[data-theme=sonic] .fx-label,body[data-theme=sonic] .fx-value,body[data-theme=sonic] .toolbar-label,body[data-theme=sonic] .seq-row-label,body[data-theme=sonic] .pad-bank-hint,body[data-theme=sonic] .drum-row-name{text-shadow:1px 1px #000,0 0 4px #0009;color:#fff!important}body[data-theme=ff7] .chopper-toolbar,body[data-theme=ff7] .chopper-waveform-wrap,body[data-theme=ff7] .pad-grid-wrap,body[data-theme=ff7] .pad-grid,body[data-theme=ff7] .seq,body[data-theme=ff7] .seq-body,body[data-theme=ff7] .drum-section,body[data-theme=ff7] .drum-grid,body[data-theme=ff7] .chopper-web-fx,body[data-theme=ff7] .chopper-web-presets,body[data-theme=ff7] .chopper-web-export,body[data-theme=ff7] .preset-panel,body[data-theme=ff7] .extra-fx,body[data-theme=ff7] .master-fx,body[data-theme=ff7] .extra-fx-row,body[data-theme=ff7] .pad-bank-banner,body[data-theme=ff7] .drum-header,body[data-theme=ff7] .seq-header,body[data-theme=ff7] .seq-tabs,body[data-theme=ff7] .seq-row,body[data-theme=ff7] .seq-ruler-row,body[data-theme=ff7] .toolbar-group,body[data-theme=ff7] .toolbar-field,body[data-theme=ff7] .fx-row,body[data-theme=ff7] .extra-fx-knobs,body[data-theme=ff7] .master-fx-row,body[data-theme=ff7] .fx-knob,body[data-theme=ff7] .fx-slider-wrap,body[data-theme=ff7] .drum-row,body[data-theme=ff7] .drum-row-head,body[data-theme=ff7] .drum-row-sample,body[data-theme=ff7] .drum-row-steps,body[data-theme=ff7] .seq-cells,body[data-theme=ff7] .seq-actions,body[data-theme=ff7] .pad-pager,body[data-theme=ff7] .pad-page,body[data-theme=ff7] .pad-page-dots,body[data-theme=ff7] .chopper-view{background:0 0!important;border-color:#0000!important}body[data-theme=ff7] .chopper-section-header{color:#fff!important;background:#001e28b8!important;border-color:#1cbeae!important}body[data-theme=ff7] .app-mode-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid #1cbeae;background:#00141e8c!important}body[data-theme=ff7] .fx-label,body[data-theme=ff7] .fx-value,body[data-theme=ff7] .toolbar-label,body[data-theme=ff7] .seq-row-label,body[data-theme=ff7] .pad-bank-hint,body[data-theme=ff7] .drum-row-name{text-shadow:1px 1px #000,0 0 4px #0009;color:#fff!important}body[data-theme=ff7] .chopper-toolbar button,body[data-theme=ff7] .chopper-toolbar select,body[data-theme=ff7] .toolbar-field,body[data-theme=ff7] .seq button,body[data-theme=ff7] .seq-actions button,body[data-theme=ff7] .seq-tabs button{text-shadow:0 0 4px #000000e6;box-shadow:0 0 8px #1cbeae59;color:#e8ffff!important;background:#001a24e0!important;border:1px solid #1cbeae!important}body[data-theme=ff7] .chopper-toolbar button:hover,body[data-theme=ff7] .toolbar-field:hover,body[data-theme=ff7] .seq button:hover,body[data-theme=ff7] .seq-actions button:hover,body[data-theme=ff7] .seq-tabs button:hover{text-shadow:none;color:#001c26!important;background:#1cbeaee6!important}body[data-theme=ff7] .seq button.btn-rec.on,body[data-theme=ff7] .seq-actions button.btn-rec.on{box-shadow:0 0 10px #ff3c3c99;color:#fff!important;background:#d22828eb!important;border-color:#ff5b5b!important}body[data-theme=ff7] .chopper-toolbar button.btn-primary{text-shadow:none;font-weight:700;color:#001c26!important;background:#1cbeaeeb!important;border-color:#6df0e0!important}body[data-theme=ff7] .pad:before{content:"";background:var(--materia-img,url(/terminator-app/themes/ff7-materia-green.png)) center / contain no-repeat;width:18px;height:18px;filter:drop-shadow(0 0 5px var(--materia-glow,#3fd17a));pointer-events:none;z-index:4;animation:2.2s ease-in-out infinite materia-pulse;position:absolute;top:4px;right:4px}@keyframes materia-pulse{0%,to{filter:drop-shadow(0 0 4px var(--materia-glow));opacity:.9}50%{filter:drop-shadow(0 0 9px var(--materia-glow)) drop-shadow(0 0 14px var(--materia-glow));opacity:1}}body[data-theme=ff7] .pad:nth-child(5n+1):before{--materia-img:url(/terminator-app/themes/ff7-materia-green.png);--materia-glow:#3fd17a}body[data-theme=ff7] .pad:nth-child(5n+2):before{--materia-img:url(/terminator-app/themes/ff7-materia-red.png);--materia-glow:#ff4d4d}body[data-theme=ff7] .pad:nth-child(5n+3):before{--materia-img:url(/terminator-app/themes/ff7-materia-blue.png);--materia-glow:#4db8ff}body[data-theme=ff7] .pad:nth-child(5n+4):before{--materia-img:url(/terminator-app/themes/ff7-materia-yellow.png);--materia-glow:#ffd23f}body[data-theme=ff7] .pad:nth-child(5n):before{--materia-img:url(/terminator-app/themes/ff7-materia-purple.png);--materia-glow:#c77dff}body[data-theme=ff7] .pad-key{filter:drop-shadow(0 0 5px #1cbeaeb3);background:url(/terminator-app/themes/ff7-buster-sword.png) 50%/contain no-repeat;width:56%;height:52%;color:#0000!important;font-size:0!important}body[data-theme=ff7] .pad-num{letter-spacing:1px;text-shadow:1px 1px #000,0 0 4px #000000b3;margin-top:1px;color:#d6f3ef!important;filter:none!important;background:0 0!important;width:auto!important;height:auto!important;font-size:9px!important;display:block!important}body[data-theme=vicecity] .chopper-toolbar,body[data-theme=vicecity] .chopper-waveform-wrap,body[data-theme=vicecity] .pad-grid-wrap,body[data-theme=vicecity] .pad-grid,body[data-theme=vicecity] .seq,body[data-theme=vicecity] .seq-body,body[data-theme=vicecity] .drum-section,body[data-theme=vicecity] .drum-grid,body[data-theme=vicecity] .chopper-web-fx,body[data-theme=vicecity] .chopper-web-presets,body[data-theme=vicecity] .chopper-web-export,body[data-theme=vicecity] .preset-panel,body[data-theme=vicecity] .extra-fx,body[data-theme=vicecity] .master-fx,body[data-theme=vicecity] .extra-fx-row,body[data-theme=vicecity] .pad-bank-banner,body[data-theme=vicecity] .drum-header,body[data-theme=vicecity] .seq-header,body[data-theme=vicecity] .seq-tabs,body[data-theme=vicecity] .seq-row,body[data-theme=vicecity] .seq-ruler-row,body[data-theme=vicecity] .toolbar-group,body[data-theme=vicecity] .toolbar-field,body[data-theme=vicecity] .fx-row,body[data-theme=vicecity] .extra-fx-knobs,body[data-theme=vicecity] .master-fx-row,body[data-theme=vicecity] .fx-knob,body[data-theme=vicecity] .fx-slider-wrap,body[data-theme=vicecity] .drum-row,body[data-theme=vicecity] .drum-row-head,body[data-theme=vicecity] .drum-row-sample,body[data-theme=vicecity] .drum-row-steps,body[data-theme=vicecity] .seq-cells,body[data-theme=vicecity] .seq-actions,body[data-theme=vicecity] .pad-pager,body[data-theme=vicecity] .pad-page,body[data-theme=vicecity] .pad-page-dots,body[data-theme=vicecity] .chopper-view{background:0 0!important;border-color:#0000!important}body[data-theme=vicecity] .chopper-section-header{color:#1a1a1a!important;background:#d96f2ad9!important;border-color:#1a1a1a!important}body[data-theme=vicecity] .app-mode-bar{border-bottom:2px solid #1a1a1a;background:#0006!important}body[data-theme=vicecity] .fx-label,body[data-theme=vicecity] .fx-value,body[data-theme=vicecity] .toolbar-label,body[data-theme=vicecity] .seq-row-label,body[data-theme=vicecity] .pad-bank-hint,body[data-theme=vicecity] .pad-bank-range,body[data-theme=vicecity] .pad-bank-label,body[data-theme=vicecity] .pad-bank-num,body[data-theme=vicecity] .export-hint,body[data-theme=vicecity] .chopper-chop-hint{text-shadow:0 0 2px #ffffff73;color:#1a1a1a!important;font-weight:700!important}body[data-theme=vicecity] .drum-row-name{font-weight:700;font-family:var(--font-hud);border:1px solid #1a1a1a;border-left:3px solid var(--track-color);text-shadow:none;background:#ffffffd9;padding:4px 8px;font-size:10px;color:#1a1a1a!important}body[data-theme=vicecity] .drum-row-sample,body[data-theme=vicecity] .drum-row-head{color:#1a1a1a}body[data-theme=vicecity] .chopper-web-presets,body[data-theme=vicecity] .preset-panel{flex-wrap:wrap;align-items:center;gap:6px;background:#f7a23e99!important;border:1px solid #1a1a1a!important;padding:6px 10px!important;display:flex!important}body[data-theme=vicecity] .preset-name-input{border-radius:0;flex:0 0 140px;height:28px;font-size:12px;color:#1a1a1a!important;background:#fff!important;border:1px solid #1a1a1a!important}body[data-theme=outrun] .chopper-toolbar,body[data-theme=outrun] .chopper-waveform-wrap,body[data-theme=outrun] .pad-grid-wrap,body[data-theme=outrun] .pad-grid,body[data-theme=outrun] .seq,body[data-theme=outrun] .seq-body,body[data-theme=outrun] .drum-section,body[data-theme=outrun] .drum-grid,body[data-theme=outrun] .chopper-web-fx,body[data-theme=outrun] .chopper-web-presets,body[data-theme=outrun] .chopper-web-export,body[data-theme=outrun] .preset-panel,body[data-theme=outrun] .extra-fx,body[data-theme=outrun] .master-fx,body[data-theme=outrun] .extra-fx-row,body[data-theme=outrun] .pad-bank-banner,body[data-theme=outrun] .drum-header,body[data-theme=outrun] .seq-header,body[data-theme=outrun] .seq-tabs,body[data-theme=outrun] .seq-row,body[data-theme=outrun] .seq-ruler-row,body[data-theme=outrun] .toolbar-group{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0!important}body[data-theme=outrun] .chopper-section-header{color:#1a1a1a!important;background:#ffffff8c!important;border-color:#1a1a1a!important}body[data-theme=outrun] .app-mode-bar{border-bottom:2px solid #1a1a1a;background:#5c94fc66!important}body[data-theme=outrun] .toolbar-field,body[data-theme=outrun] .fx-row,body[data-theme=outrun] .extra-fx-knobs,body[data-theme=outrun] .extra-fx-row,body[data-theme=outrun] .master-fx-row,body[data-theme=outrun] .fx-knob,body[data-theme=outrun] .fx-slider-wrap,body[data-theme=outrun] .drum-row,body[data-theme=outrun] .drum-row-head,body[data-theme=outrun] .drum-row-sample,body[data-theme=outrun] .drum-row-steps,body[data-theme=outrun] .seq-row,body[data-theme=outrun] .seq-cells,body[data-theme=outrun] .seq-tabs,body[data-theme=outrun] .seq-actions,body[data-theme=outrun] .toolbar-group,body[data-theme=outrun] .pad-grid-wrap,body[data-theme=outrun] .pad-bank-banner,body[data-theme=outrun] .pad-pager,body[data-theme=outrun] .pad-page,body[data-theme=outrun] .pad-page-dots{background:0 0!important;border-color:#0000!important}body[data-theme=outrun] .chopper-view{background:0 0!important}body[data-theme=outrun] .seq-row-label{color:#1a1a1a;border-left-color:#1a1a1a;background:#fff6!important}body[data-theme=outrun] .drum-row-name{font-weight:700;font-family:var(--font-hud);border:1px solid #1a1a1a;border-left:3px solid var(--track-color);text-shadow:none;background:#ffffffd9;padding:4px 8px;font-size:10px;color:#1a1a1a!important}body[data-theme=outrun] .drum-row-sample,body[data-theme=outrun] .drum-row-head{color:#1a1a1a}body[data-theme=outrun] .chopper-web-presets,body[data-theme=outrun] .preset-panel{flex-wrap:wrap;align-items:center;gap:6px;background:#ffffff73!important;border:1px solid #1a1a1a!important;padding:6px 10px!important;display:flex!important}body[data-theme=outrun] .preset-name-input{border-radius:0;flex:0 0 140px;height:28px;font-size:12px;color:#1a1a1a!important;background:#fff!important;border:1px solid #1a1a1a!important}body[data-theme=outrun] .preset-name-input::placeholder{color:#5a5a5a!important}body[data-theme=outrun] .btn-preset-save,body[data-theme=outrun] .preset-load-select{flex:none;height:28px;font-size:11px}body[data-theme=outrun] .export-hint,body[data-theme=outrun] .pad-bank-hint,body[data-theme=outrun] .chopper-chop-hint,body[data-theme=outrun] .pad-bank-range{text-shadow:none;font-weight:600;color:#1a1a1a!important}body[data-theme=outrun] .fx-label,body[data-theme=outrun] .fx-value,body[data-theme=outrun] .toolbar-label,body[data-theme=outrun] .seq-row-label,body[data-theme=outrun] .pad-bank-label,body[data-theme=outrun] .pad-bank-num{text-shadow:0 0 2px #ffffff80;color:#1a1a1a!important;font-weight:700!important}body[data-theme=outrun] .pad-key{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16' shape-rendering='crispEdges'%3E%3Crect x='4' y='1' width='6' height='1' fill='%231a1a1a'/%3E%3Crect x='3' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='10' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='2' y='3' width='1' height='10' fill='%231a1a1a'/%3E%3Crect x='11' y='3' width='1' height='10' fill='%231a1a1a'/%3E%3Crect x='3' y='13' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='10' y='13' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='4' y='14' width='6' height='1' fill='%231a1a1a'/%3E%3Crect x='4' y='2' width='6' height='1' fill='%23fcbc3c'/%3E%3Crect x='3' y='3' width='8' height='10' fill='%23fcbc3c'/%3E%3Crect x='4' y='13' width='6' height='1' fill='%23fcbc3c'/%3E%3Crect x='4' y='3' width='1' height='10' fill='%23ffffff'/%3E%3Crect x='6' y='4' width='2' height='1' fill='%23a35a00'/%3E%3Crect x='5' y='5' width='1' height='6' fill='%23a35a00'/%3E%3Crect x='8' y='5' width='1' height='6' fill='%23a35a00'/%3E%3Crect x='6' y='11' width='2' height='1' fill='%23a35a00'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:44px;height:44px;margin:0 auto;color:#0000!important;text-shadow:none!important}body[data-theme=outrun] .pad-num{color:#1a1a1a;text-shadow:none;font-size:9px;font-weight:700}@keyframes marioCoinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}body[data-theme=outrun] .pad .pad-key{transform-style:preserve-3d;backface-visibility:visible;will-change:transform}body[data-theme=outrun] .pad.pad-active .pad-key{animation:.55s linear infinite marioCoinSpin}body[data-theme=outrun] .pad.pad-active{transform:translate(1px,1px)}body[data-theme=sonic] .pad-key{width:48px;height:48px;image-rendering:pixelated;background-image:url(/terminator-app/themes/sonic-ring.png);background-position:50%;background-repeat:no-repeat;background-size:contain;margin:0 auto;color:#0000!important;text-shadow:none!important}body[data-theme=sonic] .pad-num{color:#fff;text-shadow:1px 1px #000;font-size:9px;font-weight:700}@keyframes sonicRingSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}body[data-theme=sonic] .pad .pad-key{transform-style:preserve-3d;backface-visibility:visible;will-change:transform}body[data-theme=sonic] .pad.pad-active .pad-key{animation:.55s linear infinite sonicRingSpin}body[data-theme=sonic] .pad.pad-active{transform:translate(1px,1px)}.pad{opacity:.4;transition:opacity .12s}.pad.pad-assigned,.pad.pad-own-sample{opacity:1}.tt-gated{position:relative}body.tt-locked .tt-gated{opacity:.35;pointer-events:none;filter:grayscale(.5)}body.tt-locked .tt-gated:not(.tt-gated-exportbar):after{content:"🔒 SUBSCRIBE TO UNLOCK";color:gold;letter-spacing:.08em;pointer-events:none;z-index:3;background:#000000c7;border:1px solid gold;border-radius:4px;padding:6px 10px;font:700 12px/1 Bungee,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pad-grid .pad.pad-locked{filter:grayscale(.6);opacity:.25!important;pointer-events:none!important}.free-tier-banner{color:gold;letter-spacing:.08em;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:9;background:linear-gradient(90deg,#1a3eee 0%,#0058ff 100%);border-top:2px solid gold;margin:12px -12px -12px;padding:10px 14px;font:700 13px/1.2 Bungee,sans-serif;position:sticky;bottom:0}.free-tier-banner:hover{background:linear-gradient(90deg,#2150ff 0%,#1a3eee 100%)}.sub-modal-backdrop{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sub-modal{color:#fff;background:linear-gradient(#0a1640 0%,#04081a 100%);border:2px solid gold;border-radius:8px;width:min(420px,100%);padding:28px 24px 20px;font-family:Share Tech Mono,monospace;position:relative;box-shadow:0 0 40px #ffd70040}.sub-modal-close{color:gold;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:6px;right:10px}.sub-modal-title{color:gold;letter-spacing:.05em;text-align:center;margin:0 0 6px;font:700 22px/1 Bungee,sans-serif}.sub-modal-sub{text-align:center;opacity:.85;margin:0 0 14px;font-size:13px}.sub-modal-features{margin:0 0 18px;padding:0 4px;font-size:13px;line-height:1.6;list-style:none}.sub-modal-features li:before{content:"✓ ";color:gold;font-weight:700}.sub-modal-actions{justify-content:center;align-items:center;gap:10px;display:flex}.sub-modal-cta{color:#1a1a1a;letter-spacing:.08em;cursor:pointer;background:gold;border:0;border-radius:4px;flex:1;padding:12px 18px;font:700 14px/1 Bungee,sans-serif}.sub-modal-cta:hover{background:#ffe93a}.sub-modal-dismiss{color:#c8e0ff;cursor:pointer;background:0 0;border:1px solid #1a3eee;border-radius:4px;padding:12px 14px;font-size:12px}.sub-modal-link{color:#c8e0ff;cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:12px;text-decoration:underline;display:block}.sub-modal-fine{text-align:center;color:#8aa0c0;margin:8px 0 0;font-size:10px}body[data-theme^=macos]{--font-mono:"ChiKareGo2", "Courier New", monospace;--font-hud:"ChiKareGo2", "Courier New", sans-serif;--neon:#0a6b2e;--neon2:#0b4fb0;--neon3:#7a1fa2;--neon-dim:#0a6b2e55;--neon2-dim:#0b4fb055;--text:#000;--text-dim:#333;--border-neon:#000;--glow:none;--glow2:none}body[data-theme^=macos] .app-mode-bar{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:2px solid #000;height:40px;box-shadow:inset 0 1px #fff;background:#ccc!important}body[data-theme^=macos] .brand{letter-spacing:1px;color:#000;text-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:#000;background:0 0;-webkit-background-clip:initial;background-clip:initial;image-rendering:pixelated;font-family:ChiKareGo2,Chicago,sans-serif;font-size:24px;font-weight:400}body[data-theme^=macos] .btn,body[data-theme^=macos] .btn-rec,body[data-theme^=macos] .btn-clear,body[data-theme^=macos] .btn-chop-mode,body[data-theme^=macos] .btn-tap-tempo,body[data-theme^=macos] .btn-metro,body[data-theme^=macos] .btn-export-run,body[data-theme^=macos] .btn-undo,body[data-theme^=macos] .btn-fx-toggle,body[data-theme^=macos] .btn-track,body[data-theme^=macos] .btn-reset-chops,body[data-theme^=macos] .btn-preset-save,body[data-theme^=macos] .btn-size,body[data-theme^=macos] .pad-view-back,body[data-theme^=macos] .pad-swap{color:#000;text-shadow:none;background:#ddd;border:1px solid #000;border-radius:4px;font-family:ChiKareGo2,sans-serif;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}body[data-theme^=macos] .btn:hover,body[data-theme^=macos] .btn-chop-mode:hover,body[data-theme^=macos] .btn-rec:hover,body[data-theme^=macos] .btn-reset-chops:hover,body[data-theme^=macos] .btn-preset-save:hover{background:#eaeaea}body[data-theme^=macos] .btn.active,body[data-theme^=macos] .btn-rec.on,body[data-theme^=macos] .chop-mode-on,body[data-theme^=macos] .btn-fx-toggle.active,body[data-theme^=macos] .btn-size.on{color:#fff;background:#000;border-color:#000;box-shadow:inset 1px 1px #333,inset -1px -1px #000}body[data-theme^=macos] .btn-del-all,body[data-theme^=macos] .btn-preset-save{min-width:64px;min-height:46px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:auto 88%;color:#0000!important;font-size:0!important}body[data-theme^=macos] .btn-del-all{background-image:url(/terminator-app/themes/macos-trash.png)}body[data-theme^=macos] .btn-preset-save{background-image:url(/terminator-app/themes/macos-floppy.png)}body[data-theme^=macos] .ctrl-select,body[data-theme^=macos] .bpm-input,body[data-theme^=macos] .bpm-display{color:#000;text-shadow:none;background:#ffffff80;border:1px solid #000;border-radius:3px;font-family:ChiKareGo2,sans-serif;box-shadow:inset 1px 1px #ffffffb3}body[data-theme^=macos] .pad{color:#000;background:#ebebeb6b;border:1px solid #000;border-radius:4px;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #00000040}body[data-theme^=macos] .pad.pad-active,body[data-theme^=macos] .pad.pad-selected,body[data-theme^=macos] .pad.pad-triggering{background:#0000008c;border-color:#000;animation:none;box-shadow:inset 1px 1px #fff3,0 0 0 1px #000}body[data-theme^=macos] .pad-key{filter:drop-shadow(0 1px 1px #0000004d);background:url(/terminator-app/themes/macos-apple.png) 50%/contain no-repeat;width:50%;height:46%;color:#0000!important;font-size:0!important}body[data-theme^=macos] .pad-num{letter-spacing:1px;text-shadow:0 1px #fff9;margin-top:1px;color:#000!important;filter:none!important;background:0 0!important;width:auto!important;height:auto!important;font-size:9px!important;display:block!important}body[data-theme^=macos] .pad.pad-active .pad-num,body[data-theme^=macos] .pad.pad-selected .pad-num{text-shadow:none;color:#fff!important}body[data-theme^=macos] .seq-cell,body[data-theme^=macos] .drum-step{background:#ffffff6b;border:1px solid #000}body[data-theme^=macos] .seq-cell.on{box-shadow:none;background:#000;border-color:#000}body[data-theme^=macos] .drum-grid .drum-step.on{background:linear-gradient(#cfe2ff 0%,#8fb8f0 50%,#5f8fd6 100%);border:1px solid #3a63a8;border-radius:3px;box-shadow:inset 0 1px #ffffffbf,inset 0 -2px 4px #0000002e,0 0 8px #78a5eb8c,0 1px 3px #0000004d}body[data-theme^=macos] .chopper-toolbar,body[data-theme^=macos] .chopper-waveform-wrap,body[data-theme^=macos] .pad-grid-wrap,body[data-theme^=macos] .pad-grid,body[data-theme^=macos] .seq,body[data-theme^=macos] .seq-body,body[data-theme^=macos] .drum-section,body[data-theme^=macos] .drum-grid,body[data-theme^=macos] .chopper-web-fx,body[data-theme^=macos] .chopper-web-presets,body[data-theme^=macos] .chopper-web-export,body[data-theme^=macos] .preset-panel,body[data-theme^=macos] .extra-fx,body[data-theme^=macos] .master-fx,body[data-theme^=macos] .extra-fx-row,body[data-theme^=macos] .pad-bank-banner,body[data-theme^=macos] .drum-header,body[data-theme^=macos] .seq-header,body[data-theme^=macos] .seq-tabs,body[data-theme^=macos] .seq-row,body[data-theme^=macos] .seq-ruler-row,body[data-theme^=macos] .toolbar-group,body[data-theme^=macos] .toolbar-field,body[data-theme^=macos] .fx-row,body[data-theme^=macos] .extra-fx-knobs,body[data-theme^=macos] .master-fx-row,body[data-theme^=macos] .fx-knob,body[data-theme^=macos] .fx-slider-wrap,body[data-theme^=macos] .drum-row,body[data-theme^=macos] .drum-row-head,body[data-theme^=macos] .drum-row-sample,body[data-theme^=macos] .drum-row-steps,body[data-theme^=macos] .seq-cells,body[data-theme^=macos] .seq-actions,body[data-theme^=macos] .pad-pager,body[data-theme^=macos] .pad-page,body[data-theme^=macos] .pad-page-dots,body[data-theme^=macos] .chopper-view{background:0 0!important;border-color:#0000!important}body[data-theme^=macos] .chopper-section-header{text-shadow:0 1px #fff;color:#000!important;background:#ccc!important;border:1px solid #000!important}body[data-theme^=macos] .fx-label,body[data-theme^=macos] .fx-value,body[data-theme^=macos] .toolbar-label,body[data-theme^=macos] .seq-row-label,body[data-theme^=macos] .pad-bank-hint,body[data-theme^=macos] .pad-bank-label,body[data-theme^=macos] .pad-bank-range,body[data-theme^=macos] .pad-bank-num,body[data-theme^=macos] .drum-row-name,body[data-theme^=macos] .pad-key-hint{text-shadow:0 1px #fff9;color:#000!important}.sb-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px)saturate(1.1);background:radial-gradient(#0000006b 0%,#000000b3 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.sb-modal{--wa-face:#3a3a4c;--wa-face-d:#2a2a38;--wa-hi:#5c5c74;--wa-sh:#12121a;background:linear-gradient(135deg, color-mix(in srgb, var(--neon) 14%, #ffffff1a) 0%, transparent 40%), linear-gradient(to bottom, color-mix(in srgb, var(--neon) 10%, #1a1c229e), color-mix(in srgb, var(--neon) 5%, #0a0b0ea8));-webkit-backdrop-filter:blur(24px)saturate(185%)brightness(1.05);border:1px solid color-mix(in srgb, var(--neon) 28%, #ffffff42);width:min(560px,100%);box-shadow:0 36px 80px -24px #000000c7, 0 14px 36px -16px #0000008c, 0 0 60px color-mix(in srgb, var(--neon) 18%, transparent), inset 0 1px 0 #ffffff80, inset 0 -2px 0 #0006;font-family:var(--font-mono);color:var(--text);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.sb-modal--phone{width:100%}.sb-titlebar{border-bottom:1px solid var(--wa-sh);height:20px;box-shadow:inset 0 1px 0 var(--wa-hi);background:linear-gradient(#4a4a66 0%,#303046 45%,#23232f 100%);justify-content:space-between;align-items:center;padding:0 5px 0 8px;display:flex}.sb-title{letter-spacing:3px;color:#c8c8e0;text-shadow:0 1px #000;font-size:10px;font-weight:700}.sb-x{text-align:center;background:var(--wa-face);color:#d0d0e0;cursor:pointer;width:15px;height:13px;box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh);border:none;border-radius:2px;font-size:9px;line-height:11px}.sb-x:hover{color:#fff;box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh), 0 0 6px var(--neon)}.sb-display{background:#000;border-radius:2px;align-items:center;gap:9px;margin:6px;padding:6px 9px;display:flex;box-shadow:inset 1px 1px 2px #000,inset -1px -1px #2a2a38,inset 0 0 14px #00ff880d}.sb-spectrum{background:#000;flex:none;width:76px;height:28px}.sb-lcd-time{font-family:var(--font-mono);letter-spacing:1px;color:var(--neon);text-shadow:0 0 8px var(--neon-dim);font-variant-numeric:tabular-nums;min-width:64px;font-size:24px;line-height:1}.sb-lcd-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sb-lcd-title{color:var(--neon);text-shadow:0 0 6px var(--neon-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sb-lcd-title--idle{color:var(--text-dim);opacity:.7;text-shadow:none}.sb-lcd-tags{letter-spacing:1px;color:var(--neon2);text-transform:uppercase;gap:9px;font-size:8px;display:flex}.sb-tag{opacity:.85}.sb-tag--dur{color:var(--neon);margin-left:auto}.sb-wave-wrap{background:#000;border-radius:2px;height:96px;margin:0 6px 6px;position:relative;overflow:hidden;box-shadow:inset 1px 1px 2px #000,inset -1px -1px #2a2a38}.sb-wave{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.sb-wave-msg{letter-spacing:2px;color:var(--neon);pointer-events:none;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.sb-wave-msg--idle{color:var(--text-dim)}.sb-wave-msg--err{color:var(--danger)}.sb-transport{background:var(--wa-face-d);box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh);border-radius:2px;align-items:center;gap:12px;margin:0 6px 6px;padding:5px 9px;display:flex}.sb-play{background:var(--wa-face);width:44px;height:24px;color:var(--neon);cursor:pointer;box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh);border:none;border-radius:2px;flex:none;font-size:11px}.sb-play:hover:not(:disabled){color:#fff;text-shadow:0 0 6px var(--neon)}.sb-play:active:not(:disabled){box-shadow:inset -1px -1px 0 var(--wa-hi), inset 1px 1px 0 var(--wa-sh)}.sb-play:disabled{opacity:.4;cursor:default}.sb-vol{flex:1;align-items:center;gap:7px;display:flex}.sb-vol-lbl{letter-spacing:1px;color:var(--neon2);font-size:8px}.sb-vol input[type=range]{appearance:none;background:linear-gradient(90deg, var(--neon), var(--neon2));border-radius:3px;flex:1;height:7px;box-shadow:inset 0 1px 2px #0009}.sb-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--wa-face);cursor:pointer;width:9px;height:17px;box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh);border-radius:2px}.sb-vol input[type=range]::-moz-range-thumb{border:1px solid var(--wa-sh);background:var(--wa-face);cursor:pointer;border-radius:2px;width:9px;height:17px}.sb-filterbar{align-items:center;gap:4px;margin:0 6px 6px;display:flex}.sb-search{height:21px;color:var(--neon);font-family:var(--font-mono);background:#000;border:none;border-radius:2px;flex:1;padding:0 7px;font-size:10px;box-shadow:inset 1px 1px 2px #000,inset -1px -1px #2a2a38}.sb-search:focus{box-shadow:inset 1px 1px 2px #000, 0 0 6px var(--neon-dim);outline:none}.sb-search::placeholder{color:var(--text-dim);opacity:.6}.sb-search-clear{cursor:pointer;background:var(--wa-face);width:21px;height:21px;color:var(--text);box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh);border:none;border-radius:2px;flex:none;font-size:9px}.sb-browser{background:#000;border-radius:2px;flex:1;min-height:130px;max-height:40vh;margin:0 6px;overflow-y:auto;box-shadow:inset 1px 1px 2px #000,inset -1px -1px #2a2a38}.sb-empty{text-align:center;color:var(--text-dim);padding:18px;font-size:10px}.sb-folder{cursor:pointer;color:#a8a8c8;letter-spacing:1px;z-index:1;background:linear-gradient(#2c2c3c,#1f1f2c);border-bottom:1px solid #000;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:flex;position:sticky;top:0}.sb-folder:hover{color:#fff}.sb-tw{width:10px;color:var(--neon2)}.sb-fico{font-size:10px}.sb-fname{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;flex:1;overflow:hidden}.sb-fcount{color:var(--text-dim);font-size:8px}.sb-track{cursor:pointer;color:var(--neon);align-items:center;gap:8px;padding:2px 8px 2px 22px;font-size:11px;line-height:1.5;display:flex}.sb-track:hover{background:color-mix(in srgb, var(--neon) 10%, transparent)}.sb-track--sel{background:color-mix(in srgb, var(--neon) 20%, transparent);color:#fff;box-shadow:inset 3px 0 0 var(--neon)}.sb-track--sel:hover{background:color-mix(in srgb, var(--neon) 24%, transparent)}.sb-tnum{text-align:right;min-width:24px;color:var(--text-dim)}.sb-track--sel .sb-tnum{color:var(--neon)}.sb-tname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sb-tstar{color:#ffc800;text-shadow:0 0 6px #ffc80080;flex:none;font-size:9px}.sb-track--sel .sb-tstar{color:#fff}.sb-tdur{font-variant-numeric:tabular-nums;opacity:.85}.sb-track--sel .sb-tdur{opacity:1}.sb-footer{background:var(--wa-face-d);box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh);border-radius:2px;align-items:center;gap:8px;margin:6px;padding:5px 8px;display:flex}.sb-status{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;overflow:hidden}.sb-load{cursor:pointer;letter-spacing:2px;color:var(--neon);box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh), 0 0 8px var(--neon-dim);background:linear-gradient(#3a3a4c,#2a2a38);border:none;border-radius:2px;padding:7px 20px;font-size:11px;font-weight:700}.sb-load:hover:not(:disabled){color:#fff;text-shadow:0 0 8px var(--neon);box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh), 0 0 14px var(--neon)}.sb-load:active:not(:disabled){box-shadow:inset -1px -1px 0 var(--wa-hi), inset 1px 1px 0 var(--wa-sh)}.sb-load:disabled{opacity:.4;cursor:default}.sb-load-preset{color:#ffc800;box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh), 0 0 8px #ffc80059}.sb-load-preset:hover:not(:disabled){color:#fff;text-shadow:0 0 8px #ffc800;box-shadow:inset 1px 1px 0 var(--wa-hi), inset -1px -1px 0 var(--wa-sh), 0 0 14px #ffc800b3}@media (max-width:560px){.sb-lcd-time{min-width:54px;font-size:20px}.sb-spectrum{width:56px}.sb-browser{max-height:46vh}}