.mx-mixer{box-sizing:border-box;background:var(--hw-panel,#1a2035);border:1px solid var(--hw-border,#bbb8b22e);width:100%;color:var(--hw-text,#c9d4e2);border-radius:6px;margin:0;padding:8px 10px 12px;font-family:DM Mono,monospace}.mx-mixer-title{letter-spacing:3px;color:var(--hw-muted,#89a);margin:0 0 6px 2px;font-size:11px}.mx-strips{align-items:stretch;gap:0;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.mx-divider{background:var(--hw-border,#bbb8b24d);flex:0 0 1px;align-self:stretch;margin:0 6px}.mx-strip{border-right:1px solid var(--hw-border,#bbb8b214);flex-direction:column;flex:9 76px;align-items:center;gap:5px;min-width:76px;padding:0 4px 4px;display:flex}.mx-strip:last-child{border-right:none}.mx-strip-send{flex:8 74px;min-width:74px}.mx-strip-master{flex:11 96px;min-width:96px}.mx-head{border-radius:3px;justify-content:center;align-items:center;width:100%;height:22px;display:flex;overflow:hidden;box-shadow:inset 0 -2px 4px #00000059}.mx-head-name{letter-spacing:.5px;color:var(--hw-bg,#10131c);text-transform:uppercase;cursor:text;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 3px;font-size:9px;font-weight:700;overflow:hidden}.mx-head-name-master{color:var(--hw-bg,#10131c)}.mx-head-edit{text-align:center;width:90%;color:var(--hw-bg,#10131c);background:#0003;border:none;outline:none;font-family:inherit;font-size:9px}.mx-fx-chain{flex-direction:column;gap:2px;width:100%;display:flex;position:relative}.mx-fx-slot{background:var(--hw-bg,#1a2a1a);border:1px solid var(--hw-border,#35ff6999);border-radius:2px;align-items:center;gap:2px;height:16px;padding:0 3px;display:flex}.mx-fx-slot.open{box-shadow:0 0 0 1px var(--hw-accent,#35ff69)}.mx-fx-slot.bypassed{background:var(--hw-bg,#1a1a1a);border-color:var(--hw-border,#333)}.mx-fx-slot.bypassed .mx-fx-name{opacity:.4}.mx-fx-sq{border:1px solid var(--hw-border,#456);cursor:pointer;background:0 0;border-radius:2px;flex:none;width:10px;height:10px;padding:0}.mx-fx-name{min-width:0;color:var(--hw-accent,#35ff69);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:8px;overflow:hidden}.mx-fx-rm{cursor:pointer;color:var(--hw-muted,#f76);background:0 0;border:none;padding:0;font-size:8px;line-height:1}.mx-fx-add{width:100%;height:16px;color:var(--hw-muted,#35ff6980);background:var(--hw-bg,#0a0e1a);border:1px dashed var(--hw-border,#2a3a4a);cursor:pointer;border-radius:2px;outline:none;font-family:inherit;font-size:8px}.mx-fx-add:hover{color:var(--hw-accent,#35ff69);border-color:var(--hw-accent,#35ff69)}.mx-fx-grip{width:8px;color:var(--hw-faint,#456);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex}.mx-fx-grip:active{cursor:grabbing}.mx-fx-slot.dragging{opacity:.4;pointer-events:none;z-index:5;transform:scale(.98)}.mx-fx-slot.placeholder{border-style:dashed;border-color:var(--hw-border,#35ff6966);background:0 0}.mx-fx-drop-line{background:var(--hw-accent,#35ff69);pointer-events:none;z-index:6;border-radius:1px;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 4px #35ff69b3}.mx-meter-fader-row{flex-direction:row;align-items:stretch;gap:4px;width:100%;display:flex}.mx-meter{background:var(--hw-bg,#0a0e1a);cursor:pointer;border-radius:2px;flex:none;height:196px}.mx-knob{cursor:ns-resize;touch-action:none;width:26px;height:26px;position:relative}.mx-knob-dial{background:radial-gradient(circle at 50% 35%, var(--hw-panel,#3a4258), var(--hw-bg,#181d2c));border:1px solid var(--hw-bg,#0a0e1a);border-radius:50%;width:26px;height:26px;position:relative;box-shadow:inset 0 1px 2px #ffffff14,0 1px 2px #00000080}.mx-knob-dot{transform-origin:50% 11px;border-radius:1px;width:2px;height:9px;margin-left:-1px;position:absolute;top:2px;left:50%;box-shadow:0 0 3px}.mx-knob-bubble,.mx-fader-bubble,.mx-param-val .mx-knob-bubble{background:var(--hw-bg,#0a0e1a);border:1px solid var(--hw-accent,#35ff69);color:var(--hw-accent,#35ff69);white-space:nowrap;z-index:30;pointer-events:none;border-radius:3px;margin-bottom:3px;padding:1px 4px;font-size:8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.mx-pan{width:100%;height:18px;position:relative}.mx-pan-lbl{color:var(--hw-faint,#456);pointer-events:none;z-index:1;font-family:DM Mono,monospace;font-size:8px;position:absolute;top:50%;transform:translateY(-50%)}.mx-pan-lbl-l{left:1px}.mx-pan-lbl-r{right:1px}.mx-pan-track{cursor:ew-resize;touch-action:none;position:absolute;inset:0 14px}.mx-pan-track:before{content:"";background:var(--hw-bg,#0a0e1a);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 0 2px #000c}.mx-pan-center{background:var(--hw-faint,#bbb8b266);width:1px;height:8px;margin-top:-4px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.mx-pan-thumb{background:linear-gradient(var(--hw-pad,#cfccc4), var(--hw-muted,#8a877f));border-top:2px solid var(--hw-accent,#35ff69);pointer-events:none;border-radius:2px;width:14px;height:18px;margin-top:-9px;margin-left:-7px;position:absolute;top:50%;box-shadow:0 1px 3px #0009}.mx-pan-bubble{background:var(--hw-bg,#0a0e1a);border:1px solid var(--hw-accent,#35ff69);color:var(--hw-accent,#35ff69);white-space:nowrap;z-index:30;pointer-events:none;border-radius:3px;margin-bottom:3px;padding:1px 4px;font-size:8px;position:absolute;bottom:100%;transform:translate(-50%)}.mx-fader-col{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.mx-fader{cursor:ns-resize;touch-action:none;flex:1;width:100%;min-height:0;margin:0 auto;position:relative}.mx-fader-track{background:var(--hw-bg,#0a0e1a);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:4px;bottom:4px;left:50%;box-shadow:inset 0 0 2px #000c}.mx-fader-thumb{background:linear-gradient(var(--hw-pad,#cfccc4), var(--hw-muted,#8a877f));border-top:2px solid var(--hw-accent,#35ff69);border-radius:2px;width:20px;height:12px;margin-left:-10px;position:absolute;left:50%;box-shadow:0 1px 3px #0009}.mx-fader-bubble{top:-2px;bottom:auto}.mx-fader-menu{z-index:40;background:var(--hw-panel,#111827);border:1px solid var(--hw-border,#2a3a4a);border-radius:3px;flex-direction:column;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.mx-fader-menu button{color:var(--hw-text,#c9d4e2);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:9px}.mx-fader-menu button:hover{background:var(--hw-bg,#1f2a3d);color:var(--hw-accent,#35ff69)}.mx-menu-backdrop{z-index:35;position:fixed;inset:0}.mx-ms-row{justify-content:space-between;gap:0;width:100%;display:flex}.mx-ms{border:1px solid var(--hw-border,#2a3a4a);background:var(--hw-bg,#141a28);width:45%;height:18px;color:var(--hw-muted,#6c7a8c);cursor:pointer;border-radius:2px;font-family:inherit;font-size:10px;font-weight:700}.mx-mute.on{color:#fff;background:#5a1620;border-color:#f44;box-shadow:inset 0 0 6px #f44c}.mx-solo.on{color:var(--hw-bg,#10131c);background:var(--hw-accent,#e7a977);border-color:var(--hw-accent,#ffce9e);box-shadow:inset 0 0 6px #e7a977e6}.mx-sends{justify-content:space-between;align-items:flex-start;gap:2px;width:100%;display:flex}.mx-send{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.mx-send .mx-knob,.mx-send .mx-knob-dial{width:16px;height:16px}.mx-send .mx-knob-dot{transform-origin:50% 114%;height:35%;top:10%}.mx-send-lbl{color:var(--hw-muted,#89a);font-size:7px}.mx-clip-row{flex-direction:column;align-items:center;gap:2px;margin-top:4px;display:flex}.mx-clip-lbl{color:var(--hw-muted,#89a);letter-spacing:.05em;font-size:7px}.mx-lufs{background:var(--hw-bg,#06090f);border:1px solid var(--hw-border,#1d2942);width:100%;color:var(--hw-accent,#35ff69);border-radius:3px;padding:3px 4px;font-size:8px}.mx-lufs-row{align-items:center;gap:4px;line-height:1.5;display:flex}.mx-lufs-k{color:var(--hw-muted,#6c7a8c);width:14px}.mx-lufs-tp{color:var(--hw-accent,#e7a977)}.mx-lufs-tp .mx-lufs-k{color:var(--hw-muted,#8a6a4a)}.mx-lufs-reset{cursor:pointer;color:var(--hw-muted,#6c7a8c);background:0 0;border:none;margin-left:auto;padding:0;font-size:9px}.mx-lufs-reset:hover{color:var(--hw-accent,#35ff69)}.mx-devices{border-top:1px solid var(--hw-border,#bbb8b22e);gap:8px;margin-top:10px;padding:6px 2px 2px;display:flex;overflow-x:auto}.mx-device{background:var(--hw-panel,#111827);border:1px solid var(--hw-border,#2a3a4a);border-radius:4px;flex-direction:column;flex:none;min-width:150px;height:auto;min-height:48px;display:flex}.mx-device-head{border-bottom:1px solid var(--hw-border,#1d2942);align-items:center;gap:6px;padding:4px 6px;display:flex}.mx-device-title{color:var(--hw-accent,#e7a977);letter-spacing:1px;font-size:10px;font-weight:700}.mx-device-sub{color:var(--hw-muted,#6c7a8c);font-size:8px}.mx-device-close{color:var(--hw-muted,#89a);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:10px}.mx-device-close:hover{color:#f76}.mx-device-body{flex-wrap:wrap;align-content:flex-start;gap:8px 10px;padding:8px 10px;display:flex;overflow-y:auto}.mx-device.collapsed{cursor:pointer;width:28px;min-width:0}.mx-device.collapsed .mx-device-head{border-bottom:none;flex-direction:column;flex:1;align-items:center;gap:6px;padding:4px 2px}.mx-device.collapsed .mx-device-close{order:-1;margin-left:0}.mx-device.collapsed .mx-device-title{writing-mode:vertical-rl;text-orientation:mixed}.mx-device.collapsed .mx-device-sub{display:none}.mx-param{flex-direction:column;align-items:center;gap:2px;min-width:40px;display:flex}.mx-param-label{letter-spacing:.5px;color:var(--hw-muted,#89a);text-transform:uppercase;font-size:7px}.mx-param-val{color:var(--hw-text,#c9d4e2);font-size:8px}.mx-param-select,.mx-param-toggle{background:var(--hw-bg,#0a0e1a);color:var(--hw-accent,#35ff69);border:1px solid var(--hw-border,#2a3a4a);cursor:pointer;border-radius:2px;outline:none;padding:2px 4px;font-family:inherit;font-size:9px}.mx-param-toggle.on{background:var(--hw-bg,#1a2a1a);color:var(--hw-accent,#35ff69);border-color:var(--hw-accent,#35ff69);box-shadow:inset 0 0 5px #35ff6980}.mx-param-toggle:disabled,.mx-param-select:disabled,.mx-param-slider input:disabled{opacity:.5;cursor:default}.mx-param-slider{min-width:110px}.mx-param-slider input[type=range]{width:100px;accent-color:var(--hw-accent,#35ff69)}.mx-param-learning{outline:2px solid var(--hw-accent,#e7a977);outline-offset:1px;border-radius:4px;animation:.9s ease-in-out infinite mx-midi-pulse}@keyframes mx-midi-pulse{0%,to{outline-color:#e7a977f2}50%{outline-color:#e7a97733}}.mx-midi-wait{color:var(--hw-accent,#e7a977);letter-spacing:.3px;font-size:7px}.mx-midi-dot{vertical-align:middle;background:var(--hw-accent,#e7a977);border-radius:1px;width:5px;height:5px;margin-left:3px;display:inline-block}.mx-midi-backdrop{z-index:90;position:fixed;inset:0}.mx-midi-menu{z-index:91;background:var(--hw-panel,#0a0e1a);border:1px solid var(--hw-border,#2a3a4a);border-radius:3px;flex-direction:column;font-family:DM Mono,monospace;font-size:10px;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 12px #0009}.mx-midi-menu button{cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;padding:5px 12px;font-family:inherit;font-size:10px}.mx-midi-menu button:hover{background:var(--hw-bg,#141c2e)}.mx-midi-learn{color:var(--hw-accent,#35ff69)}.mx-midi-clear{color:#f66}[data-palette] .mx-fx-drop-line,[data-palette] .mx-solo.on,[data-palette] .mx-param-toggle.on,[data-palette] .mx-knob-dot{box-shadow:none}.hw-machine{--hw-chassis:#bbb8b2;--hw-navy:#2a324b;--hw-mgreen:#4a7c59;--hw-amber:#e7a977;--hw-dtext:#26d64e;--hw-ddim:#16883a;--hw-dbright:#35ff69;--hw-dglow:#35ff698c;--hw-dbg:#010501;--hw-font-ui:"Outfit", sans-serif;--hw-font-mono:"DM Mono", ui-monospace, monospace;--hw-font-disp:"VT323", monospace;background:var(--hw-bg,var(--hw-chassis));width:100%;max-width:100%;height:100dvh;font-family:var(--hw-font-ui);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.hw-machine *,.hw-machine :before,.hw-machine :after{box-sizing:border-box}.hw-machine button,.hw-machine .hw-tab,.hw-machine [role=button]{touch-action:manipulation}body.hw-v2 .scanlines,body.hw-v2 .theme-overlay{display:none!important}.hw-hdr{background:var(--hw-panel,var(--hw-navy));border-bottom:2px solid var(--hw-border,#1a2035);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex;box-shadow:0 2px #ffffff2e}.hw-logo{color:var(--hw-text,var(--hw-amber));letter-spacing:4px;cursor:pointer;text-shadow:0 1px #ffffff1f,0 -1px #00000080;font-size:14px;font-weight:700}.hw-hdr-icons{align-items:center;gap:8px;display:flex}.hw-hdr-icon{background:var(--hw-panel,#1e2438);border:1px solid var(--hw-border,#2a3255);width:30px;height:26px;color:var(--hw-muted,#8a93b5);cursor:pointer;font-size:13px;font-family:var(--hw-font-mono);border-radius:4px;justify-content:center;align-items:center;display:flex}.hw-hdr-icon:active{transform:translateY(1px)}.hw-hdr-icon:disabled{opacity:.35;cursor:default}.hw-disp-outer{flex-shrink:0;padding:9px 12px 0}.hw-disp{background:var(--hw-panel,var(--hw-dbg));border:2px solid var(--hw-border,#060810);border-radius:4px;flex-direction:column;height:220px;padding:9px 12px 7px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px 14px #000000f7,inset 0 0 30px #00000080,0 1px #ffffff59}.hw-disp:after{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(#0000,#0000 2px,#00000014 2px 3px);border-radius:3px;position:absolute;inset:0}.hw-machine.hw-compact .hw-disp{height:min(440px,52dvh)}.hw-disp .hw-d-content .seq-countin{display:none}.hw-d-top{flex-shrink:0}.hw-d-status{font-family:var(--hw-font-mono);letter-spacing:1px;color:var(--hw-muted,var(--hw-ddim));align-items:center;gap:8px;margin-bottom:3px;font-size:9px;display:flex}.hw-d-track{font-family:var(--hw-font-mono);color:var(--hw-muted,var(--hw-ddim));letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;max-width:60%;font-size:8px;overflow:hidden}.hw-sc-midi{align-items:center;gap:4px;display:flex}.hw-midi-dot{background:#2a0808;border:1px solid #551010;border-radius:50%;flex-shrink:0;width:7px;height:7px}.hw-midi-dot.live{background:#ff2020;border-color:#ff5050;box-shadow:0 0 6px #ff1e1eb3}.hw-midi-lbl{font-family:var(--hw-font-mono);color:var(--hw-faint,#35ff694d);font-size:7px}.hw-d-bpm-row{align-items:flex-end;gap:6px;margin-bottom:2px;display:flex}.hw-d-bpm{font-family:var(--hw-font-disp);color:var(--hw-text,var(--hw-dbright));cursor:ns-resize;-webkit-user-select:none;user-select:none;letter-spacing:1px;text-shadow:0 0 24px var(--hw-dglow), 0 0 10px #35ff6966;font-size:56px;line-height:1}.hw-d-bpm-side{flex-direction:column;gap:2px;padding-bottom:9px;display:flex}.hw-d-bpm-lbl{font-family:var(--hw-font-mono);color:var(--hw-muted,var(--hw-dtext));letter-spacing:1px;text-shadow:0 0 8px var(--hw-dglow);font-size:10px}.hw-d-tap{font-family:var(--hw-font-mono);color:var(--hw-faint,var(--hw-ddim));letter-spacing:1px;font-size:7px}.hw-d-tap-btn{background:var(--hw-panel,#001005d9);border:1px solid var(--hw-border,#35ff6938);color:var(--hw-muted,var(--hw-ddim));font-family:var(--hw-font-mono);letter-spacing:1px;cursor:pointer;white-space:nowrap;border-radius:2px;align-self:flex-start;margin-top:3px;padding:3px 6px;font-size:8px}.hw-d-tap-btn.on{background:var(--hw-panel,#001c0af2);border-color:var(--hw-accent,var(--hw-dbright));color:var(--hw-accent,var(--hw-dbright));text-shadow:0 0 7px var(--hw-dglow);animation:1.1s ease-in-out infinite hw-tap-pulse}.hw-d-tap-btn.flash{color:#eaffef;text-shadow:0 0 12px var(--hw-dbright);border-color:#eaffef}@keyframes hw-tap-pulse{0%,to{box-shadow:0 0 #35ff6900}50%{box-shadow:0 0 9px var(--hw-dglow)}}.hw-d-div{background:var(--hw-border,#35ff691f);flex-shrink:0;height:1px;margin-bottom:6px}.hw-d-content{z-index:1;flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;position:relative;overflow-y:auto}.hw-machine.hw-compact .hw-d-bpm-row{display:none}.hw-machine.hw-compact .hw-d-status{margin-bottom:5px}.hw-sc-row{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.hw-sc-btn{background:var(--hw-panel,#001005d9);border:1px solid var(--hw-border,#35ff6929);color:var(--hw-muted,var(--hw-ddim));font-family:var(--hw-font-mono);letter-spacing:.8px;cursor:pointer;white-space:nowrap;border-radius:2px;padding:5px 7px;font-size:8px}.hw-sc-btn:active,.hw-sc-btn.on{background:var(--hw-panel,#001c0af2);border-color:var(--hw-accent,#35ff698c);color:var(--hw-accent,var(--hw-dtext));text-shadow:0 0 7px #35ff6959}.hw-sc-btn.hi{border-color:var(--hw-border,#35ff6966);color:var(--hw-text,var(--hw-dtext))}.hw-sc-btn.red{color:#ff8068;border-color:#ff503c59}.hw-sc-btn.amber{color:var(--hw-amber);border-color:#e7a97773}.hw-sc-btn.pur{color:#b060ff;border-color:#b450ff66}.hw-sc-btn:disabled{opacity:.4;cursor:default}label.hw-sc-btn{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.hw-sc-btn.locked{opacity:.4;cursor:default}.hw-error{color:#ff8068;font-family:var(--hw-font-mono);letter-spacing:.8px;cursor:pointer;background:#ff503c1f;border:1px solid #ff503c73;border-radius:2px;align-items:center;gap:6px;margin:4px 0 0;padding:5px 8px;font-size:8px;line-height:1.4;display:flex}.hw-error-x{opacity:.8;margin-left:auto}.hw-wave-row .hw-sc-btn{padding:7px 10px;font-size:10px}.hw-sc-url{gap:4px;display:flex}.hw-sc-select{background:var(--hw-panel,#000c04e6);border:1px solid var(--hw-border,#35ff6938);min-width:0;color:var(--hw-text,var(--hw-dtext));font-family:var(--hw-font-mono);-webkit-appearance:none;border-radius:2px;outline:none;flex:1;padding:6px 7px;font-size:9px}.hw-sc-select option{background:var(--hw-panel,#010801);color:var(--hw-text,var(--hw-dtext))}.hw-sc-in{background:var(--hw-panel,#000c04e6);border:1px solid var(--hw-border,#35ff6938);min-width:0;color:var(--hw-text,var(--hw-dtext));font-family:var(--hw-font-mono);caret-color:var(--hw-accent,var(--hw-dbright));border-radius:2px;outline:none;flex:1;padding:6px 7px;font-size:9px}.hw-sc-in::placeholder{color:var(--hw-faint,#35ff6933)}.hw-sc-lbl{font-family:var(--hw-font-mono);color:var(--hw-muted,var(--hw-ddim));letter-spacing:1px;flex-shrink:0;font-size:8px}.hw-sc-presets{border-top:1px solid var(--hw-border,#35ff691a);flex-direction:column;gap:3px;margin-top:4px;padding-top:5px;display:flex}.hw-sc-presets-lbl{font-family:var(--hw-font-mono);color:var(--hw-faint,var(--hw-ddim));letter-spacing:2px;font-size:7px}.hw-pitch-wrap{align-items:center;gap:5px;margin-left:auto;display:flex}.hw-machine .hw-sc-lbl{margin-left:auto}.hw-machine .hw-pitch-wrap{margin-left:0}.hw-pitch-knob{cursor:ns-resize;background:linear-gradient(145deg,#383848,#18181e);border:2px solid #0a0a0e;border-top-color:#3c3c50;border-radius:50%;flex-shrink:0;width:30px;height:30px;position:relative}.hw-pitch-dot{background:var(--hw-accent,var(--hw-dtext));transform-origin:1px 12px;width:2px;height:9px;box-shadow:0 0 5px var(--hw-dglow);border-radius:1px;position:absolute;top:3px;left:calc(50% - 1px)}.hw-pitch-val{font-family:var(--hw-font-mono);color:var(--hw-text,var(--hw-dtext));letter-spacing:1px;min-width:34px;font-size:9px}.hw-pitch-popup{background:var(--hw-panel,var(--hw-dbg));border:1px solid var(--hw-border,var(--hw-dtext));color:var(--hw-text,var(--hw-dbright));white-space:nowrap;pointer-events:none;z-index:200;text-shadow:0 0 8px var(--hw-dglow);border-radius:4px;padding:4px 10px;font-family:DM Mono,monospace;font-size:14px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 0 12px #000c}.hw-sc-stabs{flex-shrink:0;gap:4px;display:flex}.hw-sc-stab{text-align:center;background:var(--hw-panel,#001005d9);border:1px solid var(--hw-border,#35ff6929);color:var(--hw-muted,var(--hw-ddim));font-family:var(--hw-font-mono);letter-spacing:.8px;cursor:pointer;border-radius:2px;flex:1;padding:6px 0;font-size:8px}.hw-sc-stab.on{background:var(--hw-panel,#001e0cf2);border-color:var(--hw-accent,#35ff698c);color:var(--hw-accent,var(--hw-dtext));text-shadow:0 0 7px #35ff694d}.hw-drum-skin{--neon:var(--hw-dbright);--neon3:var(--hw-dbright);--bg:#000;--bg1:#000;--bg2:#000;--border-neon:#1a4a2a;--text-dim:var(--hw-ddim);--track-color:var(--hw-dtext);--danger:var(--hw-dtext);--font-mono:var(--hw-font-mono);min-height:100%;color:var(--hw-dtext);background:#000}.hw-drum-skin .drum-section,.hw-drum-skin .drum-grid,.hw-drum-skin .drum-header,.hw-drum-skin .drum-row,.hw-drum-skin .drum-row-head,.hw-drum-skin .drum-row-sample,.hw-drum-skin .drum-row-steps{background:#000!important}.hw-drum-skin .drum-section{border:1px solid #1a4a2a}.hw-drum-skin .drum-row-head{border-left:3px solid var(--hw-dtext)}.hw-drum-skin .drum-row-name,.hw-drum-skin .drum-row-sample,.hw-drum-skin .drum-sample-name,.hw-drum-skin button.drum-sample-name,.hw-drum-skin .drum-mini,.hw-drum-skin .drum-arrow,.hw-drum-skin .drum-rnd{font-family:var(--hw-font-mono);color:var(--hw-dtext)!important}.hw-drum-skin .drum-row-name{text-transform:uppercase}.hw-drum-skin .drum-seq-label,.hw-drum-skin .drum-mini-val{font-family:var(--hw-font-disp);color:var(--hw-dtext)!important}.hw-drum-skin .drum-seq-total{color:var(--hw-ddim)!important}.hw-drum-skin .drum-step{border-radius:2px;box-shadow:none!important;background:#000!important;border:1px solid #1a4a2a!important}.hw-drum-skin .drum-step.beat{border-left:1px solid var(--hw-dtext)!important}.hw-drum-skin .drum-step.on{background:var(--hw-dbright)!important;border-color:var(--hw-dbright)!important;box-shadow:0 0 8px var(--hw-dglow)!important}.hw-drum-skin .drum-playhead{background:var(--hw-dbright)!important}.hw-drum-skin .btn-rec,.hw-drum-skin .btn-clear,.hw-drum-skin .ctrl-select{font-family:var(--hw-font-mono);border-radius:2px;border:1px solid var(--hw-dtext)!important;color:var(--hw-dtext)!important;background:#000!important}.hw-drum-skin .btn-rec.on,.hw-drum-skin .drum-genre-tab.on{background:var(--hw-dbright)!important;border-color:var(--hw-dbright)!important;color:#000!important;text-shadow:none!important;box-shadow:0 0 8px var(--hw-dglow)!important;animation:none!important}.hw-drum-skin .drum-arrow,.hw-drum-skin .drum-rnd,.hw-drum-skin .drum-genre-tab,.hw-drum-skin .drum-genre-tabs{background:#000!important;border-color:#1a4a2a!important}.hw-drum-skin .drum-genre-tab{color:var(--hw-dtext)!important}.hw-drum-skin input[type=range]{accent-color:var(--hw-dbright)}.hw-drum-skin .drum-row-sample,.hw-drum-skin .drum-vol,.hw-drum-skin .drum-genre-tabs{display:none!important}.hw-drum-skin .drum-generate-btn{font-size:0}.hw-drum-skin .drum-generate-btn:after{content:"🎲";font-size:14px}.hw-drum-skin .btn-rec{display:none!important}.hw-drum-skin .drum-gridctrl-select{font-family:var(--hw-font-mono);color:var(--hw-dtext)!important;background:#000!important;border-color:#1a4a2a!important}.hw-drum-skin .drum-gridctrl-select option{color:var(--hw-dtext);background:#000}.hw-drum-skin .drum-row{flex-direction:column;align-items:stretch;gap:3px}.hw-drum-skin .drum-row-head{flex-direction:row;align-items:center;width:100%;min-width:0;max-width:none;padding-left:6px}.hw-drum-skin .drum-row-steps{width:100%}.hw-drum-skin .drum-step{height:42px}.hw-drum-skin .drum-graph-spacer{display:none}.hw-drum-skin .drum-graph-bar.beat{border-left-color:#ffffff0f}.hw-chop-skin{--neon:var(--hw-dbright);--neon2:var(--hw-dbright);--neon3:var(--hw-dbright);--bg:#000;--bg1:#000;--bg2:#000;--border-neon:#1a4a2a;--text-dim:var(--hw-ddim);--track-color:var(--hw-dtext);--danger:var(--hw-dtext);--font-mono:var(--hw-font-mono);--font-hud:var(--hw-font-mono);min-height:100%;color:var(--hw-dtext);background:#000}.hw-chop-skin .seq,.hw-chop-skin .seq-body,.hw-chop-skin .seq-empty{background:#000!important;border-color:#1a4a2a!important}.hw-chop-skin .seq-title,.hw-chop-skin .seq-count,.hw-chop-skin .seq-ruler-cell{font-family:var(--hw-font-mono);color:var(--hw-dtext)!important}.hw-chop-skin .seq-ruler-cell.is-bar{color:var(--hw-dbright)!important}.hw-chop-skin .seq-ruler-cell.is-beat{color:var(--hw-ddim)!important}.hw-chop-skin .seq-row-label{color:var(--hw-dtext)!important;border-left-color:var(--hw-dtext)!important}.hw-chop-skin .seq-cell{background:#000!important;border-color:#1a4a2a!important}.hw-chop-skin .seq-cell:hover{border-color:var(--hw-dtext)!important;background:#04130a!important}.hw-chop-skin .seq-cell.is-bar{border-left-color:#1a4a2a!important}.hw-chop-skin .seq-cell.is-beat{border-left-color:#123322!important}.hw-chop-skin .seq-cell.on{background:var(--hw-dbright)!important;border-color:var(--hw-dbright)!important;box-shadow:0 0 8px var(--hw-dglow)!important}.hw-chop-skin .seq-cursor{border-left-color:var(--hw-dbright)!important;background:#35ff691f!important}.hw-chop-skin .seq-rec-cursor{border-color:var(--hw-dbright)!important;background:#35ff691a!important}.hw-chop-skin .btn-rec,.hw-chop-skin .btn-clear,.hw-chop-skin .ctrl-select,.hw-chop-skin .seq-tab{font-family:var(--hw-font-mono);border-radius:2px;border:1px solid var(--hw-dtext)!important;color:var(--hw-dtext)!important;background:#000!important}.hw-chop-skin .seq-tab.on,.hw-chop-skin .btn-rec.on{background:var(--hw-dbright)!important;border-color:var(--hw-dbright)!important;color:#000!important;text-shadow:none!important;box-shadow:0 0 8px var(--hw-dglow)!important}.hw-wave-host{flex:1;min-height:130px;display:flex}.hw-wave-host>*{flex:1;min-width:0}.hw-seq-host{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.hw-wave-host .waveform-wrap{flex-direction:column;height:100%;display:flex}.hw-wave-host .waveform-zoom-bar{display:none!important}.hw-wave-host .chopper-waveform{flex:1;min-height:0;display:block;width:100%!important;height:auto!important}.hw-resize-handle{background:var(--hw-bg,var(--hw-chassis));cursor:ns-resize;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:12px;display:flex}.hw-resize-handle:after{content:"";background:#00000038;border-radius:2px;width:36px;height:3px}.hw-resize-handle:active:after{background:var(--hw-accent,#35ff6973)}.hw-mx-strips{box-sizing:border-box;flex:1;align-items:flex-end;gap:4px;width:100%;min-height:0;padding:2px 4px 4px;display:flex}.hw-mx-trk{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.hw-mx-tnm{font-family:var(--hw-font-mono);letter-spacing:.5px;color:var(--hw-muted,var(--hw-ddim));text-align:center;font-size:7px;line-height:1.2}.hw-mx-fdr{background:var(--hw-panel,#000c04e6);border:1px solid var(--hw-border,#35ff692e);cursor:ns-resize;border-radius:4px;flex:1;width:100%;max-width:40px;min-height:90px;position:relative;overflow:hidden}.hw-mx-fdr .hw-fader-fill{background:var(--hw-accent,var(--hw-mgreen));position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 4px #35ff694d}.hw-mx-fvol{font-family:var(--hw-font-mono);color:var(--hw-faint,#35ff6966);font-size:7px}.hw-mx-master{border-top:1px solid var(--hw-border,#35ff691a);flex-shrink:0;justify-content:flex-end;align-items:center;gap:3px;padding:5px 4px 0;display:flex}.hw-export-lbl{font-family:var(--hw-font-mono);color:var(--hw-faint,var(--hw-ddim));letter-spacing:1px;margin-right:auto;font-size:7px}.hw-vu{background:var(--hw-panel,#000c04e6);border:1px solid var(--hw-border,#35ff6933);border-radius:2px;flex-shrink:0;align-items:center;height:14px;margin:2px 0;display:flex;position:relative;overflow:hidden}.hw-vu-fill{background:linear-gradient(to right, var(--hw-accent,var(--hw-mgreen)), var(--hw-accent,var(--hw-dbright)));width:0%;position:absolute;top:0;bottom:0;left:0}.hw-vu-lbl{z-index:1;font-family:var(--hw-font-mono);color:var(--hw-muted,var(--hw-ddim));letter-spacing:1px;padding-left:6px;font-size:7px;position:relative}.hw-vu-val{z-index:1;font-family:var(--hw-font-mono);color:var(--hw-text,var(--hw-dtext));margin-left:auto;padding-right:6px;font-size:8px;position:relative}.hw-tabs{flex-shrink:0;gap:3px;padding:8px 12px 0;display:flex}.hw-tab{background:var(--hw-panel,var(--hw-navy));border:1px solid var(--hw-border,#1a2035);border-bottom:2px solid var(--hw-border,#141825);color:var(--hw-muted,#4a5268);font-family:var(--hw-font-mono);letter-spacing:2px;cursor:pointer;border-radius:3px;flex:1;padding:8px 0;font-size:9px}.hw-tab:active{border-bottom-width:1px;transform:translateY(1px)}.hw-tab.on{background:var(--hw-accent,var(--hw-mgreen));border-color:var(--hw-accent,#3a6448);border-bottom-color:var(--hw-accent,#2a5038);color:var(--hw-bg,var(--hw-chassis));font-weight:600}.hw-pads-outer{background:var(--hw-bg,var(--hw-chassis));flex-direction:column;flex:auto;width:100%;min-height:160px;padding:6px 0 4px;display:flex}.hw-pads-hdr{font-family:var(--hw-font-mono);letter-spacing:1px;color:var(--hw-muted,#18122a);flex-shrink:0;align-items:center;gap:8px;margin:0 8px 5px;font-size:8px;display:flex}.hw-bank-row{gap:3px;display:flex}.hw-bank-btn{background:var(--hw-panel,#18122a);border:1px solid var(--hw-border,#2a2040);width:20px;height:16px;color:var(--hw-muted,#6a5a8a);font-family:var(--hw-font-mono);cursor:pointer;border-radius:3px;font-size:8px}.hw-bank-btn.on{background:var(--hw-accent,#2a1a4a);border-color:var(--hw-accent,var(--hw-mgreen));color:var(--hw-bg,var(--hw-dbright))}.hw-status{color:var(--hw-text,var(--hw-mgreen));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:8px;overflow:hidden}.hw-pads-bpm{font-family:var(--hw-font-disp);color:var(--hw-text,#18122a);margin-left:auto;font-size:14px}.hw-pad-host{flex:1;min-height:0}.hw-pad-grid{box-sizing:border-box;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:6px;width:100%;height:100%;padding:0 6px;display:grid}.hw-pad{background:var(--hw-panel,#18122a);border-top:1px solid var(--hw-border,#261840);border-left:1px solid var(--hw-border,#261840);border-bottom:4px solid var(--hw-border,#070512);border-right:3px solid var(--hw-border,#0a0618);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:6px;min-width:0;transition:transform 50ms,border-bottom-width 50ms,border-right-width 50ms;position:relative}.hw-pad.filled{background:var(--hw-pad,#241a3e);border-top-color:var(--hw-border,#3a2860);border-left-color:var(--hw-border,#3a2860)}.hw-pad.lit{background:#7a1000;border-top-color:#aa2010;border-left-color:#aa2010}.hw-pad.locked{opacity:.4}.hw-pad.move-src{outline:2px solid var(--hw-amber);outline-offset:-2px}.hw-pad:active{border-bottom-width:1px;border-right-width:1px;transform:translateY(3px)}.hw-pad-num{font-family:var(--hw-font-mono);color:var(--hw-faint,#ffffff2e);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:8px;line-height:1;position:absolute;bottom:3px;right:4px}.hw-pad.lit .hw-pad-num{color:#ff78508c}.hw-pad-menu-btn{width:16px;height:16px;color:var(--hw-faint,#ffffff38);cursor:pointer;touch-action:manipulation;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex;position:absolute;bottom:2px;left:3px}.hw-pad-menu-btn.move-pending{color:var(--hw-amber)}.hw-pad-dropdown{background:var(--hw-panel,#011406f5);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hw-border,#35ff6959);z-index:100;border-radius:4px;min-width:84px;margin-bottom:2px;padding:3px;position:absolute;bottom:100%;left:0;box-shadow:0 4px 16px #000c}.hw-pad-dropdown button{text-align:left;width:100%;color:var(--hw-text,var(--hw-dtext));font-family:var(--hw-font-mono);letter-spacing:1px;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:2px;padding:6px 8px;font-size:9px;display:block}.hw-pad-dropdown button:active,.hw-pad-dropdown button:hover{background:var(--hw-border,#35ff691f)}.hw-pad-dropdown button:disabled{opacity:.35;cursor:default}.hw-pad-dropdown button:disabled:active,.hw-pad-dropdown button:disabled:hover{background:0 0}.hw-live-btn{background:var(--hw-panel,#18122a);border:1px solid var(--hw-border,#2a2040);height:16px;color:var(--hw-muted,#6a5a8a);font-family:var(--hw-font-mono);letter-spacing:1px;cursor:pointer;border-radius:3px;flex-shrink:0;margin-left:6px;padding:2px 8px;font-size:8px}.hw-live-btn.on{background:var(--hw-accent,#2a1a4a);border-color:var(--hw-accent,var(--hw-dbright));color:var(--hw-bg,var(--hw-dbright));text-shadow:0 0 7px var(--hw-dglow);box-shadow:0 0 8px var(--hw-dglow)}.hw-pad-grid-live{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.hw-pad-live{justify-content:center;align-items:center;display:flex}.hw-pad-label{font-family:var(--hw-font-mono);letter-spacing:1px;text-transform:uppercase;text-align:center;pointer-events:none;padding:0 8px;font-size:16px;font-weight:700;line-height:1.15}.hw-live-menu{z-index:100;cursor:default;background:var(--hw-panel,#011406f7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hw-border,#35ff6959);border-radius:4px;flex-direction:column;gap:5px;width:200px;padding:5px;display:flex;position:absolute;bottom:22px;left:4px;box-shadow:0 4px 16px #000c}.hw-live-tabs{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.hw-live-tab{border:1px solid var(--hw-border,#35ff6933);color:var(--hw-muted,var(--hw-ddim));font-family:var(--hw-font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:2px;padding:4px 2px;font-size:8px}.hw-live-tab.on{background:var(--hw-accent,var(--hw-dbright));border-color:var(--hw-accent,var(--hw-dbright));color:var(--hw-bg,#000)}.hw-live-body{flex-direction:column;gap:5px;max-height:168px;display:flex;overflow-y:auto}.hw-live-frow{font-family:var(--hw-font-mono);cursor:pointer;color:var(--hw-text,var(--hw-dtext));align-items:center;gap:8px;font-size:10px;display:flex}.hw-live-frow input[type=checkbox]{accent-color:var(--hw-accent,var(--hw-dbright));cursor:pointer;width:13px;height:13px}.hw-live-frow input:disabled{cursor:not-allowed}.hw-live-lrow{font-family:var(--hw-font-mono);color:var(--hw-text,var(--hw-dtext));justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.hw-live-mbtn{border:1px solid var(--hw-border,#35ff694d);color:var(--hw-text,var(--hw-dtext));font-family:var(--hw-font-mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:5px 8px;font-size:9px}.hw-live-mbtn:active,.hw-live-mbtn:hover{border-color:var(--hw-accent,var(--hw-dbright));color:var(--hw-accent,var(--hw-dbright))}.hw-live-mbtn.on{background:var(--hw-accent,var(--hw-dbright));border-color:var(--hw-accent,var(--hw-dbright));color:var(--hw-bg,#000)}.hw-live-mbtn.on:hover{color:var(--hw-bg,#000)}.hw-live-rep{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.hw-live-trip{width:100%;margin-top:3px}.hw-live-scrub{border:1px dashed var(--hw-border,#35ff694d);cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;height:76px;display:flex}.hw-live-scrub-hint{font-family:var(--hw-font-mono);color:var(--hw-muted,var(--hw-ddim));pointer-events:none;font-size:9px}.hw-live-off-val{text-align:center;font-family:var(--hw-font-disp);color:var(--hw-text,var(--hw-dbright));margin-top:4px;font-size:14px}.hw-transport{background:var(--hw-bg,var(--hw-chassis));flex-shrink:0;gap:5px;padding:6px 12px 9px;display:flex}.hw-tbtn{background:var(--hw-panel,var(--hw-navy));border:1px solid var(--hw-border,#1a2035);border-top-color:var(--hw-border,#3a4270);border-bottom:3px solid var(--hw-border,#0e1220);border-right:2px solid var(--hw-border,#1a2040);color:var(--hw-muted,#6a7290);font-family:var(--hw-font-mono);letter-spacing:.5px;cursor:pointer;border-radius:4px;flex:1;padding:11px 2px;font-size:8px;box-shadow:0 2px 4px #0006}.hw-tbtn:active{box-shadow:none;border-bottom-width:1px;border-right-width:1px;transform:translateY(2px)}.hw-tbtn.rec{color:#ffb098;background:#3a0a00;border-color:#cc3010 #882000 #882000}.hw-tbtn.rec.armed{background:#cc1800;animation:.75s ease-in-out infinite hw-rp}@keyframes hw-rp{0%,to{opacity:1}50%{opacity:.45}}.hw-tbtn.step.on{color:#ffb060;background:#1e1600;border-color:#bb7820 #774800 #774800}.hw-tbtn.playing{background:var(--hw-accent,#0a2010);border-color:var(--hw-accent,#286828);border-top-color:var(--hw-accent,#3a9a3a);color:var(--hw-bg,#35ff69);text-shadow:0 0 8px #35ff69b3}.hw-fh-host{z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hw-fh-host [style*="border-bottom: 1px"],.hw-fh-host .fh-close-btn,.hw-fh-host .fh-btn-label{display:none!important}.hw-fh-host .fh-head-ctrls{flex-wrap:nowrap!important}.hw-machine .seq-actions .btn-rec:not(.seq-mode){display:none!important}.hw-machine .seq-actions{overflow-x:auto;flex-wrap:nowrap!important}.hw-machine .seq-actions>*{flex-grow:0!important;flex-shrink:0!important}.hw-machine .tl-clear-btn{font-size:0}.hw-machine .tl-clear-btn:after{content:"✕";font-size:13px}.hw-machine .seq-actions button[title^=TRIPS]{font-size:0}.hw-machine .seq-actions button[title^=TRIPS]:after{content:"T";font-size:13px}.hw-machine .drum-mute{display:none!important}body.hw-v2 .db-overlay{z-index:99999}body.hw-v2 .db-frame{width:96vw;height:92dvh;max-height:92dvh}body.hw-v2 .db-body{min-height:0}body.hw-v2 .db-actions{flex-shrink:0}@media (min-width:600px){.hw-machine{margin:0 auto;border:1px solid #d0cdc8;border-radius:12px;width:min(480px,100%);height:860px;max-height:100dvh;margin-top:max(0px,50dvh - 430px);box-shadow:0 0 0 1px #8a8880,0 20px 70px #000000b3,inset 0 1px #ffffff73}}@media (min-width:600px) and (orientation:portrait){.hw-machine{width:100%;max-width:none;height:100dvh;box-shadow:none;border:none;border-radius:0;margin:0}}.hw-load-bpm-row{box-sizing:border-box;flex-direction:row;align-items:stretch;gap:10px;width:100%;display:flex}.hw-load-bpm-row:has(.hw-spectrum-canvas){height:60px;overflow:hidden}.hw-bpm-block{flex-shrink:0}.hw-spectrum-canvas{min-width:0;max-width:none;height:100%;image-rendering:pixelated;border:1px solid var(--hw-border,#1a4a2a);background:var(--hw-panel,#000);border-radius:3px;flex:1;display:block}.hw-machine.hw-landscape{width:100dvw;max-width:none;height:100dvh;max-height:100dvh;box-shadow:none;background:var(--hw-bg,#000);border:none;border-radius:0;flex-direction:column;margin:0;display:flex;overflow:hidden}.hw-machine.hw-landscape .hw-ls-tabs{background:var(--hw-panel,#0a0a0a);border-bottom:1px solid var(--hw-border,#1e1e1e);flex-shrink:0;height:36px;display:flex}.hw-machine.hw-landscape .hw-ls-tab{font-family:var(--hw-font-mono);letter-spacing:.12em;color:var(--hw-muted,#555);border-right:1px solid var(--hw-border,#1a1a1a);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;font-size:11px;display:flex}.hw-machine.hw-landscape .hw-ls-tab:last-child{border-right:none}.hw-machine.hw-landscape .hw-ls-tab.hw-ls-tab--active{color:var(--hw-accent,var(--hw-dbright));border-bottom:2px solid var(--hw-accent,var(--hw-dbright));text-shadow:0 0 8px var(--hw-dglow)}.hw-machine.hw-landscape .hw-ls-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hw-machine.hw-landscape .hw-ls-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px 10px;overflow-y:auto}.hw-machine.hw-landscape .hw-ls-seq{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:6px 8px;overflow:hidden auto}.hw-machine.hw-landscape .hw-ls-mixer{flex-direction:column;display:flex}.hw-machine.hw-landscape .hw-ls-spec-tap{cursor:pointer;height:64px;margin-bottom:8px;position:relative}.hw-machine.hw-landscape .hw-ls-spec-tap .hw-spectrum-canvas{width:100%;height:100%}.hw-machine.hw-landscape .hw-ls-spec-hint{font-family:var(--hw-font-mono);letter-spacing:.1em;color:var(--hw-faint,#35ff6966);pointer-events:none;font-size:8px;position:absolute;top:4px;right:7px}.hw-machine.hw-landscape .hw-ls-load .hw-sc-btn,.hw-machine.hw-landscape .hw-ls-load .hw-sc-stab{padding:8px 10px;font-size:10px}.hw-machine.hw-landscape .hw-ls-load .hw-sc-select,.hw-machine.hw-landscape .hw-ls-load .hw-sc-in{padding:8px;font-size:11px}.hw-machine.hw-landscape .hw-drum-skin .drum-step{height:44px!important;min-height:44px!important}.hw-machine.hw-landscape .hw-ls-bottom{background:var(--hw-panel,#0a0a0a);border-top:1px solid var(--hw-border,#1e1e1e);flex-shrink:0;align-items:center;gap:6px;height:54px;padding:0 8px;display:flex}.hw-machine.hw-landscape .hw-ls-transport{flex-shrink:0;gap:4px;display:flex}.hw-machine.hw-landscape .hw-ls-tbtn{border:1px solid var(--hw-border,#333);background:var(--hw-panel,#1a1a1a);width:36px;height:36px;color:var(--hw-muted,#888);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:3px;justify-content:center;align-items:center;font-family:inherit;font-size:14px;display:flex}.hw-machine.hw-landscape .hw-ls-tbtn:active{transform:translateY(1px)}.hw-machine.hw-landscape .hw-ls-tbtn--play{color:var(--hw-accent,var(--hw-dbright));border-color:var(--hw-accent,var(--hw-dbright));background:var(--hw-panel,#0a1f0e)}.hw-machine.hw-landscape .hw-ls-tbtn--playing{background:var(--hw-accent,#0e3018);box-shadow:0 0 8px var(--hw-dglow)}.hw-machine.hw-landscape .hw-ls-tbtn--rec{color:#f44;border-color:#633}.hw-machine.hw-landscape .hw-ls-tbtn--rec-active{background:#2a0000;border-color:#f44;animation:.75s ease-in-out infinite hw-rp}.hw-machine.hw-landscape .hw-ls-pads{flex:1;gap:4px;min-width:0;display:flex}.hw-machine.hw-landscape .hw-ls-pad{background:var(--hw-panel,#18122a);border:1px solid var(--hw-border,#2a2040);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:4px;flex:1;min-width:0;height:40px;position:relative}.hw-machine.hw-landscape .hw-ls-pad:active{transform:translateY(1px)}.hw-machine.hw-landscape .hw-ls-pad--filled{background:var(--hw-pad,#241a3e);border-color:var(--hw-border,#3a2860)}.hw-machine.hw-landscape .hw-ls-pad--active{background:#7a1000;border-color:#aa2010}.hw-machine.hw-landscape .hw-ls-pad--locked{opacity:.4}.hw-machine.hw-landscape .hw-ls-pad-num{font-family:var(--hw-font-mono);color:var(--hw-faint,#fff3);pointer-events:none;font-size:8px;line-height:1;position:absolute;bottom:2px;right:4px}.hw-machine.hw-landscape .hw-ls-pad--active .hw-ls-pad-num{color:#ff78508c}.hw-ls-spectral-overlay{z-index:99999;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000;display:flex;position:fixed;inset:0}.hw-ls-spectral-overlay>*{flex:1;width:100%!important;height:100%!important}.hw-ls-spectral-canvas{image-rendering:pixelated;background:#000;display:block}.hw-ls-spectral-overlay:after{content:"TAP TO CLOSE";letter-spacing:.14em;color:#2a6a3a;pointer-events:none;font-family:DM Mono,ui-monospace,monospace;font-size:10px;position:absolute;top:14px;right:18px}.hw-machine[data-palette] .hw-logo,.hw-machine[data-palette] .hw-d-bpm,.hw-machine[data-palette] .hw-d-bpm-lbl,.hw-machine[data-palette] .hw-d-tap-btn,.hw-machine[data-palette] .hw-sc-btn,.hw-machine[data-palette] .hw-sc-stab,.hw-machine[data-palette] .hw-pitch-popup,.hw-machine[data-palette] .hw-pitch-val,.hw-machine[data-palette] .hw-tbtn,.hw-machine[data-palette] .hw-status,.hw-machine[data-palette] .hw-mx-tnm,.hw-machine[data-palette] .hw-vu-val,.hw-machine[data-palette] .hw-ls-tab,.hw-machine[data-palette] .hw-ls-tbtn{text-shadow:none!important}.hw-machine[data-palette] .hw-mx-fdr .hw-fader-fill,.hw-machine[data-palette] .hw-pitch-dot{box-shadow:none!important}.hw-machine[data-palette] .hw-pad.lit,.hw-machine[data-palette] .hw-ls-pad--active{background:var(--hw-bg)!important;border-color:var(--hw-accent)!important;border-width:2px!important}.hw-machine[data-palette] .hw-pad.lit .hw-pad-num,.hw-machine[data-palette] .hw-ls-pad--active .hw-ls-pad-num{color:var(--hw-text)!important}.hw-machine[data-palette] .hw-drum-skin{--neon:var(--hw-accent)!important;--neon3:var(--hw-accent)!important;--bg:var(--hw-panel)!important;--bg1:var(--hw-panel)!important;--bg2:var(--hw-panel)!important;--border-neon:var(--hw-border)!important;--text-dim:var(--hw-muted)!important;--track-color:var(--hw-text)!important;--danger:var(--hw-accent)!important;background:var(--hw-panel)!important;color:var(--hw-text)!important}.hw-machine[data-palette] .hw-drum-skin .drum-section,.hw-machine[data-palette] .hw-drum-skin .drum-grid,.hw-machine[data-palette] .hw-drum-skin .drum-header,.hw-machine[data-palette] .hw-drum-skin .drum-row,.hw-machine[data-palette] .hw-drum-skin .drum-row-head,.hw-machine[data-palette] .hw-drum-skin .drum-row-sample,.hw-machine[data-palette] .hw-drum-skin .drum-row-steps{background:var(--hw-panel)!important}.hw-machine[data-palette] .hw-drum-skin .drum-section{border-color:var(--hw-border)!important}.hw-machine[data-palette] .hw-drum-skin .drum-row-head{border-left-color:var(--hw-text)!important}.hw-machine[data-palette] .hw-drum-skin .drum-row-name,.hw-machine[data-palette] .hw-drum-skin .drum-row-sample,.hw-machine[data-palette] .hw-drum-skin .drum-sample-name,.hw-machine[data-palette] .hw-drum-skin button.drum-sample-name,.hw-machine[data-palette] .hw-drum-skin .drum-mini,.hw-machine[data-palette] .hw-drum-skin .drum-arrow,.hw-machine[data-palette] .hw-drum-skin .drum-rnd,.hw-machine[data-palette] .hw-drum-skin .drum-seq-label,.hw-machine[data-palette] .hw-drum-skin .drum-mini-val,.hw-machine[data-palette] .hw-drum-skin .drum-genre-tab{color:var(--hw-text)!important}.hw-machine[data-palette] .hw-drum-skin .drum-seq-total{color:var(--hw-muted)!important}.hw-machine[data-palette] .hw-drum-skin .drum-step{background:var(--hw-panel)!important;border-color:var(--hw-border)!important}.hw-machine[data-palette] .hw-drum-skin .drum-step.beat{border-left-color:var(--hw-text)!important}.hw-machine[data-palette] .hw-drum-skin .drum-step.on{background:var(--hw-accent)!important;border-color:var(--hw-accent)!important;box-shadow:none!important}.hw-machine[data-palette] .hw-drum-skin .drum-playhead{background:var(--hw-accent)!important}.hw-machine[data-palette] .hw-drum-skin .btn-rec,.hw-machine[data-palette] .hw-drum-skin .btn-clear,.hw-machine[data-palette] .hw-drum-skin .ctrl-select{background:var(--hw-panel)!important;border-color:var(--hw-text)!important;color:var(--hw-text)!important}.hw-machine[data-palette] .hw-drum-skin .btn-rec.on,.hw-machine[data-palette] .hw-drum-skin .drum-genre-tab.on{background:var(--hw-accent)!important;border-color:var(--hw-accent)!important;color:var(--hw-bg)!important;box-shadow:none!important}.hw-machine[data-palette] .hw-drum-skin .drum-arrow,.hw-machine[data-palette] .hw-drum-skin .drum-rnd,.hw-machine[data-palette] .hw-drum-skin .drum-genre-tab,.hw-machine[data-palette] .hw-drum-skin .drum-genre-tabs{background:var(--hw-panel)!important;border-color:var(--hw-border)!important}.hw-machine[data-palette] .hw-drum-skin input[type=range]{accent-color:var(--hw-accent)}.hw-machine[data-palette] .hw-chop-skin{--neon:var(--hw-accent)!important;--neon2:var(--hw-accent)!important;--neon3:var(--hw-accent)!important;--bg:var(--hw-panel)!important;--bg1:var(--hw-panel)!important;--bg2:var(--hw-panel)!important;--border-neon:var(--hw-border)!important;--text-dim:var(--hw-muted)!important;--track-color:var(--hw-text)!important;--danger:var(--hw-accent)!important;background:var(--hw-panel)!important;color:var(--hw-text)!important}.hw-machine[data-palette] .hw-chop-skin .seq,.hw-machine[data-palette] .hw-chop-skin .seq-body,.hw-machine[data-palette] .hw-chop-skin .seq-empty{background:var(--hw-panel)!important;border-color:var(--hw-border)!important}.hw-machine[data-palette] .hw-chop-skin .seq-title,.hw-machine[data-palette] .hw-chop-skin .seq-count,.hw-machine[data-palette] .hw-chop-skin .seq-ruler-cell{color:var(--hw-text)!important}.hw-machine[data-palette] .hw-chop-skin .seq-ruler-cell.is-bar{color:var(--hw-accent)!important}.hw-machine[data-palette] .hw-chop-skin .seq-ruler-cell.is-beat{color:var(--hw-muted)!important}.hw-machine[data-palette] .hw-chop-skin .seq-row-label{color:var(--hw-text)!important;border-left-color:var(--hw-text)!important}.hw-machine[data-palette] .hw-chop-skin .seq-cell{background:var(--hw-panel)!important;border-color:var(--hw-border)!important}.hw-machine[data-palette] .hw-chop-skin .seq-cell:hover{border-color:var(--hw-accent)!important;background:#80808029!important}.hw-machine[data-palette] .hw-chop-skin .seq-cell.is-bar,.hw-machine[data-palette] .hw-chop-skin .seq-cell.is-beat{border-left-color:var(--hw-border)!important}.hw-machine[data-palette] .hw-chop-skin .seq-cell.on{background:var(--hw-accent)!important;border-color:var(--hw-accent)!important;box-shadow:none!important}.hw-machine[data-palette] .hw-chop-skin .seq-cursor{border-left-color:var(--hw-accent)!important;background:#80808024!important}.hw-machine[data-palette] .hw-chop-skin .seq-rec-cursor{border-color:var(--hw-accent)!important;background:#8080801a!important}.hw-machine[data-palette] .hw-chop-skin .btn-rec,.hw-machine[data-palette] .hw-chop-skin .btn-clear,.hw-machine[data-palette] .hw-chop-skin .ctrl-select,.hw-machine[data-palette] .hw-chop-skin .seq-tab{background:var(--hw-panel)!important;border-color:var(--hw-text)!important;color:var(--hw-text)!important}.hw-machine[data-palette] .hw-chop-skin .seq-tab.on,.hw-machine[data-palette] .hw-chop-skin .btn-rec.on{background:var(--hw-accent)!important;border-color:var(--hw-accent)!important;color:var(--hw-bg)!important;box-shadow:none!important}.hw-machine[data-palette] .hw-chop-skin input[type=range]{accent-color:var(--hw-accent)}.hw-machine[data-screen-green] .hw-disp{background:var(--hw-dbg,#010501);border-color:#060810}.hw-machine[data-screen-green] .hw-disp .seq-countin{color:var(--hw-dbright,#35ff69);text-shadow:0 0 18px var(--hw-dglow,#35ff698c), 0 0 2px #000}.hw-machine[data-screen-green] .hw-disp .hw-d-status,.hw-machine[data-screen-green] .hw-disp .hw-d-track{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-midi-lbl{color:#35ff694d}.hw-machine[data-screen-green] .hw-disp .hw-d-bpm{color:var(--hw-dbright,#35ff69);text-shadow:0 0 24px var(--hw-dglow,#35ff698c), 0 0 10px #35ff6966!important}.hw-machine[data-screen-green] .hw-disp .hw-d-bpm-lbl{color:var(--hw-dtext,#26d64e);text-shadow:0 0 8px var(--hw-dglow,#35ff698c)!important}.hw-machine[data-screen-green] .hw-disp .hw-d-tap{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-d-tap-btn{color:var(--hw-ddim,#16883a);background:#001005d9;border-color:#35ff6938}.hw-machine[data-screen-green] .hw-disp .hw-d-tap-btn.on{border-color:var(--hw-dbright,#35ff69);color:var(--hw-dbright,#35ff69);background:#001c0af2;text-shadow:0 0 7px var(--hw-dglow,#35ff698c)!important}.hw-machine[data-screen-green] .hw-disp .hw-d-tap-btn.flash{color:#eaffef;border-color:#eaffef;text-shadow:0 0 12px var(--hw-dbright,#35ff69)!important}.hw-machine[data-screen-green] .hw-disp .hw-d-div{background:#35ff691f}.hw-machine[data-screen-green] .hw-disp .hw-spectrum-canvas{background:#000;border-color:#1a4a2a}.hw-machine[data-screen-green] .hw-disp .hw-sc-btn{color:var(--hw-ddim,#16883a);background:#001005d9;border-color:#35ff6929}.hw-machine[data-screen-green] .hw-disp .hw-sc-btn:active,.hw-machine[data-screen-green] .hw-disp .hw-sc-btn.on{color:var(--hw-dtext,#26d64e);background:#001c0af2;border-color:#35ff698c;text-shadow:0 0 7px #35ff6959!important}.hw-machine[data-screen-green] .hw-disp .hw-sc-btn.hi{color:var(--hw-dtext,#26d64e);border-color:#35ff6966}.hw-machine[data-screen-green] .hw-disp .hw-sc-btn.red{color:#ff8068}.hw-machine[data-screen-green] .hw-disp .hw-sc-btn.amber{color:var(--hw-amber,#e7a977)}.hw-machine[data-screen-green] .hw-disp .hw-sc-btn.pur{color:#b060ff}.hw-machine[data-screen-green] .hw-disp .hw-sc-select,.hw-machine[data-screen-green] .hw-disp .hw-sc-in{color:var(--hw-dtext,#26d64e);background:#000c04e6;border-color:#35ff6938}.hw-machine[data-screen-green] .hw-disp .hw-sc-select option{color:var(--hw-dtext,#26d64e);background:#010801}.hw-machine[data-screen-green] .hw-disp .hw-sc-in{caret-color:var(--hw-dbright,#35ff69)}.hw-machine[data-screen-green] .hw-disp .hw-sc-in::placeholder{color:#35ff6933}.hw-machine[data-screen-green] .hw-disp .hw-sc-lbl{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-sc-presets{border-top-color:#35ff691a}.hw-machine[data-screen-green] .hw-disp .hw-sc-presets-lbl{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-pitch-dot{background:var(--hw-dtext,#26d64e);box-shadow:0 0 5px var(--hw-dglow,#35ff698c)!important}.hw-machine[data-screen-green] .hw-disp .hw-pitch-val{color:var(--hw-dtext,#26d64e)}.hw-machine[data-screen-green] .hw-disp .hw-pitch-popup{background:var(--hw-dbg,#010501);border-color:var(--hw-dtext,#26d64e);color:var(--hw-dbright,#35ff69);text-shadow:0 0 8px var(--hw-dglow,#35ff698c)!important}.hw-machine[data-screen-green] .hw-disp .hw-sc-stab{color:var(--hw-ddim,#16883a);background:#001005d9;border-color:#35ff6929}.hw-machine[data-screen-green] .hw-disp .hw-sc-stab.on{color:var(--hw-dtext,#26d64e);background:#001e0cf2;border-color:#35ff698c;text-shadow:0 0 7px #35ff694d!important}.hw-machine[data-screen-green] .hw-disp .hw-mx-tnm{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-mx-fdr{background:#000c04e6;border-color:#35ff692e}.hw-machine[data-screen-green] .hw-disp .hw-mx-fdr .hw-fader-fill{background:var(--hw-mgreen,#4a7c59);box-shadow:0 0 4px #35ff694d!important}.hw-machine[data-screen-green] .hw-disp .hw-mx-fvol{color:#35ff6966}.hw-machine[data-screen-green] .hw-disp .hw-mx-master{border-top-color:#35ff691a}.hw-machine[data-screen-green] .hw-disp .hw-export-lbl{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-vu{background:#000c04e6;border-color:#35ff6933}.hw-machine[data-screen-green] .hw-disp .hw-vu-fill{background:linear-gradient(to right, var(--hw-mgreen,#4a7c59), var(--hw-dbright,#35ff69))}.hw-machine[data-screen-green] .hw-disp .hw-vu-lbl{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-vu-val{color:var(--hw-dtext,#26d64e)}body[data-hw-palette] .sb-modal{--wa-face:var(--hw-panel);--wa-face-d:var(--hw-panel);--wa-hi:var(--hw-border);--wa-sh:var(--hw-border);background:var(--hw-panel);border-color:var(--hw-border);color:var(--hw-text);box-shadow:0 36px 80px -24px #00000073,inset 0 1px #ffffff0f}body[data-hw-palette] .sb-titlebar{background:var(--hw-panel);border-bottom-color:var(--hw-border)}body[data-hw-palette] .sb-title{color:var(--hw-text);text-shadow:none}body[data-hw-palette] .sb-x{color:var(--hw-muted)}body[data-hw-palette] .sb-x:hover{color:var(--hw-accent);box-shadow:inset 1px 1px 0 var(--hw-border), inset -1px -1px 0 var(--hw-border)}body[data-hw-palette] .sb-transport,body[data-hw-palette] .sb-footer{background:var(--hw-panel)}body[data-hw-palette] .sb-play{color:var(--hw-accent);text-shadow:none}body[data-hw-palette] .sb-load{background:var(--hw-panel);color:var(--hw-accent);text-shadow:none;box-shadow:inset 1px 1px 0 var(--hw-border), inset -1px -1px 0 var(--hw-border)}body[data-hw-palette] .sb-pitch-btn{color:var(--hw-muted)}body[data-hw-palette] .sb-play:hover:not(:disabled),body[data-hw-palette] .sb-pitch-btn:hover:not(:disabled),body[data-hw-palette] .sb-load:hover:not(:disabled){color:var(--hw-accent);text-shadow:none;box-shadow:inset 1px 1px 0 var(--hw-border), inset -1px -1px 0 var(--hw-border)}body[data-hw-palette] .sb-pitch-val{color:var(--hw-text)}body[data-hw-palette] .sb-vol-lbl{color:var(--hw-muted)}body[data-hw-palette] .sb-vol input[type=range]{background:var(--hw-accent)}body[data-hw-palette] .sb-vol input[type=range]::-webkit-slider-thumb{background:var(--hw-bg)}body[data-hw-palette] .sb-vol input[type=range]::-moz-range-thumb{background:var(--hw-bg);border-color:var(--hw-border)}body[data-hw-palette] .sb-search{background:var(--hw-panel);color:var(--hw-text);box-shadow:inset 0 0 0 1px var(--hw-border)}body[data-hw-palette] .sb-search:focus{box-shadow:inset 0 0 0 1px var(--hw-accent)}body[data-hw-palette] .sb-search::placeholder,body[data-hw-palette] .sb-yt-input::placeholder{color:var(--hw-faint)}body[data-hw-palette] .sb-browser{background:var(--hw-panel);box-shadow:inset 0 0 0 1px var(--hw-border)}body[data-hw-palette] .sb-status,body[data-hw-palette] .sb-empty,body[data-hw-palette] .sb-fcount,body[data-hw-palette] .sb-tnum,body[data-hw-palette] .sb-tw,body[data-hw-palette] .sb-us-hint,body[data-hw-palette] .sb-search-clear,body[data-hw-palette] .sb-row-del{color:var(--hw-muted)}body[data-hw-palette] .sb-folder{background:var(--hw-panel);border-bottom-color:var(--hw-border);color:var(--hw-text)}body[data-hw-palette] .sb-folder:hover{color:var(--hw-accent)}body[data-hw-palette] .sb-track{color:var(--hw-text)}body[data-hw-palette] .sb-track:hover{background:color-mix(in srgb, var(--hw-accent) 14%, transparent)}body[data-hw-palette] .sb-track--sel{background:color-mix(in srgb, var(--hw-accent) 26%, transparent);color:var(--hw-text);box-shadow:inset 3px 0 0 var(--hw-accent)}body[data-hw-palette] .sb-track--sel:hover{background:color-mix(in srgb, var(--hw-accent) 32%, transparent)}body[data-hw-palette] .sb-track--sel .sb-tnum{color:var(--hw-accent)}body[data-hw-palette] .sb-track--sel .sb-tstar{color:var(--hw-text)}body[data-hw-palette] .sb-yt-input{background:var(--hw-panel);color:var(--hw-text);border-color:var(--hw-border)}body[data-hw-palette] .sb-yt-addbtn{color:var(--hw-accent);background:color-mix(in srgb, var(--hw-accent) 12%, transparent);border-color:var(--hw-border);box-shadow:none}body[data-hw-palette] .sb-yt-add{background:color-mix(in srgb, var(--hw-border) 30%, transparent)}@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{height:100vh;background:var(--bg);flex-direction:column;height:100dvh;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}label.btn-loadfile{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.btn-loadfile.locked{opacity:.3;cursor:default}.btn-loadfile.is-busy{opacity:.3;cursor:default;pointer-events:none}.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}}.midimap-wrap{position:relative}.midimap-dot{pointer-events:none;z-index:6;background:#2f8bff;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:1px;box-shadow:0 0 5px #2f8bff}.midimap-overlay{z-index:7;cursor:pointer;background:#2f8bff1f;border:1.5px solid #2f8bffb3;border-radius:4px;justify-content:center;align-items:center;transition:background .1s,border-color .1s,box-shadow .1s;display:flex;position:absolute;inset:0}.midimap-overlay:hover{background:#2f8bff38;border-color:#2f8bfff2}.midimap-overlay.midimap-armed{background:#2f8bff4d;border:2px solid #2f8bff;animation:1s ease-in-out infinite midimap-arm-pulse;box-shadow:0 0 10px #2f8bff99,inset 0 0 8px #2f8bff66}@keyframes midimap-arm-pulse{0%,to{opacity:1}50%{opacity:.55}}.midimap-hint,.midimap-cc{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 2px #000;pointer-events:none;font-size:9px;font-weight:700;line-height:1.1}.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}.btn-buy-lifetime{color:#ff5230;font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff5230;height:26px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;transition:all .1s}.btn-buy-lifetime:hover:not(:disabled){color:#1a0a06;background:#ff5230;box-shadow:0 0 10px #ff523099}.btn-buy-lifetime:disabled{opacity:.5;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:0 auto;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-record{font-family:var(--font-mono);letter-spacing:1px;color:#ff5230;cursor:pointer;text-shadow:0 0 6px #ff523066;background:#ff52301a;border:1px solid #ff523080;padding:4px 10px;font-size:10px}.btn-record:hover{background:#ff523033}.btn-record.on{background:#ff523047;box-shadow:0 0 10px #ff523066}.btn-record.is-rec{animation:1s steps(2,start) infinite record-blink}.record-panel{background:#ff52300f;border:1px solid #ff523059;border-radius:3px;flex-direction:column;gap:4px;margin:4px 0;padding:8px 10px;display:flex}.record-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.record-field{flex-direction:column;gap:3px;display:flex}.record-label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-dim);font-size:9px}.record-input-select{min-width:180px;max-width:320px}.btn-rec-go{font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;color:#ff5230;background:#ff523014;border:1px solid #ff5230;border-radius:3px;padding:6px 16px;font-size:11px;font-weight:700}.btn-rec-go:disabled{opacity:.35;cursor:not-allowed}.btn-rec-go.rec-idle{opacity:.7}.btn-rec-go.rec-idle:hover:not(:disabled){opacity:1;background:#ff52302e}.btn-rec-go.rec-armed{color:#fff;background:#ff5230;animation:.7s steps(2,start) infinite record-blink}.btn-rec-go.rec-recording{color:#fff;background:#ff5230;box-shadow:0 0 14px #ff5230cc}.record-live{align-items:center;gap:8px;display:flex}.record-meter{background:#050508;border:1px solid #ff523066;border-radius:2px;width:120px;height:14px}.record-elapsed{font-family:var(--font-mono);color:#ff5230;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #ff523080;font-size:13px}.record-saved{font-family:var(--font-mono);color:var(--neon);text-shadow:0 0 6px var(--neon-dim);font-size:10px}.record-hint{font-family:var(--font-mono);color:var(--text-dim);font-size:9px}.record-perm-link{cursor:pointer;font-family:var(--font-mono);letter-spacing:.5px;color:var(--text-dim);text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:0;font-size:9px;text-decoration:underline}.record-perm-link:hover{color:var(--neon2)}@keyframes record-blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.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-view[data-layout=default] .chopper-main{margin-top:-10px}.chopper-col,.rsec:not(.rsec-positioned){display:contents}.chopper-view.rearranging,.chopper-view.has-custom-layout{position:relative}.rsec.rsec-positioned{box-sizing:border-box;position:absolute;overflow:hidden}.chopper-view.rearranging{background-color:var(--bg);background-image:linear-gradient(90deg,#ff52301a 1px,#0000 1px),linear-gradient(#ff52301a 1px,#0000 1px);background-size:16px 16px}.chopper-view.rearranging .rsec{background:var(--bg);border:1px dashed #ff523099;border-radius:4px;padding:4px;box-shadow:0 2px 10px #00000059}.chopper-view.rearranging .rsec.rsec-dragging{border-style:solid;border-color:#ff5230;box-shadow:0 6px 22px #ff523080}.rsec-handle{letter-spacing:1px;color:#ff5230;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#ff52301f;border-bottom:1px solid #ff523066;border-radius:3px 3px 0 0;align-items:center;gap:6px;margin:-4px -4px 4px;padding:4px 8px;font-family:Orbitron,monospace;font-size:11px;display:flex}.rsec-handle:active{cursor:grabbing}.rsec-grip{opacity:.8;font-size:14px;line-height:1}.rsec-resize{background:var(--neon,#ff5230);opacity:.55;z-index:30;touch-action:none;border:1px solid #0009;border-radius:2px;width:16px;height:16px;position:absolute}.rsec-resize:hover{opacity:1}.rsec-resize-se{bottom:0;right:0}.rsec-resize-sw{bottom:0;left:0}.rsec-resize-ne{top:0;right:0}.rsec-resize-nw{top:0;left:0}.rearrange-bar{z-index:4000;align-items:center;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.btn-rearrange-done,.btn-rearrange-reset{letter-spacing:1px;cursor:pointer;border:2px solid #ff5230;border-radius:6px;padding:10px 22px;font-family:Orbitron,monospace;font-size:14px;font-weight:700}.btn-rearrange-done{color:#11070a;background:#ff5230;box-shadow:0 4px 18px #ff523099}.btn-rearrange-done:hover{background:#ff6a4d}.btn-rearrange-reset{color:#ff5230;background:#0009}.btn-rearrange-reset:hover{background:#ff523033}.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]>*,.chopper-view[data-layout=two-col]>.rsec>*{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]>*,.chopper-view[data-layout=mpc]>.rsec>*{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-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{--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.pad-drum-mode{border-color:var(--neon);box-shadow:inset 0 0 0 1px var(--neon), 0 0 8px -2px var(--neon)}.pad-drum-label{font-family:var(--font-hud);letter-spacing:1.5px;color:var(--neon);text-shadow:0 0 6px var(--neon);margin-top:3px;font-size:8px;font-weight:700}.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-menu-btn{width:16px;height:16px;color:var(--text-dim);cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex;position:absolute;bottom:2px;left:2px}.pad-menu-btn:hover,.pad-menu-btn.active{color:var(--neon);text-shadow:0 0 6px var(--neon)}.pad-pop-backdrop{z-index:1000;background:0 0;position:fixed;inset:0}.pad-pop{z-index:1001;background:color-mix(in srgb, var(--bg2) 92%, black);-webkit-backdrop-filter:blur(12px);border:1px solid var(--neon);border-radius:4px;min-width:112px;padding:3px;box-shadow:0 6px 20px #000000b3}.pad-pop button{text-align:left;width:100%;color:var(--text);font-family:var(--font-hud,monospace);letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:6px 9px;font-size:11px;display:block}.pad-pop button:hover,.pad-pop button:active{background:color-mix(in srgb, var(--neon) 16%, transparent);color:var(--neon)}.pad-pop button:disabled{opacity:.35;cursor:default}.pad-pop button:disabled:hover{color:var(--text);background:0 0}.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}.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}.chopper-view .waveform-track-title{flex:0 auto;order:1;min-width:0;margin-left:10px}.wave-actions-row{background:var(--bg2);border-bottom:1px solid var(--border-neon);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.wave-actions-row .norm-db{margin-left:2px}.wave-actions{border-left:1px solid var(--border-neon);flex-wrap:wrap;align-items:center;gap:6px;margin-left:6px;padding-left:8px;display:flex}.wave-actions .norm-db{margin-left:2px}.chopper-view .waveform-zoom-bar{flex-wrap:wrap}.chopper-view .chopper-section-header[data-section=WAVEFORM]{border-bottom:1px solid var(--border-neon)}.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:auto;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.bpm-popup-below{top:calc(100% + 6px);bottom:auto}.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}.btn-transport-norm{color:#ffb050b3;text-shadow:0 0 6px #ff8c004d;border-color:#ff990073;box-shadow:0 0 8px #ff8c001f,inset 0 0 8px #ff8c000a}.btn-transport-norm:hover:not(:disabled){color:#ffb84d;border-color:#ff9900d9;box-shadow:0 0 12px #ff8c0073}.btn-transport-norm.norm-on{color:#ffce80;text-shadow:0 0 8px #ff8c00,0 0 16px #ff780099;background:#ff8c0029;border-color:#ff9d00;box-shadow:0 0 14px #ff8c0080,inset 0 0 8px #ff8c0026}.btn-transport-norm:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.norm-db{font-family:var(--font-mono);letter-spacing:.5px;white-space:nowrap;color:#ffce80;text-shadow:0 0 8px #ff8c0099;align-self:center;font-size:11px;font-weight:700}.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%}.chopper-toolbar .chopper-web-presets{flex-flow:row;align-self:flex-end;align-items:center;gap:6px;min-width:0}.chopper-toolbar .chopper-web-presets .preset-name-input,.chopper-toolbar .chopper-web-presets .btn-preset-save,.chopper-toolbar .chopper-web-presets .preset-load-select{width:auto;min-width:0;margin:0}.chopper-toolbar .chopper-web-presets .preset-name-input{flex:0 140px;max-width:140px}.chopper-toolbar .chopper-web-presets .preset-load-select{flex:0 160px;max-width:160px}.chopper-toolbar .chopper-web-presets .btn-preset-save{white-space:nowrap;flex:none}.chopper-toolbar .tt-gated-presets{min-width:0}.chopper-view[data-layout=mpc] .chopper-toolbar .tt-gated-presets{order:0}.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}.btn-drum-pads.on{background:var(--neon);border-color:var(--neon);color:var(--bg1)}.btn-drum-pads.on:hover:not(:disabled){color:var(--bg1);border-color:var(--neon)}.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}.chopper-view .seq-header{align-items:flex-start}.seq-titlewrap{flex-direction:column;gap:2px;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{flex-wrap:wrap;align-items:center;gap:5px;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:min(800px,92vw);min-width:min(600px,92vw);max-width:800px;max-height:85vh;font-family:var(--font-mono);background:#0d0d0d;border-radius:4px;flex-direction:column;gap:16px;padding:32px;display:flex;overflow:hidden;box-shadow:0 0 40px #00ff8840,0 0 80px #00ff8814}.signin-modal{overflow-y:auto}.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:.8;margin:0;font-size:18px}.eula-body{color:#fffc;flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:6px;font-size:14px;line-height:1.6;display:flex;overflow-y:auto}.eula-body p{margin:0}.eula-body strong{color:#fffffff2}.eula-subtitle{letter-spacing:2px;color:var(--neon);margin:8px 0 0;font-size:15px;line-height:1.5}.eula-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:13px;line-height:1.5;display:flex}.eula-list li{margin:0;line-height:1.5}.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:10px;font-size:14px;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:14px;font-size:15px;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}.signin-fields{flex-direction:column;gap:12px;display:flex}.signin-link{color:#00ff88b3;font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.signin-link:hover{color:var(--neon)}.signin-divider{color:#ffffff59;letter-spacing:2px;align-items:center;gap:12px;margin:2px 0;font-size:11px;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:#00ff882e;flex:1;height:1px}.signin-alt{flex-direction:column;gap:10px;display:flex}.signin-alt-btn{color:var(--neon);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:#00ff880d;border:1px solid #00ff8859;border-radius:2px;padding:12px;font-size:14px;transition:background .15s,box-shadow .15s}.signin-alt-btn:hover{background:#00ff881f;box-shadow:0 0 12px #00ff884d}.signin-buy{color:#ff5230;background:#ff52300f;border-color:#ff523080}.signin-buy:hover{background:#ff523024;box-shadow:0 0 12px #ff523059}.signin-skip{color:#ffffff73;font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;align-self:center;padding:4px;font-size:13px}.signin-skip:hover{color:#fffc}.signin-msg{color:#fffc;margin:0;font-size:14px;line-height:1.6}.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}.drum-gridctrl{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px;display:flex}.drum-gridctrl-lbl{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-dim);margin-right:2px;font-size:9px;font-weight:700}.drum-gridctrl-sep{background:var(--border-neon);width:1px;height:18px;margin:0 4px}.drum-gridctrl-btn{font-family:var(--font-mono);letter-spacing:.5px;border:1px solid var(--border-neon);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 9px;font-size:10px}.drum-gridctrl-btn:hover{color:var(--neon);border-color:var(--neon)}.drum-gridctrl-btn.on{background:var(--neon);border-color:var(--neon);color:var(--bg1);box-shadow:var(--glow)}.drum-gridctrl-btn.disabled,.drum-gridctrl-btn:disabled{opacity:.35;cursor:not-allowed}.drum-gridctrl-btn.disabled:hover,.drum-gridctrl-btn:disabled:hover{color:var(--text-dim);border-color:var(--border-neon)}.drum-gridctrl-ppq{color:var(--neon);border-color:var(--neon)}.drum-gridctrl-ppq.alt{color:var(--neon2);border-color:var(--neon2);box-shadow:var(--glow2)}.drum-gridctrl-compact{flex-wrap:nowrap}.drum-gridctrl-select{font-family:var(--font-mono);letter-spacing:.5px;border:1px solid var(--border-neon);color:var(--neon);cursor:pointer;background:0 0;border-radius:4px;padding:4px 6px;font-size:11px}.drum-graph{border-top:1px solid var(--border-neon);flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;display:flex}.drum-graph-tabs{align-items:center;gap:4px;display:flex}.drum-graph-tab{border:1px solid var(--border-neon);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:3px 9px;font-size:9px}.drum-graph-tab:hover{color:var(--neon);border-color:var(--neon)}.drum-graph-tab.on{background:var(--neon);color:var(--bg1);border-color:var(--neon);box-shadow:var(--glow)}.drum-graph-track-label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--neon);text-shadow:0 0 6px var(--neon-dim);margin-left:auto;font-size:10px}.drum-graph-row{align-items:stretch;gap:6px;display:flex}.drum-graph-spacer{min-width:140px;max-width:140px}.drum-graph-bars{-webkit-user-select:none;user-select:none;touch-action:none;flex:1;gap:2px;min-width:0;height:72px;display:grid;position:relative}.drum-graph-bar{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:2px;height:100%;position:relative}.drum-graph-bar.beat{border-left:1px solid #00c8ff66}.drum-graph-bar-fill{pointer-events:none;border-radius:1px;position:absolute;left:1px;right:1px}.drum-graph-vcenter-line{pointer-events:none;border-left:1px dashed #ffffff2e;width:0;position:absolute;top:6px;bottom:6px;left:50%}.drum-graph-notch-tick{pointer-events:none;background:#ffffff12;height:1px;position:absolute;left:2px;right:2px}.drum-graph-tooltip{background:var(--bg1,#000);border:1px solid var(--neon);color:var(--neon);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;z-index:10;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;bottom:calc(100% + 4px);transform:translate(-50%)}.drum-row.graph-focused .drum-row-name{text-shadow:0 0 8px var(--track-color);font-weight:700}@media (max-width:720px) and (orientation:portrait){.drum-row-head,.drum-graph-spacer{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}.export-progress-wrap{background:#0a0e1a;border:1px solid #2a3a4a;border-radius:4px;flex-direction:column;flex-basis:100%;gap:4px;min-width:200px;padding:8px 12px;display:flex}.export-progress-label{color:#35ff69;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace;font-size:10px}.export-progress-track{background:#1a2035;border-radius:2px;height:4px;overflow:hidden}.export-progress-fill{background:#35ff69;border-radius:2px;height:100%;transition:width .15s}.chopper-view .btn-signout-export{font-family:var(--font-mono);letter-spacing:2px;color:#f67;text-shadow:0 0 5px #f356;border-color:#f357;border-radius:2px;padding:5px 12px;font-size:10px;transition:color .12s,border-color .12s,background .12s,box-shadow .12s}.chopper-view .btn-signout-export:hover{color:#f35;background:#ff335526;border-color:#f35;box-shadow:0 0 10px #f356}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-preset-save{min-width:64px;min-height:46px;image-rendering:pixelated;background-image:url(/terminator-app/themes/macos-floppy.png);background-position:50%;background-repeat:no-repeat;background-size:auto 88%;color:#0000!important;font-size:0!important}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);padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:radial-gradient(#0000006b 0%,#000000b3 100%);justify-content:center;align-items:center;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;margin:auto;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-spectrum-wrap{background:#000;border-radius:2px;height:120px;margin:0 6px 8px;position:relative;overflow:hidden;box-shadow:inset 1px 1px 2px #000,inset -1px -1px #2a2a38}.sb-spectrum-main{cursor:pointer;touch-action:none;width:100%;height:120px;display:block}.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-pitch{flex:none;align-items:center;gap:5px;display:flex}.sb-pitch-btn{background:var(--wa-face);width:18px;height:18px;color:var(--neon2);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;padding:0;font-size:13px;line-height:1}.sb-pitch-btn:hover:not(:disabled){color:#fff;text-shadow:0 0 6px var(--neon2)}.sb-pitch-btn:active:not(:disabled){box-shadow:inset -1px -1px 0 var(--wa-hi), inset 1px 1px 0 var(--wa-sh)}.sb-pitch-btn:disabled{opacity:.4;cursor:default}.sb-pitch-val{text-align:center;letter-spacing:.5px;min-width:40px;color:var(--neon);font-variant-numeric:tabular-nums;font-size:9px}.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:40dvh;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}.sb-us-hint{color:var(--text-dim);padding:6px 8px 6px 22px;font-size:9px;font-style:italic}.sb-row-del{text-align:center;width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex:none;padding:0;font-size:12px;line-height:14px}.sb-row-del:hover{color:#ff5230;text-shadow:0 0 6px #ff523099;border-color:#ff5230}.sb-us-row .sb-tname{cursor:pointer}.sb-yt-plhead{padding-left:16px;position:static}.sb-yt-row{padding-left:34px}.sb-yt-row .sb-tname{cursor:pointer}.sb-yt-add{background:#0000004d;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px 8px 22px;display:flex}.sb-yt-input{min-width:0;font-family:var(--font-mono);color:var(--neon);border:1px solid var(--neon-dim);background:#050508;border-radius:2px;flex:0 110px;padding:3px 6px;font-size:10px}.sb-yt-input.sb-yt-url{flex:150px}.sb-yt-input::placeholder{color:var(--text-dim)}.sb-yt-addbtn{font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;color:var(--neon2);background:color-mix(in srgb, var(--neon2) 10%, transparent);border:1px solid var(--neon2-dim);border-radius:2px;flex:none;padding:4px 10px;font-size:10px}.sb-yt-addbtn:hover:not(:disabled){background:color-mix(in srgb, var(--neon2) 22%, transparent);box-shadow:var(--glow2)}.sb-yt-addbtn:disabled{opacity:.4;cursor:default}.sb-yt-err{color:#ff5230;flex:1 0 100%;font-size:9px}@media (max-width:560px){.sb-lcd-time{min-width:54px;font-size:20px}.sb-spectrum{width:56px}.sb-browser{max-height:46dvh}}.pad-drag-over{opacity:.72;outline:2px solid #35ff69!important}.pad-loaded{background:#35ff6940!important}.waveform-drag-over{outline-offset:-3px;outline:2px solid #35ff69}.chopper-view[data-palette]{--bg:var(--hw-bg);--bg1:var(--hw-bg);--bg2:var(--hw-panel);--bg3:var(--hw-panel);--bg4:var(--hw-border);--neon:var(--hw-accent);--neon2:var(--hw-accent);--neon3:var(--hw-accent);--neon-dim:var(--hw-border);--neon2-dim:var(--hw-border);--text:var(--hw-text);--text-dim:var(--hw-muted);--border:var(--hw-border);--border-neon:var(--hw-border);--glow:none;--glow2:none}.tm-backdrop{z-index:9998;position:fixed;inset:0}.tm-menu{z-index:9999;background:var(--hw-panel,var(--bg2,#0a0a10));border:1px solid var(--hw-border,var(--border-neon,#0f85));font-family:"DM Mono", var(--font-mono,monospace);border-radius:6px;max-height:72vh;display:flex;overflow:hidden;box-shadow:0 8px 28px #00000080}.tm-col{flex-direction:column;flex:1;min-width:0;padding:6px;display:flex;overflow-y:auto}.tm-col+.tm-col{border-left:1px solid var(--hw-border,var(--border-neon,#0f85))}.tm-col-title{letter-spacing:2px;color:var(--hw-muted,var(--text-dim,#0b6));padding:2px 6px 6px;font-size:9px}.tm-item{text-align:left;cursor:pointer;letter-spacing:.3px;width:100%;color:var(--hw-text,var(--text,#b0ffd0));white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:4px;align-items:center;gap:7px;padding:5px 7px;font-family:inherit;font-size:10px;display:flex;overflow:hidden}.tm-item:hover{background:var(--hw-bg,var(--bg,#050508))}.tm-item.on{color:var(--hw-accent,var(--neon,#0f8));background:var(--hw-bg,var(--bg,#050508));font-weight:700}.tm-swatch{border:1px solid;border-radius:3px;flex:none;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.tm-swatch-dot{border-radius:50%;width:6px;height:6px}