.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);align-items:center;gap:10px;margin:0 0 6px 2px;font-size:11px;display:flex}.mx-gainmatch{font:inherit;letter-spacing:1.5px;cursor:pointer;color:var(--hw-muted,#89a);background:#ffffff0a;border:1px solid #ffffff24;border-radius:3px;padding:2px 7px;font-size:9px}.mx-gainmatch:hover{color:#cfe3f5;border-color:#ffffff47}.mx-gainmatch.on{color:var(--hw-panel,#06131b);background:var(--neon,#35ff69);border-color:var(--neon,#35ff69);box-shadow:0 0 8px color-mix(in srgb, var(--neon,#35ff69) 55%, transparent)}.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{position:relative}.mx-strip-resize{cursor:col-resize;z-index:3;touch-action:none;width:6px;position:absolute;top:0;bottom:0;right:-3px}.mx-strip-resize:hover,.mx-strip-resize:active{background:color-mix(in srgb, var(--neon,#35ff69) 45%, transparent)}.mx-head{cursor:pointer;-webkit-user-select:none;user-select:none}.mx-strip-send{flex:8 74px;min-width:74px}.mx-strip-master{flex:11 96px;min-width:96px}.mx-size-s .mx-strip{flex:0 0 58px;min-width:58px}.mx-size-s .mx-strip-send{flex:0 0 56px;min-width:56px}.mx-size-s .mx-strip-master{flex:0 0 76px;min-width:76px}.mx-size-l .mx-strip{flex:0 0 132px;min-width:132px}.mx-size-l .mx-strip-send{flex:0 0 128px;min-width:128px}.mx-size-l .mx-strip-master{flex:0 0 152px;min-width:152px}.mx-sends-collapsed .mx-strip-send,.mx-size-s.mx-sends-collapsed .mx-strip-send,.mx-size-l.mx-sends-collapsed .mx-strip-send,.mx-sends-collapsed .mx-strip-send{flex:0 0 34px;min-width:34px}.mx-sends-collapsed .mx-strip-send .mx-fx-chain,.mx-sends-collapsed .mx-strip-send .mx-pan,.mx-sends-collapsed .mx-strip-send .mx-ms-row,.mx-sends-collapsed .mx-strip-send .mx-meter{display:none}.mx-sends-collapsed .mx-strip-send .mx-head-name{letter-spacing:0;font-size:8px}.mx-strip-sel{background:color-mix(in srgb, var(--neon,#35ff69) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--neon,#35ff69) 55%, transparent)}.mx-marquee{border:1px solid var(--neon,#35ff69);background:color-mix(in srgb, var(--neon,#35ff69) 14%, transparent);pointer-events:none;z-index:40}.mx-size-ctl{gap:2px;display:inline-flex}.mx-size-btn{min-width:18px;padding:2px 4px}.mx-console-ctl{align-items:center;gap:2px;display:inline-flex}.mx-console-amt{width:64px;height:10px;accent-color:var(--neon,#35ff69);cursor:pointer;margin:0 2px 0 6px}.mx-console-amt-val{letter-spacing:1px;text-align:right;min-width:18px;color:var(--hw-muted,#89a);font-size:9px}.mx-sel-count{letter-spacing:1px;color:var(--neon,#35ff69);align-items:center;gap:6px;font-size:9px;display:inline-flex}.mx-head{border-radius:3px;justify-content:center;align-items:center;width:100%;height:22px;transition:transform 60ms ease-out,box-shadow 60ms ease-out,filter 60ms ease-out;display:flex;overflow:hidden;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,inset 0 -2px 4px #00000059,0 2px #0000008c,0 3px 4px #00000059}.mx-head:hover{filter:brightness(1.08)}.mx-strip-sel .mx-head{filter:brightness(.82)saturate(1.1);transform:translateY(1px);box-shadow:inset 0 2px 3px #0000008c,inset 0 -1px #ffffff1a,inset 0 0 0 1px #00000059,0 0 #0000}.mx-strip-sel .mx-head:hover{filter:brightness(.9)saturate(1.1)}.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 35% 28%, color-mix(in srgb, var(--hw-panel,#3a4258) 78%, white) 0%, color-mix(in srgb, var(--hw-panel,#3a4258) 90%, black) 55%, color-mix(in srgb, var(--hw-panel,#3a4258) 72%, black) 100%);border:1px solid color-mix(in srgb, black 38%, var(--hw-border,#2a3142));border-radius:50%;width:26px;height:26px;position:relative;box-shadow:0 2px 4px #00000047,inset 0 1px #ffffff29}.mx-knob:before,.mx-knob:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-3.5px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.mx-knob:before{background:conic-gradient(from -135deg, color-mix(in srgb, var(--hw-text,#c9d4e2) 14%, transparent) 0 270deg, transparent 270deg 360deg)}.mx-knob:after{background:conic-gradient(from var(--a0,-135deg), var(--arc-col,var(--neon,#35ff69)) 0 var(--asw,0deg), transparent var(--asw,0deg) 360deg)}.mx-knob-dot{transform-origin:50% 11px;border-radius:2px;width:2.5px;height:9px;margin-left:-1.25px;position:absolute;top:2px;left:50%;box-shadow:0 0 3px #00000059}.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:color-mix(in srgb, var(--hw-bg,#0a0e1a) 55%, black);border-radius:3px;width:5px;margin-left:-2.5px;position:absolute;top:7px;bottom:7px;left:50%;box-shadow:inset 0 1px 3px #00000073,inset 0 0 0 1px #0000001f}.mx-fader-fill{border-radius:3px;position:absolute;bottom:0;left:0;right:0}.mx-fader-unity{background:color-mix(in srgb, var(--hw-text,#c9d4e2) 30%, transparent);pointer-events:none;height:1px;position:absolute;left:-4px;right:-4px}.mx-fader-thumb{background:linear-gradient(#4a4f48 0%,#33372f 45%,#272b24 55%,#31352e 100%);border:1px solid #0009;border-radius:4px;width:22px;height:14px;margin-left:-11px;position:absolute;left:50%;box-shadow:0 2px 5px #00000073,inset 0 1px #ffffff38}.mx-fader-thumb:after{content:"";background:var(--cap-line,var(--hw-accent,#35ff69));height:1.5px;box-shadow:0 0 4px color-mix(in srgb, var(--cap-line,var(--hw-accent,#35ff69)) 60%, transparent);border-radius:1px;margin-top:-1px;position:absolute;top:50%;left:3px;right:3px}.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}.mx-fader-midi-dot{pointer-events:none;margin-left:0;position:absolute;top:2px;right:2px}.mx-fader-learn-hint{white-space:nowrap;letter-spacing:.4px;color:var(--hw-accent,#e7a977);pointer-events:none;font-size:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.mx-sc-gr{align-items:center;min-width:44px}.mx-sc-gr .mx-param-val{font-variant-numeric:tabular-nums;color:var(--hw-accent,#e7a977)}.mx-fx-copy-ghost{z-index:60;pointer-events:none;letter-spacing:.04em;color:var(--hw-text,#c9d4e2);background:color-mix(in srgb, var(--hw-panel,#1f2a3d) 85%, black);border:1px solid var(--neon,#35ff69);box-shadow:0 2px 8px #00000080, 0 0 6px color-mix(in srgb, var(--neon,#35ff69) 40%, transparent);white-space:nowrap;border-radius:3px;padding:2px 6px;font-family:DM Mono,monospace;font-size:9px}.mx-fx-copy-hint{color:var(--hw-muted,#8a99ad)}.mx-fx-chain.mx-fx-copy-over{outline:1px dashed var(--neon,#35ff69);outline-offset:1px;border-radius:3px}.mx-fx-chain.mx-fx-copy-full{outline-offset:1px;border-radius:3px;outline:1px dashed #f44}.mx-strip--narrow .mx-meter-fader-row{position:relative}.mx-strip--narrow .mx-meter{flex:auto;width:100%;min-width:0}.mx-strip--narrow .mx-fader-col{position:absolute;inset:0}.mx-strip--narrow .mx-fader-track{opacity:0}.mx-strip--narrow .mx-fader-unity{opacity:.9;left:2px;right:2px}.mx-strip--narrow .mx-fader-thumb{width:auto;height:7px;box-shadow:0 1px 3px #00000080, 0 0 0 1px color-mix(in srgb, var(--cap-line,var(--hw-accent,#35ff69)) 55%, transparent);background:linear-gradient(#ffffff59,#ffffff1f);border:1px solid #0000008c;border-radius:2px;margin-left:0;left:1px;right:1px}.mx-strip--narrow .mx-fader-thumb:after{height:1.5px;left:2px;right:2px}.mx-strip--narrow .mx-fader-bubble{top:-18px}.mx-lufs-clickable{cursor:pointer}.mx-lufs-clickable:hover{border-color:var(--hw-accent,#35ff69)}.lp-backdrop{z-index:10050;background:#0009;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.lp-panel{box-sizing:border-box;background:var(--hw-bg,#06090f);width:min(760px,100%);max-height:94dvh;color:var(--hw-text,#cfe3d6);border:1px solid var(--hw-border,#1d2942);border-radius:8px;padding:12px 14px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;overflow:auto;box-shadow:0 24px 60px #0009}.lp-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.lp-title{letter-spacing:2px;color:var(--hw-accent,#35ff69);flex:1;font-size:12px}.lp-tag{letter-spacing:1px;border:1px solid;border-radius:3px;padding:2px 6px;font-size:9px}.lp-tag.ok{color:var(--hw-accent,#35ff69)}.lp-tag.warn{color:#e7a977}.lp-btn{border:1px solid var(--hw-border,#1d2942);color:var(--hw-muted,#8aa0b8);font:inherit;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:3px;padding:4px 8px;font-size:10px}.lp-btn.on{color:var(--hw-accent,#35ff69);border-color:var(--hw-accent,#35ff69)}.lp-close{border:1px solid var(--hw-border,#1d2942);color:var(--hw-muted,#8aa0b8);cursor:pointer;background:0 0;border-radius:4px;width:26px;height:26px;font-size:14px}.lp-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lp-cell{border:1px solid var(--hw-border,#1d2942);background:#ffffff08;border-radius:6px;padding:8px 10px}.lp-k{letter-spacing:2px;color:var(--hw-muted,#6c7a8c);font-size:9px}.lp-big{color:var(--hw-text,#e6f1ea);font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;line-height:1.1}.lp-big.ok{color:var(--hw-accent,#35ff69)}.lp-big.hot{color:#ff5b4a}.lp-big.low{color:#e7a977}.lp-u{color:var(--hw-muted,#8aa0b8);margin-top:3px;font-size:9.5px}.lp-corr{align-items:center;gap:10px;margin:10px 0 8px;display:flex}.lp-corr-track{border:1px solid var(--hw-border,#1d2942);background:linear-gradient(90deg,#ff5b4a33,#0000 50%,#35ff6933);border-radius:7px;flex:1;height:14px;position:relative}.lp-corr-track span{color:var(--hw-muted,#6c7a8c);font-size:9px;position:absolute;top:-1px}.lp-corr-neg{left:4px}.lp-corr-zero{left:50%;transform:translate(-50%)}.lp-corr-pos{right:4px}.lp-corr-dot{background:var(--hw-accent,#35ff69);width:10px;height:10px;box-shadow:0 0 6px var(--hw-accent,#35ff69);border-radius:50%;transition:left 80ms linear;position:absolute;top:1px;transform:translate(-50%)}.lp-corr-val{text-align:right;font-variant-numeric:tabular-nums;width:44px}.lp-spec-head{align-items:center;gap:6px;margin-top:4px;display:flex}.lp-spec-head .lp-k{flex:1}.lp-spec{border:1px solid var(--hw-border,#1d2942);background:#00000059;border-radius:6px;width:100%;height:220px;margin-top:6px;display:block}.lp-bands{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px;display:grid}.lp-band{flex-direction:column;align-items:center;gap:3px;display:flex}.lp-band-bar{border:1px solid var(--hw-border,#1d2942);background:#0000004d;border-radius:3px;width:100%;height:44px;position:relative;overflow:hidden}.lp-band-fill{background:var(--hw-accent,#35ff69);opacity:.75;height:4%;transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.lp-band-v{font-variant-numeric:tabular-nums;font-size:10px}.lp-band-n{letter-spacing:1px;color:var(--hw-muted,#6c7a8c);font-size:8.5px}@media (max-width:720px){.lp-grid{grid-template-columns:1fr 1fr}.lp-big{font-size:20px}.lp-spec{height:160px}}.bass-section{--bass-accent:var(--hw-accent,var(--neon,#0f8));--bass-ink:var(--hw-text,var(--text,#b0ffd0));--bass-dim:var(--hw-muted,var(--text-dim,#0b6));--bass-panel:var(--hw-panel,var(--bg2,#0a0a10));--bass-pad:var(--hw-pad,var(--bg3,#0f0f18));--bass-border:var(--hw-border,var(--border-neon,#0f85));--bass-line:color-mix(in srgb, var(--bass-ink) 10%, transparent);background:var(--bass-panel);border:1px solid var(--bass-border);color:var(--bass-ink);font-family:var(--font-mono);border-top:0;flex-direction:column;gap:6px;padding:8px;display:flex}.bass-head,.bass-roll-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bass-sep{background:var(--bass-border);width:1px;height:18px;margin:0 2px}.bass-field{letter-spacing:.08em;color:var(--bass-dim);text-transform:uppercase;align-items:center;gap:4px;font-size:9px;display:inline-flex}.bass-field select{font-family:var(--font-mono);background:var(--bass-pad);color:var(--bass-ink);border:1px solid var(--bass-border);border-radius:3px;padding:2px 4px;font-size:10px}.bass-hint{color:var(--bass-dim);opacity:.8;letter-spacing:.02em;margin-left:auto;font-size:9px}.bb{font-family:var(--font-mono);letter-spacing:.5px;border:1px solid var(--bass-border);color:var(--bass-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:3px 8px;font-size:10px;line-height:1.3}.bb:hover{color:var(--bass-accent);border-color:var(--bass-accent)}.bb.on{background:var(--bass-accent);border-color:var(--bass-accent);color:var(--bass-panel);box-shadow:0 0 8px color-mix(in srgb, var(--bass-accent) 60%, transparent)}.bb:disabled{opacity:.4;cursor:default}.bb:disabled:hover{color:var(--bass-dim);border-color:var(--bass-border)}.bb-sq{padding:2px 6px;font-size:9px}.bb-play{padding:2px 12px;font-size:12px}.bb-rec.on{background:var(--rec,#ff5230);border-color:var(--rec,#ff5230);box-shadow:0 0 10px var(--rec,#ff5230);color:#fff}.bb-midi.on{background:var(--neon2,#0cf);border-color:var(--neon2,#0cf)}.bass-meter{--lvl:0%;border:1px solid var(--bass-border);background:var(--bass-pad);border-radius:2px;width:90px;height:10px;margin-left:auto;position:relative;overflow:hidden}.bass-meter i{width:var(--lvl);background:linear-gradient(90deg, var(--bass-accent), color-mix(in srgb, var(--bass-accent) 60%, #fc0));transition:width 40ms linear;position:absolute;top:0;bottom:0;left:0}.bass-meter.hot{border-color:var(--danger,#ff003c)}.bass-meter:after{content:attr(data-voices);color:var(--bass-dim);font-size:8px;position:absolute;top:-1px;right:3px}.bass-panel{border:1px solid var(--bass-border);background:linear-gradient(180deg, color-mix(in srgb, var(--bass-pad) 80%, #000) 0%, var(--bass-pad) 100%);border-radius:4px;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.bm{border:1px solid var(--bass-border);background:color-mix(in srgb, var(--bass-panel) 70%, transparent);border-radius:4px;flex-direction:column;min-width:0;display:flex}.bm-title{font-family:var(--font-hud,var(--font-mono));letter-spacing:.18em;color:var(--bass-accent);border-bottom:1px solid var(--bass-border);align-items:baseline;gap:6px;padding:3px 8px;font-size:9px;display:flex}.bm-sub{font-family:var(--font-mono);letter-spacing:.06em;color:var(--bass-dim);text-transform:lowercase;font-size:8px}.bm-body{align-items:flex-end;gap:4px;padding:6px 6px 4px;display:flex}.bm-col{flex-direction:column;align-self:center;gap:3px;display:flex}.bm-waves{gap:1px;display:flex}.bm-waves .bb-wave{min-width:20px;padding:1px 4px;font-size:11px;line-height:1.1}.bm-range{gap:1px;display:flex}.bm-range .bb-range{min-width:20px;padding:1px 4px;font-size:8px}.bk{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex}.bk-dial{--a0:-135deg;--asw:0deg;cursor:ns-resize;background:conic-gradient(from var(--a0), var(--bass-accent) 0 var(--asw), transparent var(--asw) 360deg), conic-gradient(from 225deg, color-mix(in srgb, var(--bass-ink) 14%, transparent) 0 270deg, transparent 270deg 360deg);border-radius:50%;position:relative}.bk-cap{background:radial-gradient(circle at 40% 35%,#3a3a3f,#141418 70%,#0a0a0c);border-radius:50%;position:absolute;inset:15%;box-shadow:0 1px 2px #000000b3,inset 0 0 0 1px #ffffff0d}.bk-cap i{background:var(--bass-accent);width:2px;height:34%;box-shadow:0 0 4px var(--bass-accent);border-radius:1px;margin-left:-1px;position:absolute;top:8%;left:50%}.bk-val{color:var(--bass-ink);background:var(--bass-panel);border:1px solid var(--bass-border);pointer-events:none;white-space:nowrap;z-index:3;border-radius:2px;padding:0 4px;font-size:9px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bk-label{letter-spacing:.08em;color:var(--bass-dim);white-space:nowrap;font-size:8px}.bk-cc{color:var(--neon2,#0cf);margin-left:3px}.bk.learning .bk-dial{outline:1px dashed var(--neon2,#0cf);outline-offset:2px;animation:.8s infinite bk-blink}@keyframes bk-blink{50%{outline-color:#0000}}.bass-seqs{align-items:center;gap:3px;display:inline-flex}.bass-seq-lbl{letter-spacing:.08em;color:var(--bass-accent);text-align:center;min-width:58px;font-size:10px}.bass-seq-lbl small{color:var(--bass-dim);font-size:8px}.bass-grids{gap:2px;display:inline-flex}.pr-wrap{border:1px solid var(--bass-border);border-radius:3px;outline:none;position:relative;overflow:hidden}.pr-wrap:focus-within{border-color:var(--bass-accent)}.pr-canvas{width:100%;display:block}.pr-scroll{opacity:.75;flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;right:4px}.pr-scroll .bb{background:var(--bass-panel);padding:1px 5px;font-size:8px}.bk-dial{touch-action:none}.bass-section.compact .bass-hint{display:none}.bass-section.compact .bm-body{gap:2px;padding:4px 4px 2px}.bass-section.compact .bb{padding:5px 8px;font-size:10px}.bass-section.compact .bb-sq{padding:4px 6px;font-size:9px}.bass-section.compact .bass-field select{padding:4px;font-size:11px}.bass-tools{gap:2px;display:inline-flex}.bb-learn.on{background:var(--neon2,#0cf);border-color:var(--neon2,#0cf)}.bk.learnmode .bk-dial{cursor:pointer;outline-offset:2px;outline:2px dashed #ffffffd9;animation:.9s infinite bk-learn-white}.bk.learnmode.mapped .bk-dial{outline-color:#35ff69;animation:.9s infinite bk-learn-green}.bk.learnmode.learning .bk-dial{outline-style:solid;outline-color:var(--neon2,#0cf);animation:.35s infinite bk-blink}@keyframes bk-learn-white{50%{outline-color:#ffffff26}}@keyframes bk-learn-green{50%{outline-color:#35ff6926}}.bk-val-cc{font-size:8px;top:auto;bottom:-14px}.bk-mod{background:var(--bass-accent);width:12px;height:12px;color:var(--bass-panel);text-align:center;box-shadow:0 0 4px var(--bass-accent);border-radius:50%;font-size:8px;font-weight:800;line-height:12px;position:absolute;top:-3px;right:-3px}.km-backdrop{z-index:9998;position:fixed;inset:0}.km-menu{z-index:9999;background:var(--hw-panel,var(--bg2,#0a0a10));color:var(--hw-text,var(--text,#b0ffd0));border:1px solid var(--hw-border,var(--border-neon,#0f85));font-family:var(--font-mono);border-radius:6px;padding:4px;position:fixed;box-shadow:0 8px 28px #00000080}.km-title{letter-spacing:.16em;color:var(--hw-accent,var(--neon,#0f8));border-bottom:1px solid var(--hw-border,var(--border-neon,#0f85));margin-bottom:3px;padding:4px 8px 5px;font-size:9px}.km-sub{letter-spacing:.14em;opacity:.7;padding:4px 8px 2px;font-size:8px}.km-sep{background:var(--hw-border,var(--border-neon,#0f85));height:1px;margin:3px 0}.km-item{text-align:left;width:100%;color:inherit;font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px;font-size:11px;display:flex}.km-item small{opacity:.6;font-size:8px}.km-item:hover{background:var(--hw-border,var(--bg,#050508))}.km-item.on{color:var(--hw-accent,var(--neon,#0f8));font-weight:700}.km-item:disabled{opacity:.35;cursor:default}.bm-mod{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.bm-modsrc{border:1px solid var(--bass-border);border-radius:3px;min-width:150px;padding:3px 4px}.bm-modsrc-head{letter-spacing:.14em;color:var(--bass-accent);align-items:baseline;gap:6px;padding:1px 2px 3px;font-size:8px;display:flex}.bm-modsrc-body{flex-wrap:wrap;align-items:flex-end;gap:4px;display:flex}.bm-modtargets{border-left:1px solid var(--bass-border);flex-wrap:wrap;align-items:flex-end;gap:3px;padding-left:5px;display:flex}.bm-modtargets-empty{color:var(--bass-dim);opacity:.8;align-self:center;max-width:120px;font-size:8px;line-height:1.3}.bm-modtarget{align-items:flex-end;gap:1px;display:flex}.bm-modtarget .bk-label{text-overflow:ellipsis;max-width:46px;overflow:hidden}.bm-modx{align-self:flex-start;padding:1px 4px;font-size:8px}.bm-waves .bb-wave-svg{width:14px;height:9px;display:block}.bm-waves .bb-morph{font-size:12px}.bm-morph{flex-direction:column;align-items:center;gap:2px;display:flex}.bm-scope{border:1px solid var(--bass-line,#ffffff1f);background:#00000059;border-radius:3px;width:72px;height:28px;display:block}.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)}.hw-hdr-help{color:var(--hw-accent,var(--hw-amber));font-weight:700}@media (pointer:coarse){.hw-hdr-help{width:44px;height:34px;font-size:16px}}.hw-machine.hw-landscape .hw-ls-help{color:var(--hw-accent,var(--hw-dbright));border-right:none;border-left:1px solid var(--hw-border,#1a1a1a);flex:0 0 44px;font-size:13px;font-weight:700}.hw-sc-midi .midi-latency{border-color:var(--hw-border,#2a3255);height:18px;color:var(--hw-muted,#8a93b5);margin-left:6px;padding:0 5px;font-size:9px}.hw-bass-skin{min-height:100%}.hw-bass-skin .bass-section{border:0;gap:6px;padding:6px}.hw-machine:not([data-palette]) .hw-bass-skin .bass-section{--bass-accent:var(--hw-dbright,#35ff69);--bass-ink:#cfe;--bass-dim:#6f9;--bass-panel:#000;--bass-pad:#061008;--bass-border:#35ff6959}.hw-bass-skin .bass-panel{gap:4px;padding:4px}.hw-bass-skin .bm-title{font-size:8px}.hw-bass-skin .bass-head,.hw-bass-skin .bass-roll-bar{gap:4px}.hw-bass-skin .bass-meter{width:60px}.hw-bass-skin .pr-wrap{max-width:100%}.hw-bass-skin .bass-field select{-webkit-appearance:menulist;appearance:auto;background:var(--bass-panel)!important;color:var(--bass-ink)!important;border:1px solid var(--bass-border)!important}.hw-lufs{font-family:var(--hw-font-mono);background:var(--hw-panel,#000c04e6);border:1px solid var(--hw-border,#35ff6933);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:2px;flex-shrink:0;align-items:baseline;gap:3px;margin:0 0 2px;padding:2px 6px;font-size:8px;display:flex}.hw-lufs:active{border-color:var(--hw-accent,var(--hw-dbright))}.hw-lufs-k{color:var(--hw-muted,var(--hw-ddim));letter-spacing:1px;font-size:7px}.hw-lufs-v{color:var(--hw-text,var(--hw-dtext));font-variant-numeric:tabular-nums;min-width:26px;margin-right:4px}.hw-lufs-tp{color:var(--hw-accent,var(--hw-dbright))}.hw-lufs-unit{color:var(--hw-muted,var(--hw-ddim));letter-spacing:1px;margin-left:auto;font-size:7px}.hw-machine[data-screen-green] .hw-disp .hw-lufs{background:#000c04e6;border-color:#35ff6933}.hw-machine[data-screen-green] .hw-disp .hw-lufs-k,.hw-machine[data-screen-green] .hw-disp .hw-lufs-unit{color:var(--hw-ddim,#16883a)}.hw-machine[data-screen-green] .hw-disp .hw-lufs-v{color:var(--hw-dtext,#26d64e)}.hw-machine[data-screen-green] .hw-disp .hw-lufs-tp{color:var(--hw-dbright,#35ff69)}.hw-rec{position:relative;overflow:hidden}.hw-rec.rec{color:#ff8068;text-shadow:none;border-color:#ff503c99}.hw-rec-lvl{pointer-events:none;background:#ff503c47;width:0;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.hw-rec-txt{z-index:1;font-variant-numeric:tabular-nums;position:relative}.hw-pad-dropdown .hw-pad-dropdown-item{box-sizing:border-box;text-align:left;width:100%;color:var(--hw-text,var(--hw-dtext));font-family:var(--hw-font-mono);letter-spacing:1px;cursor:pointer;border-radius:2px;padding:6px 8px;font-size:9px;display:block}.hw-pad-dropdown .hw-pad-dropdown-item:active{background:var(--hw-border,#35ff691f)}.hw-pad-src{pointer-events:none;background:var(--led);height:4px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--led) 55%, transparent), inset 0 1px 0 #fff6, 0 1px 1px #00000059;border-radius:3px;position:absolute;top:5px;left:8px;right:8px}.hw-pad-src-start{border-top-right-radius:0;border-bottom-right-radius:0;right:6px}.hw-pad-src-mid{border-radius:0;left:6px;right:6px}.hw-pad-src-end{border-top-left-radius:0;border-bottom-left-radius:0;left:6px}.hw-machine[data-finish="4k"]{--ldx:-.5;--ldy:-.7;--lang:155deg;--m-base:var(--hw-panel,#242b42);--m-hi:color-mix(in oklab, var(--m-base) 64%, white);--m-mid:var(--m-base);--m-lo:color-mix(in oklab, var(--m-base) 66%, black);--m-deep:color-mix(in oklab, var(--m-base) 34%, black);--m-ink:var(--hw-text,#d9e2f2);--m-acc:var(--hw-accent,#35ff69);--m-room:var(--hw-bg,#23211e);--bev-hi:#ffffff80;--bev-lo:#0000006b;--bevel:inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-hi), inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-lo);--grain:repeating-linear-gradient(var(--lang), #ffffff08 0 1px, #00000008 1px 2px);background:var(--grain), linear-gradient(180deg, color-mix(in oklab, var(--m-room) 86%, white) 0%, var(--m-room) 22%, color-mix(in oklab, var(--m-room) 72%, black) 100%);-webkit-font-smoothing:antialiased}.hw-machine[data-finish="4k"] .hw-pads-outer,.hw-machine[data-finish="4k"] .hw-transport,.hw-machine[data-finish="4k"] .hw-resize-handle{background:0 0}.hw-machine[data-finish="4k"] .hw-disp{border:1px solid var(--m-deep);border-radius:8px;box-shadow:inset 0 2px 10px #0000008c,inset 0 1px #0009,0 1px #ffffff24}.hw-machine[data-finish="4k"] .hw-pad{background:radial-gradient(60% 45% at calc(50% + var(--ldx) * 25%) calc(28% + var(--ldy) * 12%), #ffffff40 0%, transparent 70%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 40%, var(--m-lo) 100%);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 3px 8px #0006;border-radius:8px;transition:transform 60ms ease-out,filter 60ms ease-out}.hw-machine[data-finish="4k"] .hw-pad.filled{background:radial-gradient(60% 45% at calc(50% + var(--ldx) * 25%) calc(28% + var(--ldy) * 12%), #ffffff38 0%, transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--hw-pad,var(--m-mid)) 78%, white) 0%, color-mix(in oklab, var(--hw-pad,var(--m-mid)) 92%, var(--m-mid)) 40%, color-mix(in oklab, var(--hw-pad,var(--m-mid)) 70%, black) 100%);border-color:var(--m-deep)}.hw-machine[data-finish="4k"] .hw-pad-num{color:color-mix(in srgb, var(--m-ink) 45%, transparent);text-shadow:0 1px #ffffff2e}.hw-machine[data-finish="4k"] .hw-pad-menu-btn{color:color-mix(in srgb, var(--m-ink) 45%, transparent)}.hw-machine[data-finish="4k"] .hw-pad:active{box-shadow:inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-hi), inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-lo), 0 1px 2px #0000004d;border-bottom-width:1px;border-right-width:1px;transform:translateY(2px)}.hw-machine[data-finish="4k"] .hw-pad.lit{background:radial-gradient(70% 60% at 50% 35%, color-mix(in srgb, var(--m-acc) 55%, transparent) 0%, transparent 75%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 40%, var(--m-lo) 100%)!important;border:1px solid color-mix(in oklab, var(--m-acc) 70%, black)!important;box-shadow:var(--bevel), inset 0 0 0 1px var(--m-acc), inset 0 0 16px color-mix(in srgb, var(--m-acc) 45%, transparent), 0 0 14px color-mix(in srgb, var(--m-acc) 40%, transparent)!important}.hw-machine[data-finish="4k"] .hw-pad.lit .hw-pad-num{color:var(--m-ink)!important}.hw-machine[data-finish="4k"] .hw-tab,.hw-machine[data-finish="4k"] .hw-tbtn,.hw-machine[data-finish="4k"] .hw-sc-btn,.hw-machine[data-finish="4k"] .hw-sc-stab,.hw-machine[data-finish="4k"] .hw-bank-btn,.hw-machine[data-finish="4k"] .hw-live-btn,.hw-machine[data-finish="4k"] .hw-hdr-icon,.hw-machine[data-finish="4k"] .hw-d-tap-btn,.hw-machine[data-finish="4k"] .hw-ls-tab,.hw-machine[data-finish="4k"] .hw-ls-tbtn{background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);color:var(--m-ink);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 2px 5px #00000059;text-shadow:0 1px #ffffff4d}.hw-machine[data-finish="4k"] .hw-tbtn{border-radius:5px}.hw-machine[data-finish="4k"] .hw-tab:active,.hw-machine[data-finish="4k"] .hw-tbtn:active,.hw-machine[data-finish="4k"] .hw-sc-btn:active,.hw-machine[data-finish="4k"] .hw-sc-stab:active,.hw-machine[data-finish="4k"] .hw-bank-btn:active,.hw-machine[data-finish="4k"] .hw-ls-tab:active{box-shadow:inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-hi), inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-lo), 0 1px 2px #0000004d}.hw-machine[data-finish="4k"] .hw-tab.on,.hw-machine[data-finish="4k"] .hw-sc-btn.on,.hw-machine[data-finish="4k"] .hw-sc-stab.on,.hw-machine[data-finish="4k"] .hw-bank-btn.on,.hw-machine[data-finish="4k"] .hw-live-btn.on,.hw-machine[data-finish="4k"] .hw-ls-tab--active,.hw-machine[data-finish="4k"] .hw-tbtn.playing{background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);color:var(--m-ink);border-color:color-mix(in oklab, var(--m-acc) 70%, black);box-shadow:var(--bevel), inset 0 0 0 1px var(--m-acc), inset 0 0 10px color-mix(in srgb, var(--m-acc) 35%, transparent), 0 0 10px color-mix(in srgb, var(--m-acc) 35%, transparent);text-shadow:0 1px #ffffff4d}.hw-machine[data-finish="4k"] .hw-tbtn.rec{color:#b03020;border-color:color-mix(in oklab, #cc2010 45%, var(--m-deep));text-shadow:0 1px #ffffff4d}.hw-machine[data-finish="4k"] .hw-tbtn.rec.armed{color:#fff0ec;background:radial-gradient(70% 60% at 50% 40%, #ff3c1ebf 0%, transparent 80%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);box-shadow:var(--bevel), inset 0 0 0 1px #ff4030, inset 0 0 12px #ff3c1e80, 0 0 14px #ff3c1e8c;text-shadow:0 0 6px #ff785ae6}.hw-machine[data-finish="4k"] .hw-tbtn.step.on{color:var(--m-ink);border-color:color-mix(in oklab, #cc8820 55%, var(--m-deep));box-shadow:var(--bevel), inset 0 0 0 1px #e7a040, inset 0 0 10px #e7a04066, 0 0 10px #e7a04066}.hw-machine[data-finish="4k"] .hw-sc-btn{border-radius:4px}.hw-machine[data-finish="4k"] .hw-sc-btn.red{color:#c03828;border-color:color-mix(in oklab, #cc3018 45%, var(--m-deep))}.hw-machine[data-finish="4k"] .hw-sc-btn.amber{color:#a06a20;border-color:color-mix(in oklab, #cc8820 45%, var(--m-deep))}.hw-machine[data-finish="4k"] .hw-sc-btn.pur{color:#7a48c0;border-color:color-mix(in oklab, #8040cc 45%, var(--m-deep))}.hw-machine[data-finish="4k"] .hw-sc-in,.hw-machine[data-finish="4k"] .hw-sc-select,.hw-machine[data-finish="4k"] .hw-mx-fdr,.hw-machine[data-finish="4k"] .hw-vu{border:1px solid var(--m-deep);box-shadow:inset 0 2px 6px #0006,0 1px #ffffff1f}.hw-machine[data-finish="4k"] .hw-pads-hdr{color:color-mix(in srgb, var(--m-ink) 60%, transparent)}.hw-machine[data-finish="4k"] .hw-pads-bpm{color:var(--m-ink)}.hw-machine[data-finish="4k"] .hw-resize-handle:before{opacity:.7}.hw-machine[data-finish="4k"] .hw-ls-pad{background:radial-gradient(60% 45% at calc(50% + var(--ldx) * 25%) calc(28% + var(--ldy) * 12%), #ffffff38 0%, transparent 70%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 40%, var(--m-lo) 100%);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 2px 5px #00000059}.hw-machine[data-finish="4k"] .hw-ls-pad--filled{background:radial-gradient(60% 45% at calc(50% + var(--ldx) * 25%) calc(28% + var(--ldy) * 12%), #fff3 0%, transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--hw-pad,var(--m-mid)) 78%, white) 0%, color-mix(in oklab, var(--hw-pad,var(--m-mid)) 92%, var(--m-mid)) 40%, color-mix(in oklab, var(--hw-pad,var(--m-mid)) 70%, black) 100%)}.hw-machine[data-finish="4k"] .hw-ls-pad--active{background:radial-gradient(70% 60% at 50% 35%, color-mix(in srgb, var(--m-acc) 55%, transparent) 0%, transparent 75%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 40%, var(--m-lo) 100%)!important;border:1px solid color-mix(in oklab, var(--m-acc) 70%, black)!important;box-shadow:var(--bevel), inset 0 0 0 1px var(--m-acc), 0 0 12px color-mix(in srgb, var(--m-acc) 40%, transparent)!important}@media (prefers-reduced-motion:reduce){.hw-machine[data-finish="4k"] .hw-pad,.hw-machine[data-finish="4k"] .hw-tbtn{transition:none}}.hw-pad-note{font-family:var(--hw-font-mono);letter-spacing:1px;color:var(--hw-text,var(--hw-dtext));pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex;position:absolute;inset:0}.hw-pad-note i{opacity:.55;align-self:flex-end;margin-left:1px;padding-bottom:30%;font-size:9px;font-style:normal}.hw-pad-bass-root{border-color:var(--hw-accent,var(--hw-dbright))}.hw-pad-bass-root .hw-pad-note{color:var(--hw-accent,var(--hw-dbright));text-shadow:0 0 8px var(--hw-dglow)}.hw-machine[data-palette] .hw-pad-bass-root .hw-pad-note{text-shadow:none}.hw-bass-keyrow{align-items:center;gap:3px;display:flex}.hw-bass-key{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);appearance:none;border-radius:3px;outline:none;padding:0 3px;font-size:8px}.hw-machine[data-finish="4k"] .hw-bass-key{background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);color:var(--m-ink);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 1px 2px #0000004d}@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;--stop:#f88;--stop-hi:#f44;--rec:#ff5230;--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;will-change:transform;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 4px);animation:8s steps(100,end) infinite scanMove;position:fixed;inset:0 0 -100px}@keyframes scanMove{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.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;position:relative;box-shadow:0 0 4px #ff008033}.btn-midi-learn.midi-learn-on:after{content:"";border-radius:inherit;pointer-events:none;will-change:opacity;animation:.8s steps(24,end) infinite alternate midi-learn-pulse;position:absolute;inset:-1px;box-shadow:0 0 12px #ff008099}@keyframes midi-learn-pulse{0%{opacity:0}to{opacity:1}}.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,.btn-chop-mode.trim-armed{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;background:color-mix(in srgb, var(--rec) 10%, transparent);border:1px solid color-mix(in srgb, var(--rec) 50%, transparent);color:var(--rec);cursor:pointer;text-shadow:0 0 6px color-mix(in srgb, var(--rec) 40%, transparent);padding:4px 10px;font-size:10px}.btn-record:hover{background:color-mix(in srgb, var(--rec) 20%, transparent)}.btn-record.on{background:color-mix(in srgb, var(--rec) 28%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--rec) 40%, transparent)}.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,.chopper-view[data-layout=mpc] .tt-gated-bass{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.pad-msel{outline:2px solid var(--neon3);outline-offset:-2px;box-shadow:0 0 10px color-mix(in srgb, var(--neon3) 60%, transparent), inset 0 0 10px color-mix(in srgb, var(--neon3) 25%, transparent)}.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}.input-q-group{align-items:center;gap:6px}.input-q-fader{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;border:1px solid var(--border-neon);border-radius:2px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.input-q-fader input[type=range]{width:70px;accent-color:var(--neon)}.input-q-val{min-width:22px;color:var(--neon);text-align:right}.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;background:color-mix(in srgb, var(--neon) 12%, transparent);border:1px solid color-mix(in srgb, var(--neon) 90%, transparent);color:var(--neon);text-shadow:0 0 8px var(--neon), 0 0 16px color-mix(in srgb, var(--neon) 60%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--neon) 35%, transparent), inset 0 0 8px color-mix(in srgb, var(--neon) 8%, transparent);cursor:pointer;margin-left:4px;padding:4px 8px;font-size:10px}.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 color-mix(in srgb, var(--neon) 30%, transparent)}.btn-preset-save:active:not(:disabled){background:color-mix(in srgb, var(--neon) 20%, transparent);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)}.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 color-mix(in srgb, var(--neon) 45%, transparent);color:color-mix(in srgb, var(--neon) 70%, var(--text,#ccc));background:#0000004d;padding:6px 18px;font-size:11px;font-weight:700;transition:box-shadow .12s,text-shadow .12s,color .12s,border-color .12s}.btn-transport-play.is-lit{border-color:var(--neon);color:var(--neon);text-shadow:0 0 8px var(--neon);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{border-color:color-mix(in srgb, var(--stop-hi) 45%, transparent);color:color-mix(in srgb, var(--stop) 70%, var(--text,#ccc))}.btn-transport-stop.is-lit{border-color:color-mix(in srgb, var(--stop-hi) 90%, transparent);color:var(--stop);text-shadow:0 0 8px var(--stop-hi), 0 0 16px color-mix(in srgb, var(--stop-hi) 60%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--stop-hi) 40%, transparent), inset 0 0 8px color-mix(in srgb, var(--stop-hi) 10%, transparent)}.btn-transport-stop:hover{color:var(--stop-hi);border-color:var(--stop-hi);box-shadow:0 0 12px color-mix(in srgb, var(--stop-hi) 50%, transparent)}.btn-transport-stop:active{background:color-mix(in srgb, var(--stop-hi) 25%, transparent);color:#fff;border-color:var(--stop-hi);box-shadow:0 0 16px var(--stop-hi), 0 0 6px var(--stop-hi) inset}.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-name-input.name-blink,.hw-sc-in.name-blink{animation:.3s ease-in-out 3 name-blink}@keyframes name-blink{0%,to{}50%{box-shadow:0 0 0 2px #ff3b308c,0 0 10px #ff3b3099;border-color:#ff3b30!important}}.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)!important;border-color:var(--neon)!important;color:var(--bg1)!important;box-shadow:0 0 10px color-mix(in srgb, var(--neon) 60%, transparent)!important}.btn-drum-pads.on:hover:not(:disabled){color:var(--bg1)!important;border-color:var(--neon)!important}.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.soft{position:relative;overflow:hidden;background:color-mix(in srgb, var(--cell-led) 28%, transparent)!important;box-shadow:none!important}.seq-cell.on.soft:before{content:"";height:calc(var(--vel,1) * 100%);background:var(--cell-led);opacity:.95;position:absolute;bottom:0;left:0;right:0}.seq-cell-vel{color:#fff;text-shadow:0 0 2px #000;pointer-events:none;z-index:1;font-size:8px;line-height:1;position:absolute;top:1px;left:2px}.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.has-ghost:after{content:"";border-bottom:2px dotted color-mix(in srgb, var(--neon) 70%, transparent);pointer-events:none;height:0;position:absolute;bottom:2px;left:15%;right:15%}.seq-cell.on.has-ghost:after{border-bottom-color:#0000008c}.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-addrow{grid-column:1/-1;padding:4px 0 2px}.drum-addrow-btn{letter-spacing:2px;width:100%;color:var(--hw-muted,#89a);cursor:pointer;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:4px;padding:5px 8px;font:700 10px/1 Bungee,sans-serif}.drum-addrow-btn:hover{color:var(--neon);border-color:color-mix(in srgb, var(--neon) 60%, transparent);background:color-mix(in srgb, var(--neon) 10%, transparent)}.drum-remove:hover{color:#ff5230}.drum-step.has-ghost:after{content:"";border-bottom:2px dotted color-mix(in srgb, var(--neon) 70%, transparent);pointer-events:none;height:0;position:absolute;bottom:2px;left:15%;right:15%}.drum-step{position:relative}.drum-grid .drum-step.on.has-ghost:after{border-bottom-color:#0000008c}.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] .bpm-display .bpm-label{color:#1a3eee!important;text-shadow:none!important}body[data-theme=sonic] .bpm-display .bpm-value{color:#1a1a1a;text-shadow:none}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] .btn-transport,body[data-theme=outrun] .btn-preset-save,body[data-theme=outrun] .btn-help,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] .btn-preset-save,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%)}body.tt-locked.tt-demo .tt-gated-seq,body.tt-locked.tt-demo .tt-gated-drums,body.tt-locked.tt-demo .tt-gated-bass{opacity:1;pointer-events:auto;filter:none}body.tt-locked.tt-demo .tt-gated-seq:after,body.tt-locked.tt-demo .tt-gated-drums:after,body.tt-locked.tt-demo .tt-gated-bass:after{display:none}body.tt-locked.tt-demo .tt-gated:not(.tt-gated-exportbar):after{content:"🔒 GET TERMINATOR"}body.tt-locked.tt-demo .tt-gated-presets,body.tt-locked.tt-demo .tt-gated-export,body.tt-locked.tt-demo .tt-gated-finishhim{pointer-events:auto}.tm-item.tm-locked{opacity:.4;cursor:pointer}.tm-item.tm-locked:hover{opacity:.6}.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;--stop:color-mix(in srgb, #f44 70%, var(--hw-text));--stop-hi:color-mix(in srgb, #f44 85%, var(--hw-text));--rec:color-mix(in srgb, #ff5230 60%, var(--hw-text))}.chopper-view[data-palette] .btn-transport{background:var(--hw-panel)}.chopper-view[data-palette] .btn-transport:hover{background:var(--hw-border)}.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,#b0ffd0));opacity:.85;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-border,var(--bg,#050508))}.tm-item.on{color:var(--hw-panel,#000);background:var(--hw-pad,var(--neon,#0f8));font-weight:700}body[data-theme^=macos] .tm-menu{background:#ddd;border:1px solid #000;border-radius:0;box-shadow:2px 2px #000}body[data-theme^=macos] .tm-col+.tm-col{border-left-color:#000}body[data-theme^=macos] .tm-col-title{color:#333;opacity:1}body[data-theme^=macos] .tm-item{color:#000;border-radius:0}body[data-theme^=macos] .tm-item:hover,body[data-theme^=macos] .tm-item.on{color:#fff;background:#000}body[data-theme^=macos] .tm-swatch{border-color:#000!important}body[data-theme^=macos] .mx-gainmatch.on{color:#fff}.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}.tt-tip{z-index:10050;pointer-events:none;background:var(--hw-panel,var(--bg2,#0a0a10));border:1px solid var(--hw-accent,var(--neon,#0f8));max-width:min(300px,90vw);color:var(--hw-text,var(--text,#b0ffd0));font-family:"DM Mono", var(--font-mono,monospace);letter-spacing:.2px;text-align:left;text-shadow:none;white-space:pre-line;border-radius:5px;padding:7px 10px;font-size:11.5px;line-height:1.45;animation:90ms ease-out tt-tip-in;position:fixed;transform:translate(-50%);box-shadow:0 6px 22px #0009}.tt-tip--above{transform:translate(-50%,-100%)}@keyframes tt-tip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tt-tip{animation:none}}.btn-help{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:15px;font-weight:700;line-height:1;transition:all .1s}.btn-help:hover{color:var(--bg1);background:var(--neon);box-shadow:var(--glow)}.tt-help-backdrop{z-index:10000;-webkit-backdrop-filter:blur(3px);background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tt-help-win{background:var(--hw-panel,var(--bg2,#0a0a10));border:1px solid var(--hw-accent,var(--neon,#0f8));width:min(620px,100%);max-height:min(760px,92vh);font-family:"DM Mono", var(--font-mono,monospace);color:var(--hw-text,var(--text,#b0ffd0));border-radius:7px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 48px #000000b3}.tt-help-hdr{border-bottom:1px solid var(--hw-border,var(--border-neon,#0f85));background:var(--hw-bg,var(--bg,#050508));flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.tt-help-brand{font-family:var(--font-hud);letter-spacing:3px;color:var(--hw-accent,var(--neon,#0f8));font-size:12px;font-weight:700}.tt-help-hdr-t{font-family:var(--font-hud);letter-spacing:3px;color:var(--hw-muted,var(--text-dim,#0b6));flex:1;margin:0;font-size:12px;font-weight:700}.tt-help-x{cursor:pointer;color:var(--hw-muted,var(--text-dim,#0b6));background:0 0;border:0;flex:none;width:30px;height:30px;font-size:17px;line-height:1}.tt-help-x:hover{color:var(--hw-accent,var(--neon,#0f8))}.tt-help-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:12px;overflow-y:auto}.tt-help-toggle{border:1px solid var(--hw-border,var(--border-neon,#0f85));background:var(--hw-bg,var(--bg,#050508));cursor:pointer;border-radius:5px;align-items:flex-start;gap:9px;margin:0 0 12px;padding:9px 10px;display:flex}.tt-help-toggle input{cursor:pointer;width:15px;height:15px;accent-color:var(--hw-accent,var(--neon,#0f8));margin:1px 0 0}.tt-help-toggle-t{flex-direction:column;gap:3px;display:flex}.tt-help-toggle-h{letter-spacing:1.5px;color:var(--hw-accent,var(--neon,#0f8));font-size:11px;font-weight:700}.tt-help-toggle-d{color:var(--hw-muted,var(--text-dim,#0b6));font-size:11px;line-height:1.45}.tt-help-searchbar{z-index:3;background:var(--hw-panel,var(--bg2,#0a0a10));border-bottom:1px solid var(--hw-border,var(--border-neon,#0f85));align-items:center;gap:7px;margin:-12px -12px 12px;padding:12px;display:flex;position:sticky;top:-12px}.tt-help-searchicon{color:var(--hw-muted,var(--text-dim,#0b6));font-size:15px;line-height:1}.tt-help-search{background:var(--hw-bg,var(--bg,#050508));border:1px solid var(--hw-border,var(--border-neon,#0f85));min-width:0;color:var(--hw-text,var(--text,#b0ffd0));letter-spacing:.3px;border-radius:4px;flex:1;padding:8px 10px;font-family:inherit;font-size:12px}.tt-help-search::placeholder{color:var(--hw-muted,var(--text-dim,#0b6));opacity:.75}.tt-help-search:focus{border-color:var(--hw-accent,var(--neon,#0f8));outline:none}.tt-help-search::-webkit-search-decoration{appearance:none}.tt-help-search::-webkit-search-cancel-button{appearance:none}.tt-help-searchx{cursor:pointer;color:var(--hw-muted,var(--text-dim,#0b6));background:0 0;border:0;flex:none;width:26px;height:26px;font-size:13px;line-height:1}.tt-help-searchx:hover{color:var(--hw-accent,var(--neon,#0f8))}.tt-help-count{letter-spacing:2px;color:var(--hw-muted,var(--text-dim,#0b6));padding:0 2px 2px;font-size:9px}.tt-help-none{text-align:center;color:var(--hw-muted,var(--text-dim,#0b6));padding:22px 14px;font-size:12px;line-height:1.6}.tt-help-mark{background:var(--hw-accent,var(--neon,#0f8));color:var(--hw-bg,var(--bg,#050508));border-radius:2px;padding:0 1px;font-weight:700}.tt-help-list{flex-direction:column;gap:5px;display:flex}.tt-help-row{text-align:left;background:var(--hw-bg,var(--bg,#050508));border:1px solid var(--hw-border,var(--border-neon,#0f85));cursor:pointer;border-radius:5px;flex-direction:column;gap:3px;width:100%;padding:9px 11px;font-family:inherit;transition:border-color .1s;display:flex}.tt-help-row:hover{border-color:var(--hw-accent,var(--neon,#0f8))}.tt-help-row-t{letter-spacing:.4px;color:var(--hw-text,var(--text,#b0ffd0));font-size:12.5px;font-weight:700}.tt-help-row-b{color:var(--hw-muted,var(--text-dim,#0b6));font-size:11px}.tt-help-back{cursor:pointer;letter-spacing:1.5px;color:var(--hw-muted,var(--text-dim,#0b6));background:0 0;border:0;margin:0 0 10px;padding:0;font-family:inherit;font-size:10.5px}.tt-help-back:hover{color:var(--hw-accent,var(--neon,#0f8))}.tt-help-title{font-family:var(--font-hud);letter-spacing:1px;color:var(--hw-accent,var(--neon,#0f8));margin:0 0 12px;font-size:15px;font-weight:700}.tt-help-h{letter-spacing:2px;color:var(--hw-muted,var(--text-dim,#0b6));margin:16px 0 7px;font-size:10px;font-weight:700}.tt-help-h:first-child{margin-top:0}.tt-help-p{color:var(--hw-text,var(--text,#b0ffd0));margin:0 0 10px;font-size:12px;line-height:1.6}.tt-help-k{flex-direction:column;gap:1px;margin:0 0 11px;display:flex}.tt-help-krow{border-radius:3px;grid-template-columns:minmax(90px,34%) 1fr;gap:10px;padding:6px 8px;display:grid}.tt-help-krow:nth-child(odd){background:var(--hw-bg,var(--bg,#050508))}.tt-help-krow dt{letter-spacing:.5px;color:var(--hw-accent,var(--neon,#0f8));word-break:break-word;font-size:11px;font-weight:700}.tt-help-krow dd{color:var(--hw-muted,var(--text-dim,#0b6));margin:0;font-size:11.5px;line-height:1.5}.tt-help-split{grid-template-columns:1fr 1fr;gap:6px;margin:0 0 11px;display:grid}.tt-help-half{background:var(--hw-bg,var(--bg,#050508));border:1px solid var(--hw-border,var(--border-neon,#0f85));border-radius:4px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.tt-help-half-h{letter-spacing:2px;color:var(--hw-accent,var(--neon,#0f8));font-size:9px;font-weight:700}.tt-help-half-d{color:var(--hw-muted,var(--text-dim,#0b6));font-size:11.5px;line-height:1.5}.tt-help-tipcard{border-left:2px solid var(--hw-accent,var(--neon,#0f8));background:var(--hw-bg,var(--bg,#050508));color:var(--hw-text,var(--text,#b0ffd0));border-radius:0 4px 4px 0;margin:12px 0 0;padding:9px 11px;font-size:11.5px;line-height:1.5}.tt-help-done{background:var(--hw-bg,var(--bg,#050508));border:0;border-top:1px solid var(--hw-border,var(--border-neon,#0f85));color:var(--hw-accent,var(--neon,#0f8));font-family:var(--font-hud);letter-spacing:2px;cursor:pointer;flex:none;margin:0;padding:11px;font-size:11px;font-weight:700}.tt-help-done:hover{background:var(--hw-accent,var(--neon,#0f8));color:var(--hw-bg,var(--bg,#050508))}@media (max-width:640px){.tt-help-backdrop{padding:0}.tt-help-win{border:0;border-radius:0;width:100%;height:100%;max-height:100%}.tt-help-x{width:44px;height:44px;font-size:20px}.tt-help-row{padding:12px}.tt-help-krow{grid-template-columns:1fr;gap:2px}.tt-help-split{grid-template-columns:1fr}.tt-help-search{padding:11px 12px;font-size:16px}.tt-help-searchx{width:40px;height:40px}.tt-help-done{padding:15px}}.midi-latency{border:1px solid var(--hw-border,var(--border-neon,#0f85));height:22px;color:var(--hw-muted,var(--text-dim,#0b6));font-family:var(--font-mono);letter-spacing:.5px;white-space:nowrap;cursor:help;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;padding:0 7px;font-size:10px;display:inline-flex}.midi-latency-partial{opacity:.62}:root{--ldx:-.5;--ldy:-.7;--lang:155deg}body[data-finish="4k"]{--m-base:var(--hw-panel,var(--bg2));--m-hi:color-mix(in oklab, var(--m-base) 64%, white);--m-mid:var(--m-base);--m-lo:color-mix(in oklab, var(--m-base) 66%, black);--m-deep:color-mix(in oklab, var(--m-base) 34%, black);--m-ink:var(--hw-text,var(--text));--m-acc:var(--hw-accent,var(--neon));--m-room:var(--hw-bg,var(--bg));--m-lcd:color-mix(in oklab, var(--m-acc) 55%, white);--bev-hi:#ffffff8c;--bev-lo:#0000006b;--bevel:inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-hi), inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-lo);--grain:repeating-linear-gradient(var(--lang), #ffffff08 0 1px, #00000008 1px 2px);--font-hud:"IBM Plex Mono", "DM Mono", ui-monospace, monospace;--font-mono:"IBM Plex Mono", "DM Mono", ui-monospace, monospace;--glow:none;--glow2:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}body[data-theme=platinum]{--bg:#0e0f12;--bg2:#d6d9de;--bg3:#c3c7cd;--bg4:#aeb3ba;--neon:#b8902e;--neon2:#8f6f22;--neon3:#b8902e;--neon-dim:#b8902e55;--neon2-dim:#8f6f2255;--text:#16181c;--text-dim:#4d525a;--border:#a9aeb5;--border-neon:#9aa0a8;--font-brand:-apple-system, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--hw-bg:#0e0f12;--hw-panel:#d6d9de;--hw-pad:#16181c;--hw-text:#16181c;--hw-accent:#b8902e;--hw-border:#a9aeb5;--hw-muted:#4d525a;--hw-faint:#7c828a;background:#0e0f12}body[data-metal=platinum]{--m-base:#d3d6db;--m-hi:#fbfbfc;--m-mid:#cfd3d8;--m-lo:#9aa0a8;--m-deep:#5b6169;--m-ink:#16181c;--m-acc:#b8902e;--m-room:#0e0f12;--spec-tint:255,255,255}body[data-theme=gold]{--bg:#100d07;--bg2:#d6b04c;--bg3:#c49c38;--bg4:#a98328;--neon:#f2f3f5;--neon2:#e6e8ec;--neon3:#f2f3f5;--neon-dim:#f2f3f555;--neon2-dim:#e6e8ec55;--text:#2a1c05;--text-dim:#5d4614;--border:#a98328;--border-neon:#8f6a17;--font-brand:-apple-system, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--hw-bg:#100d07;--hw-panel:#d9b552;--hw-pad:#2a1c05;--hw-text:#2a1c05;--hw-accent:#5d4614;--hw-border:#a98328;--hw-muted:#5d4614;--hw-faint:#8a6d2c;background:#100d07}body[data-metal=gold]{--m-base:#d9b552;--m-hi:#fff1bd;--m-mid:#d4ad48;--m-lo:#8f6a17;--m-deep:#4f3a0c;--m-ink:#2a1c05;--m-acc:#f2f3f5;--m-room:#100d07;--spec-tint:255,242,200}body[data-metal]{background:var(--m-room)}body[data-metal] .theme-overlay{background:radial-gradient(90% 70% at 28% 0%, rgba(var(--spec-tint), .08) 0%, transparent 60%), radial-gradient(120% 100% at 50% 100%, #00000080 0%, transparent 60%)}body[data-metal] .scanlines{display:none}.luxe-dust{z-index:10050;pointer-events:none;image-rendering:pixelated;position:fixed;inset:0}body[data-finish="4k"] .app-mode-bar,body[data-finish="4k"] .chopper-toolbar,body[data-finish="4k"] .preset-panel,body[data-finish="4k"] .record-panel,body[data-finish="4k"] .seq,body[data-finish="4k"] .drum-section,body[data-finish="4k"] .master-fx,body[data-finish="4k"] .extra-fx,body[data-finish="4k"] .chopper-waveform-wrap,body[data-finish="4k"] .pad-grid-wrap,body[data-finish="4k"] .mx-mixer,body[data-finish="4k"] .tm-menu{background:var(--grain), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 14%, var(--m-mid) 84%, var(--m-lo) 100%);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 1px 0 #ffffff0f, 0 10px 30px #0000006b;color:var(--m-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:6px}body[data-finish="4k"] .app-mode-bar{border-width:0 0 1px;border-radius:0}body[data-finish="4k"] .brand{font-family:var(--font-hud);letter-spacing:.22em;color:var(--m-ink);text-shadow:0 1px #ffffff59;font-weight:600}body[data-metal] .brand{color:var(--m-ink);text-shadow:0 1px 0 color-mix(in oklab, var(--m-hi) 85%, transparent), 0 -1px 0 #00000040, 0 2px 0 var(--m-acc);font-weight:700}body[data-metal] .brand-version{color:var(--m-acc);opacity:1;text-shadow:0 1px #ffffff59}body[data-finish="4k"] .chopper-section-header{background:var(--grain), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 30%, var(--m-lo) 100%);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 6px 16px #0000004d;color:var(--m-ink);font-family:var(--font-hud);letter-spacing:.14em;text-shadow:0 1px #ffffff59;border-radius:6px 6px 0 0;font-size:11px;font-weight:600}body[data-finish="4k"] .chopper-section-header .chopper-section-arrow{color:var(--m-acc)}body[data-finish="4k"] .toolbar-label,body[data-finish="4k"] .fx-label,body[data-finish="4k"] .knob-label,body[data-finish="4k"] .mix-label,body[data-finish="4k"] .seq-title,body[data-finish="4k"] .fx-section-title,body[data-finish="4k"] .timeline-title,body[data-finish="4k"] .drum-row-name,body[data-finish="4k"] .pad-bank-label{color:var(--m-ink);opacity:.82;font-family:var(--font-hud);letter-spacing:.08em;text-shadow:0 1px #ffffff4d;font-weight:500}body[data-finish="4k"] .fx-value,body[data-finish="4k"] .seq-count,body[data-finish="4k"] .timeline-count{color:var(--m-ink);font-family:var(--font-mono)}body[data-finish="4k"] .btn,body[data-finish="4k"] .btn-primary,body[data-finish="4k"] .btn-rec,body[data-finish="4k"] .btn-clear,body[data-finish="4k"] .btn-chop-mode,body[data-finish="4k"] .btn-tap-tempo,body[data-finish="4k"] .btn-metro,body[data-finish="4k"] .btn-export-run,body[data-finish="4k"] .btn-undo,body[data-finish="4k"] .btn-fx-toggle,body[data-finish="4k"] .extra-fx-toggle,body[data-finish="4k"] .btn-track,body[data-finish="4k"] .btn-transport,body[data-finish="4k"] .btn-preset-save,body[data-finish="4k"] .btn-browse,body[data-finish="4k"] .btn-record,body[data-finish="4k"] .btn-help,body[data-finish="4k"] .btn-swap,body[data-finish="4k"] .btn-eject,body[data-finish="4k"] .btn-export,body[data-finish="4k"] .btn-add-sample,body[data-finish="4k"] .btn-cache-dl,body[data-finish="4k"] .btn-cache-del,body[data-finish="4k"] .btn-cache-dir,body[data-finish="4k"] .mx-gainmatch,body[data-finish="4k"] .tm-finish-opt{background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);color:var(--m-ink);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 2px 5px #00000059;text-shadow:0 1px #ffffff59;font-family:var(--font-hud);letter-spacing:.04em;border-radius:5px;font-weight:500;transition:transform 90ms ease-out,filter 90ms ease-out}body[data-finish="4k"] .btn:hover:not(:disabled),body[data-finish="4k"] .btn-transport:hover,body[data-finish="4k"] .btn-preset-save:hover:not(:disabled),body[data-finish="4k"] .btn-browse:hover:not(:disabled),body[data-finish="4k"] .btn-record:hover,body[data-finish="4k"] .btn-help:hover,body[data-finish="4k"] .btn-rec:hover,body[data-finish="4k"] .btn-clear:hover,body[data-finish="4k"] .btn-chop-mode:hover,body[data-finish="4k"] .mx-gainmatch:hover,body[data-finish="4k"] .tm-finish-opt:hover{filter:brightness(1.06);color:var(--m-ink);background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 3px 8px #00000061}body[data-finish="4k"] .btn:active,body[data-finish="4k"] .btn-transport:active,body[data-finish="4k"] .btn-preset-save:active,body[data-finish="4k"] .btn-browse:active,body[data-finish="4k"] .btn-record:active,body[data-finish="4k"] .btn-help:active,body[data-finish="4k"] .btn-rec:active,body[data-finish="4k"] .btn-clear:active,body[data-finish="4k"] .btn-chop-mode:active,body[data-finish="4k"] .mx-gainmatch:active{filter:brightness(.96);color:var(--m-ink);box-shadow:inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-hi), inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-lo), inset 0 2px 6px #00000059;transform:translateY(1px)}body[data-finish="4k"] .btn.active,body[data-finish="4k"] .btn-rec.on,body[data-finish="4k"] .chop-mode-on,body[data-finish="4k"] .btn-fx-toggle.active,body[data-finish="4k"] .btn-metro.on,body[data-finish="4k"] .mx-gainmatch.on,body[data-finish="4k"] .tm-finish-opt.on{color:var(--m-ink);background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 46%, var(--m-lo) 100%);border-color:var(--m-deep);box-shadow:var(--bevel), inset 0 -3px 0 var(--m-acc), inset 0 -3px 8px color-mix(in oklab, var(--m-acc) 45%, transparent), 0 0 0 1px color-mix(in oklab, var(--m-acc) 55%, transparent), 0 0 12px color-mix(in oklab, var(--m-acc) 40%, transparent), 0 2px 5px #00000059}body[data-finish="4k"] .btn-transport-stop{color:var(--m-ink);border-color:var(--m-deep);text-shadow:0 1px #ffffff59;box-shadow:var(--bevel), inset 0 -3px 0 var(--stop-hi), 0 2px 5px #00000059}body[data-finish="4k"] .btn-transport-play{box-shadow:var(--bevel), inset 0 -3px 0 var(--m-acc), 0 2px 5px #00000059}body[data-finish="4k"] .btn-record{box-shadow:var(--bevel), inset 0 -3px 0 var(--rec), 0 2px 5px #00000059}body[data-finish="4k"] .btn-record.on{box-shadow:var(--bevel), inset 0 -3px 0 var(--rec), 0 0 12px color-mix(in oklab, var(--rec) 45%, transparent), 0 2px 5px #00000059}body[data-finish="4k"] .ctrl-select,body[data-finish="4k"] .bpm-input,body[data-finish="4k"] .bpm-display,body[data-finish="4k"] .preset-name-input{color:var(--m-lcd);border:1px solid var(--m-deep);box-shadow:inset calc(var(--ldx) * 1.5px) calc(var(--ldy) * 1.5px) 3px #0009, inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 #ffffff1a, 0 1px 0 #ffffff2e;text-shadow:none;font-family:var(--font-mono);background:linear-gradient(#0c0e11 0%,#06070a 100%);border-radius:4px}body[data-finish="4k"] .bpm-display .bpm-label{opacity:.6;color:var(--m-lcd)!important;text-shadow:none!important}body[data-finish="4k"] .bpm-display .bpm-value{color:var(--m-lcd);text-shadow:0 0 6px color-mix(in oklab, var(--m-lcd) 40%, transparent)}body[data-finish="4k"] .ctrl-select option{color:var(--m-lcd);background:#0c0e11}body[data-finish="4k"] .pad{background:radial-gradient(60% 45% at calc(50% + var(--ldx) * 25%) calc(28% + var(--ldy) * 12%), #ffffff47 0%, transparent 70%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 40%, var(--m-lo) 100%);-webkit-backdrop-filter:none;border:1px solid var(--m-deep);color:var(--m-ink);box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 3px 8px #0006;text-shadow:0 1px #ffffff4d;border-radius:7px;transition:transform 60ms ease-out,filter 60ms ease-out}body[data-finish="4k"] .pad .pad-key,body[data-finish="4k"] .pad .pad-num{color:var(--m-ink)}body[data-finish="4k"] .pad:hover{filter:brightness(1.05)}body[data-finish="4k"] .pad.pad-active,body[data-finish="4k"] .pad.pad-selected,body[data-finish="4k"] .pad.pad-triggering{box-shadow:inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-hi), inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-lo), inset 0 0 0 1px var(--m-acc), inset 0 0 14px color-mix(in oklab, var(--m-acc) 55%, transparent), 0 0 14px color-mix(in oklab, var(--m-acc) 45%, transparent);animation:none;transform:translateY(1px)}body[data-finish="4k"] .seq-cell,body[data-finish="4k"] .drum-step{background:linear-gradient(180deg, var(--m-lo) 0%, var(--m-deep) 100%);border:1px solid var(--m-deep);border-radius:3px;box-shadow:inset 0 1px 2px #00000073}body[data-finish="4k"] .seq-cell.on,body[data-finish="4k"] .drum-step.on,body[data-finish="4k"] .drum-step.is-on{background:linear-gradient(180deg, color-mix(in oklab, var(--m-acc) 80%, white) 0%, var(--m-acc) 100%);box-shadow:inset 0 1px 0 #ffffff73, 0 0 8px color-mix(in oklab, var(--m-acc) 55%, transparent)}body[data-finish="4k"] .mx-strip{background:var(--grain), linear-gradient(180deg, var(--m-mid) 0%, var(--m-lo) 100%);border-right:1px solid var(--m-deep);box-shadow:inset calc(var(--ldx) * -1px) 0 0 #ffffff40}body[data-finish="4k"] .mx-fader-track{background:linear-gradient(90deg, var(--m-deep), color-mix(in oklab, var(--m-deep) 70%, black));border-radius:3px;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff26}body[data-finish="4k"] .mx-fader-thumb{background:linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 45%, var(--m-lo) 100%);border:1px solid var(--m-deep);box-shadow:var(--bevel), 0 3px 8px #00000080, inset 0 -1px 0 var(--m-acc);border-radius:3px}.tm-finish{border-bottom:1px solid var(--hw-border,var(--border-neon,#0f85));font-family:"DM Mono", var(--font-mono,monospace);flex:0 0 100%;align-items:center;gap:4px;padding:7px 8px 6px;display:flex}.tm-finish-label{letter-spacing:2px;color:var(--hw-muted,var(--text,#b0ffd0));opacity:.85;margin-right:auto;font-size:9px}.tm-finish-opt{font:inherit;letter-spacing:1px;cursor:pointer;border:1px solid var(--hw-border,var(--border-neon,#0f85));color:var(--hw-text,var(--text,#b0ffd0));background:0 0;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:600}.tm-finish-opt.on{color:var(--hw-panel,#000);background:var(--hw-pad,var(--neon,#0f8));border-color:#0000}.tm-finish-opt:disabled{opacity:.4;cursor:not-allowed}.tm-finish-sep{background:var(--hw-border,var(--border-neon,#0f85));width:1px;height:14px;margin:0 4px}body[data-finish="4k"] .tm-finish-sep{background:var(--m-deep)}body[data-theme^=macos] .tm-finish{border-bottom-color:#000}body[data-theme^=macos] .tm-finish-opt{color:#000;border-color:#000;border-radius:0}body[data-theme^=macos] .tm-finish-opt.on{color:#fff;background:#000}body[data-finish="4k"] .tm-item{color:var(--m-ink);font-family:var(--font-hud);letter-spacing:.06em;font-weight:500}body[data-finish="4k"] .tm-col-title,body[data-finish="4k"] .tm-finish-label{color:var(--m-ink);opacity:.7}body[data-finish="4k"] .tm-item:hover{background:color-mix(in oklab, var(--m-hi) 60%, transparent)}body[data-finish="4k"] .tm-item.on{color:var(--m-hi);background:var(--m-deep)}body[data-finish="4k"] .tm-col+.tm-col{border-left-color:var(--m-deep)}body[data-finish="4k"] .tm-finish{border-bottom-color:var(--m-deep)}@media (prefers-reduced-motion:reduce){body[data-finish="4k"] .btn,body[data-finish="4k"] .pad{transition:none}}body[data-finish="4k"] .pad{opacity:1}body[data-finish="4k"] .pad:not(.pad-assigned):not(.pad-own-sample) .pad-key,body[data-finish="4k"] .pad:not(.pad-assigned):not(.pad-own-sample) .pad-num{opacity:.38}body[data-finish="4k"] .pad:not(.pad-assigned):not(.pad-own-sample){filter:brightness(.94)saturate(.9)}body[data-finish="4k"]{--led-spill:18px}body[data-finish="4k"] .btn-transport:before,body[data-finish="4k"] .btn-rec:before{content:"";pointer-events:none;background:linear-gradient(#14161a,#05060a);border-radius:2px;height:3px;position:absolute;bottom:3px;left:8px;right:8px;box-shadow:inset 0 1px 1px #000c,0 1px #ffffff2e}body[data-finish="4k"] .btn-transport,body[data-finish="4k"] .btn-rec{padding-bottom:9px;position:relative}body[data-finish="4k"] .btn-transport-play,body[data-finish="4k"] .btn-transport-stop,body[data-finish="4k"] .btn-rec,body[data-finish="4k"] .btn-rec.on{box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 2px 5px #00000059}body[data-finish="4k"] .btn-transport-play.is-lit:before,body[data-finish="4k"] .btn-transport-stop.is-lit:before,body[data-finish="4k"] .btn-rec.on:before{background:linear-gradient(180deg, color-mix(in oklab, var(--led) 60%, white), var(--led));box-shadow:inset 0 1px 0 #ffffffa6, 0 0 6px var(--led), 0 0 14px color-mix(in oklab, var(--led) 70%, transparent)}body[data-finish="4k"] .btn-transport-play.is-lit,body[data-finish="4k"] .btn-transport-stop.is-lit,body[data-finish="4k"] .btn-rec.on{box-shadow:var(--bevel), 0 1px 0 #ffffff14, 0 2px 5px #00000059, 0 4px var(--led-spill) color-mix(in oklab, var(--led) 42%, transparent),  inset 0 -6px 12px color-mix(in oklab, var(--led) 22%, transparent)}body[data-finish="4k"] .btn-transport-play{--led:#34e07a}body[data-finish="4k"] .btn-transport-stop{--led:#ff4a3d}body[data-finish="4k"] .btn-rec{--led:var(--m-acc)}body[data-finish="4k"] .btn-rec:has(.rec-dot){--led:var(--m-acc)}body[data-finish="4k"] .btn-rec.on:has(.rec-dot):not(.seq-mode){--led:#ff4a3d}body[data-finish="4k"] .seq-tab.playing{box-shadow:inset 0 -3px #34e07a,0 3px 12px #34e07a59}body[data-finish="4k"] .chopper-waveform-wrap{border:1px solid var(--m-deep);box-shadow:inset 0 0 0 1px #ffffff0d, inset 0 0 40px #000000bf,  0 0 var(--led-spill) color-mix(in oklab, var(--m-acc) 22%, transparent),  0 6px 20px #00000080;background:radial-gradient(120% 90% at 50% 45%,#10141a 0%,#05070a 100%);border-radius:8px;position:relative}body[data-finish="4k"] .chopper-waveform-wrap canvas,body[data-finish="4k"] .waveform-canvas{filter:drop-shadow(0 0 3px color-mix(in oklab, var(--m-acc) 70%, transparent)) drop-shadow(0 0 9px color-mix(in oklab, var(--m-acc) 35%, transparent)) contrast(1.05) brightness(1.06)}body[data-finish="4k"] .chopper-waveform-wrap:after{content:"";pointer-events:none;z-index:5;mix-blend-mode:normal;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px),radial-gradient(130% 110%,#0000 55%,#0000006b 100%),linear-gradient(#ffffff12 0%,#0000 18%);border-radius:8px;position:absolute;inset:0}body[data-finish="4k"] .seq-cell{border-radius:3px;border:1px solid var(--m-deep)!important;background:linear-gradient(#14161a,#090a0e)!important;box-shadow:inset 0 1px 2px #0009,0 1px #ffffff1a!important}body[data-finish="4k"] .seq-cell.on{--led:var(--cell-led,var(--m-acc));background-image:linear-gradient(#ffffff8c 0%,#ffffff1a 45%,#00000040 100%)!important;background-color:var(--cell-led,var(--m-acc))!important;box-shadow:inset 0 1px 0 #ffffffb3, 0 0 4px var(--led), 0 0 12px color-mix(in oklab, var(--led) 80%, transparent), 0 0 var(--led-spill) color-mix(in oklab, var(--led) 45%, transparent)!important;border-color:#00000080!important}body[data-finish="4k"] .seq-cursor{mix-blend-mode:screen;box-shadow:0 0 12px #ffffff59,inset 0 0 0 1px #ffffff59;background:linear-gradient(#ffffff59,#ffffff14)!important}body[data-finish="4k"] .drum-grid .drum-step{border:1px solid var(--m-deep);background:linear-gradient(#14161a,#090a0e);border-radius:3px;box-shadow:inset 0 1px 2px #0009,0 1px #ffffff1a}body[data-finish="4k"] .drum-grid .drum-step.on{--led:var(--track-color,var(--m-acc));background:linear-gradient(180deg, color-mix(in oklab, var(--led) 55%, white) 0%, var(--led) 45%, color-mix(in oklab, var(--led) 70%, black) 100%);border:1px solid color-mix(in oklab, var(--led) 45%, black);box-shadow:inset 0 1px 0 #ffffffb3, 0 0 4px var(--led), 0 0 12px color-mix(in oklab, var(--led) 80%, transparent), 0 0 var(--led-spill) color-mix(in oklab, var(--led) 45%, transparent)}body[data-finish="4k"] .drum-playhead{opacity:1;mix-blend-mode:screen;background:linear-gradient(#ffffff59,#ffffff1a);box-shadow:0 0 12px #ffffff59,inset 0 0 0 1px #ffffff59}body[data-finish="4k"] .mx-meter{box-shadow:inset 0 1px 3px #000000b3, 0 1px 0 #ffffff1f,  0 0 calc(var(--lvl,0) * 16px) color-mix(in oklab, var(--m-acc) calc(var(--lvl,0) * 70%), transparent);background:linear-gradient(#0c0e11,#06070a);border-radius:3px}body[data-finish="4k"] .mx-fader-thumb{box-shadow:var(--bevel), 0 3px 8px #00000080, inset 0 -2px 0 var(--m-acc), 0 2px 10px color-mix(in oklab, var(--m-acc) 35%, transparent)}body[data-finish="4k"] .pad.pad-triggering,body[data-finish="4k"] .pad.pad-active{--led:var(--pad-color,var(--m-acc));background:radial-gradient(70% 60% at 50% 40%, color-mix(in oklab, var(--led) 45%, white) 0%, color-mix(in oklab, var(--led) 60%, transparent) 60%, transparent 100%), linear-gradient(180deg, var(--m-hi) 0%, var(--m-mid) 40%, var(--m-lo) 100%);box-shadow:inset calc(var(--ldx) * 1px) calc(var(--ldy) * 1px) 0 var(--bev-hi), inset calc(var(--ldx) * -1px) calc(var(--ldy) * -1px) 0 var(--bev-lo), inset 0 0 0 1px color-mix(in oklab, var(--led) 70%, white), inset 0 0 18px color-mix(in oklab, var(--led) 60%, transparent), 0 0 10px var(--led), 0 0 26px color-mix(in oklab, var(--led) 55%, transparent);animation:none;transform:translateY(1px)}body[data-finish="4k"] .pad.pad-triggering .pad-key,body[data-finish="4k"] .pad.pad-active .pad-key{color:#fff;text-shadow:0 0 6px var(--led);opacity:1}.sb-tree{-webkit-user-select:none;user-select:none;min-height:100%;position:relative}.sb-tree-tools{z-index:3;background:linear-gradient(#14141c,#0b0b10);border-bottom:1px solid #000;align-items:center;gap:4px;padding:4px 6px;display:flex;position:sticky;top:0}.sb-tool{border:1px solid var(--border-neon,#2a2a38);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:8px}.sb-tool:hover{color:var(--neon);border-color:var(--neon)}.sb-tool-count{color:var(--neon);margin-left:auto;font-size:8px}.sb-row{--depth:0}.sb-row--folder{cursor:pointer;padding:3px 8px 3px calc(8px + var(--depth) * 14px);color:#a8a8c8;letter-spacing:1px;background:linear-gradient(#2c2c3c,#1f1f2c);border-bottom:1px solid #000;align-items:center;gap:6px;font-size:10px;display:flex}.sb-row--folder:hover{color:#fff}.sb-row--folder .sb-tw{cursor:pointer}.sb-row--item,.sb-row--item.sb-track{padding-left:calc(22px + var(--depth) * 14px)}.sb-row--hint{color:var(--text-dim);cursor:default;font-size:9px;font-style:italic}.sb-row--hint:hover{background:0 0}.sb-row--sel{outline:1px solid color-mix(in srgb, var(--neon) 55%, transparent);outline-offset:-1px}.sb-row--cut{opacity:.45}.sb-row--dragsrc{opacity:.35}.sb-row--over-into{box-shadow:inset 0 0 0 1px var(--neon), inset 0 0 12px color-mix(in srgb, var(--neon) 30%, transparent)}.sb-row--over-bad{box-shadow:inset 0 0 0 1px #ff5230}.sb-row--over-before{box-shadow:inset 0 2px 0 var(--neon)}.sb-row--over-after{box-shadow:inset 0 -2px 0 var(--neon)}.sb-tree--dragging,.sb-tree--dragging *{cursor:grabbing!important}.sb-rename{color:#fff;border:1px solid var(--neon);min-width:0;font:inherit;background:#000;border-radius:2px;outline:none;flex:1;padding:0 4px;font-size:10px}.sb-row--ytadd{padding:4px 8px 4px calc(8px + var(--depth) * 14px);border-bottom:1px solid #000;align-items:center;gap:4px;display:flex}.sb-row--ytjob{padding:2px 8px 2px calc(22px + var(--depth) * 14px);color:var(--neon2,#9fb0c4);align-items:center;gap:6px;font-size:10px;display:flex}.sb-row--job-done{color:var(--neon)}.sb-row--job-error{color:#ff5230}.sb-job-bar{background:#000;border-radius:2px;flex:0 0 80px;height:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #2a2a38}.sb-job-bar>span{background:var(--neon);height:100%;display:block}.sb-drag-ghost{z-index:100;pointer-events:none;letter-spacing:.5px;color:#fff;border:1px solid var(--neon);box-shadow:0 2px 10px #0009, 0 0 8px color-mix(in srgb, var(--neon) 40%, transparent);white-space:nowrap;background:#121219;border-radius:3px;padding:2px 8px;font-size:10px}.sb-menu{z-index:101;border:1px solid var(--border-neon,#2a2a38);background:#14141c;border-radius:3px;flex-direction:column;min-width:190px;padding:3px;display:flex;box-shadow:0 6px 20px #000000b3}.sb-menu-item{text-align:left;color:#d0d0e0;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:10px}.sb-menu-item:hover:not(:disabled){background:color-mix(in srgb, var(--neon) 18%, transparent);color:#fff}.sb-menu-item:disabled{color:#55556a;cursor:default}.sb-menu-sep{background:#2a2a38;height:1px;margin:3px 4px}.tm-menu{flex-wrap:wrap}.tm-ui{padding:6px 8px}.tm-menu--mobile{flex-direction:column}.tm-menu--mobile .tm-col{max-height:50vh}.tm-menu--mobile .tm-item{padding:9px 8px;font-size:12px}.tm-menu--mobile .tm-finish-opt{padding:7px 10px;font-size:11px}.sqp{align-items:center;gap:3px;display:inline-flex}.sqp-btn{font-family:var(--font-mono);border:1px solid var(--hw-border,var(--border-neon,#0f85));color:var(--hw-muted,var(--text-dim,#0b6));cursor:pointer;background:0 0;border-radius:3px;min-width:22px;padding:3px 7px;font-size:10px;line-height:1}.sqp-btn:hover{color:var(--hw-accent,var(--neon,#0f8));border-color:var(--hw-accent,var(--neon,#0f8))}.sqp-btn:disabled{opacity:.35;cursor:default}.sqp-btn:disabled:hover{color:var(--hw-muted,var(--text-dim,#0b6));border-color:var(--hw-border,var(--border-neon,#0f85))}.sqp-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--hw-accent,var(--neon,#0f8));text-align:center;white-space:nowrap;min-width:58px;font-size:10px}.sqp-label small{color:var(--hw-muted,var(--text-dim,#0b6));font-size:8px}.sqp-gap{background:var(--hw-border,var(--border-neon,#0f85));width:1px;height:14px;margin:0 2px}.sqp.compact .sqp-btn{padding:5px 8px;font-size:11px}.sqp.compact .sqp-label{font-size:11px}.seq-tabs .sqp{margin-left:auto}.seq-tabs-gap{flex:1}.wave-chop-knobs{align-items:center;gap:6px;display:inline-flex}.wave-chop-knobs.idle{opacity:.45}.midi-pill{font-family:var(--font-mono);letter-spacing:1px;color:var(--hw-muted,var(--text-dim,#0b6));white-space:nowrap;align-items:center;gap:5px;max-width:320px;font-size:9px;display:inline-flex}.midi-pill-led{border:1px solid var(--hw-border,var(--border,#1a2a20));background:#333;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background 60ms,box-shadow 60ms}.midi-pill.ok .midi-pill-led{background:#5a2a6a;border-color:#8a3aa8}.midi-pill-led.lit{box-shadow:0 0 7px #e040ff;background:#e040ff!important;border-color:#e040ff!important}.midi-pill.bad .midi-pill-led{background:#5a1010;border-color:#a02020}.midi-pill-lbl{cursor:pointer;font:inherit;letter-spacing:inherit;color:inherit;text-overflow:ellipsis;background:0 0;border:0;max-width:160px;margin:0;padding:0;overflow:hidden}.midi-pill.ok .midi-pill-lbl{color:var(--hw-text,var(--text,#b0ffd0))}.midi-pill.bad .midi-pill-lbl{color:var(--danger,#ff003c)}.midi-pill-btn{font-family:var(--font-mono);letter-spacing:1px;border:1px solid var(--hw-border,var(--border-neon,#0f85));color:var(--hw-accent,var(--neon,#0f8));cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font-size:8px}.midi-pill-btn:hover{border-color:var(--hw-accent,var(--neon,#0f8))}.midi-pill-mon{opacity:.85;color:var(--hw-text,var(--text,#b0ffd0));text-overflow:ellipsis;max-width:150px;font-size:8px;overflow:hidden}.midi-pill.compact{gap:4px;font-size:8px}.midi-pill.compact .midi-pill-lbl{max-width:96px}.xfer-backdrop{z-index:9990;background:#0000008c;position:fixed;inset:0}.xfer-modal{z-index:9991;background:var(--hw-panel,var(--bg2,#0a0a10));width:min(440px,92vw);color:var(--hw-text,var(--text,#b0ffd0));border:1px solid var(--hw-border,var(--border-neon,#0f85));font-family:var(--font-mono);border-radius:8px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0009}.xfer-title{font-family:var(--font-hud,var(--font-mono));letter-spacing:.2em;color:var(--hw-accent,var(--neon,#0f8));font-size:12px}.xfer-line{font-size:12px;line-height:1.45}.xfer-line.small{opacity:.7;font-size:10px}.xfer-line.bad{color:var(--danger,#ff003c)}.xfer-line.ok{color:var(--hw-accent,var(--neon,#0f8))}.xfer-err{color:var(--danger,#ff003c);font-size:12px}.xfer-code{letter-spacing:.18em;text-align:center;color:var(--hw-accent,var(--neon,#0f8));-webkit-user-select:all;user-select:all;padding:10px 0;font-size:34px}.xfer-row{align-items:center;gap:8px;display:flex}.xfer-row.end{justify-content:flex-end;margin-top:4px}.xfer-input{font-family:var(--font-mono);letter-spacing:.16em;text-align:center;background:var(--hw-pad,var(--bg3,#0f0f18));color:var(--hw-text,var(--text,#b0ffd0));border:1px solid var(--hw-border,var(--border-neon,#0f85));text-transform:uppercase;border-radius:4px;flex:1;padding:8px;font-size:22px}.xfer-btn{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--hw-border,var(--border-neon,#0f85));color:var(--hw-text,var(--text,#b0ffd0));cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px;font-size:11px}.xfer-btn.on{background:var(--hw-accent,var(--neon,#0f8));color:var(--hw-panel,#000);border-color:var(--hw-accent,var(--neon,#0f8))}.xfer-btn:disabled{opacity:.4;cursor:default}.xfer-bar{background:var(--hw-pad,var(--bg3,#0f0f18));border:1px solid var(--hw-border,var(--border-neon,#0f85));border-radius:4px;height:8px;overflow:hidden}.xfer-bar i{background:var(--hw-accent,var(--neon,#0f8));height:100%;transition:width .12s linear;display:block}@media (max-width:720px) and (orientation:portrait){.chopper-view{padding:4px}.chopper-toolbar{flex-shrink:0;overflow-x:clip}.chopper-toolbar>.toolbar-group,.chopper-toolbar>*{flex-wrap:wrap;width:100%;min-width:0;max-width:100%}.chopper-toolbar .btn,.chopper-toolbar select,.chopper-toolbar input,.chopper-toolbar .ctrl-select{min-width:0;max-width:100%}.chopper-toolbar .btn{letter-spacing:.5px;padding:7px 9px;font-size:11px}.chopper-toolbar .toolbar-group>label,.chopper-toolbar .toolbar-group>.ctrl-select{flex:100%}.chopper-toolbar .metro-group{gap:4px}.toolbar-transport .btn-transport{min-height:44px;padding:8px 6px;font-size:13px}.chopper-web-presets{width:100%}.chopper-web-presets .preset-name-input{flex:100%}.chopper-web-presets .btn-preset-save{flex:auto}.chopper-web-presets .preset-load-select{flex:45%}.midi-pill{max-width:100%}.chopper-section-header{letter-spacing:3px;padding:8px 10px;font-size:13px}.chopper-waveform-wrap{min-height:25vh;overflow:visible;height:auto!important}.chopper-waveform-wrap canvas.chopper-waveform{flex:none!important;height:120px!important;min-height:120px!important}.waveform-zoom-bar{flex-wrap:wrap;gap:4px;padding:4px 6px}.waveform-zoom-bar .wave-actions{flex-wrap:wrap;gap:4px}.waveform-track-title{display:none}.drum-section,.seq,.bass-section,.mx-strips{max-width:100%}.drum-grid,.seq-body,.seq-grid{-webkit-overflow-scrolling:touch;overflow-x:auto}.bass-panel{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.bass-panel .bm{flex:none}.bass-head,.bass-roll-bar{row-gap:4px}.bass-hint{display:none}.mx-strips{-webkit-overflow-scrolling:touch;overflow-x:auto}.chopper-export-bar{display:none!important}.app-mode-bar{flex-wrap:wrap;flex:none;gap:4px 6px;height:auto;min-height:36px;padding:4px 6px}.app-mode-bar .brand{letter-spacing:2px;font-size:13px}.app-mode-bar .btn-buy-lifetime,.app-mode-bar .btn-desktop-dl{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;height:28px;padding:0 7px;font-size:9px;overflow:hidden}.app-mode-bar-actions{flex-shrink:0;gap:3px;margin-left:auto}.app-mode-bar-actions .btn-undo,.app-mode-bar-actions .btn-help{width:30px;height:30px}.waveform-wrap canvas.chopper-waveform{border-bottom:1px solid var(--border-neon);order:-1;height:150px!important;min-height:150px!important}.waveform-zoom-bar{border-top:0;border-bottom:0}.waveform-zoom-bar .btn-zoom{min-width:40px;min-height:36px}.wave-actions,.wave-actions-row{row-gap:2px}.chopper-section-header{z-index:4;position:sticky;top:0}.toolbar-transport .btn-transport{min-height:40px}.chopper-view{max-width:100vw;overflow-x:hidden}.chopper-toolbar .toolbar-group,.chopper-toolbar .chopper-web-presets,.chopper-toolbar .preset-panel,.chopper-toolbar .metro-group,.chopper-toolbar .toolbar-transport{box-sizing:border-box;width:100%;min-width:0;max-width:100%;flex-wrap:wrap!important}.chopper-toolbar .ctrl-select,.chopper-toolbar select,.chopper-toolbar input{flex:0 auto;min-width:0;max-width:100%}.chopper-toolbar .chopper-web-presets .preset-name-input,.chopper-toolbar .chopper-web-presets .preset-load-select{flex:140px;width:auto}.chopper-toolbar .btn{flex:0 auto}.chopper-toolbar .toolbar-transport .btn-transport{flex:40%;min-width:0}.record-panel,.record-row{flex-wrap:wrap;max-width:100%}.record-panel .record-field{flex:100%}.record-panel .record-input-select{width:100%;max-width:100%}}.sub-modal--v2{background:radial-gradient(120% 80% at 100% 0,#ffd7001a,#0000 55%),linear-gradient(#0a1640 0%,#04081a 100%);width:min(560px,100%);max-height:92vh;padding:24px 22px 18px;overflow-y:auto}.sub-modal-eyebrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sub-modal-brand{letter-spacing:4px;color:#9fb4ff;font:700 12px/1 Orbitron,Share Tech Mono,monospace}.sub-modal-new{letter-spacing:1.5px;color:#04081a;background:linear-gradient(90deg,gold,#ffb347);border-radius:999px;padding:5px 9px;font:700 10px/1 Share Tech Mono,monospace;box-shadow:0 0 14px #ffd70073}.sub-modal--v2 .sub-modal-title{margin-bottom:8px;font-size:24px}.sub-modal--v2 .sub-modal-sub{opacity:.85;margin:0 0 14px;font-size:12px;line-height:1.5}.sub-modal--v2 .sub-modal-sub em{color:gold;font-style:normal}.sub-modal-paths{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:480px){.sub-modal-paths{grid-template-columns:1fr}}.sub-modal-path{background:#ffffff08;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.sub-modal-path--life{background:linear-gradient(#ffd7001a,#ffd70005);border-color:gold;box-shadow:inset 0 0 0 1px #ffd70040,0 0 24px #ffd7001f}.sub-modal-path-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.sub-modal-path-name{letter-spacing:2px;color:#fff;font:700 12px/1 Orbitron,Share Tech Mono,monospace}.sub-modal-price{color:gold;font:700 20px/1 Share Tech Mono,monospace}.sub-modal-price small{letter-spacing:1px;color:#cfd6ff;margin-left:4px;font-size:10px;font-weight:400}.sub-modal-path-list{color:#dfe6ff;flex:1;margin:0;padding:0;font-size:11.5px;line-height:1.5;list-style:none}.sub-modal-path-list li:before{content:"▸ ";color:gold}.sub-modal--v2 .sub-modal-cta{letter-spacing:1.5px;width:100%;margin:0;padding:11px 10px;font-size:13px}.sub-modal-cta--ghost{color:#fff!important;box-shadow:none!important;background:0 0!important;border:1px solid #ffffff59!important}.sub-modal-cta--ghost:hover{color:gold!important;border-color:gold!important}.sub-modal--v2 .sub-modal-link{align-self:center;margin:0}.sub-modal-err{color:#ff6b6b;margin:8px 0 0;font-size:11px}.sub-modal-features-title{letter-spacing:3px;color:#9fb4ff;margin:16px 0 8px;font:700 10px/1 Share Tech Mono,monospace}.sub-modal-features--grid{grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;padding:0;font-size:11px;line-height:1.4;list-style:none;display:grid}@media (max-width:480px){.sub-modal-features--grid{grid-template-columns:1fr}}.sub-modal-features--grid li{padding-left:0}.sub-modal-features--grid li:before{content:none}.sub-modal-features--grid b{color:gold;letter-spacing:1px;margin-right:4px}.sub-modal-features--grid i{letter-spacing:1px;color:#04081a;vertical-align:middle;background:gold;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:8px;font-style:normal}.sub-modal-footrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.sub-modal--v2 .sub-modal-dismiss{margin:0}.btn-desktop-dl{color:gold;font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid gold;height:26px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;transition:all .1s}.btn-desktop-dl:hover{color:#1a1400;background:gold;box-shadow:0 0 10px #ffd70099}.free-tier-banner b{color:gold;font-weight:700}.pad-pop-title{font-family:var(--font-hud,monospace);letter-spacing:2px;color:var(--neon);opacity:.8;padding:4px 9px 3px;font-size:9px}.pad-pop-sep{background:color-mix(in srgb, var(--neon) 25%, transparent);height:1px;margin:3px 4px}.pad-pop button.pad-pop-danger:hover{color:#ff8068;background:#ff523038}.pad-grid-tools{align-items:center;gap:8px;padding:0 2px;display:flex}.pad-tool-btn{border:1px solid var(--border,color-mix(in srgb, var(--neon) 30%, transparent));color:var(--text);font-family:var(--font-hud,monospace);letter-spacing:1.5px;cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-size:9px}.pad-tool-btn:hover{border-color:var(--neon);color:var(--neon)}.pad-tool-btn.on{border-color:var(--neon);color:var(--neon);background:color-mix(in srgb, var(--neon) 14%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--neon) 40%, transparent)}.pad-tool-hint{font-family:var(--font-hud,monospace);letter-spacing:1px;color:var(--muted,var(--text));opacity:.7;font-size:9px}.pad.pad-move-mode.pad-assigned,.pad.pad-move-mode.pad-own-sample{cursor:grab;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--neon) 55%, transparent)}.pad.pad-move-mode:not(.pad-assigned):not(.pad-own-sample){cursor:default}.pad.pad-dragging{opacity:.28!important}.pad.pad-drop-target{box-shadow:0 0 18px var(--neon), inset 0 0 0 2px var(--neon)!important}.pad-ghost{z-index:3000;pointer-events:none;opacity:.92;will-change:transform;background:color-mix(in srgb, var(--pad-color,var(--neon)) 35%, var(--bg2,#0a0f0c));border:2px solid var(--neon);box-shadow:0 12px 28px #0009, 0 0 14px color-mix(in srgb, var(--neon) 60%, transparent);box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:6px;display:flex;position:fixed;top:0;left:0}.pad-ghost-num{font-family:var(--font-hud,monospace);letter-spacing:1px;color:var(--neon);font-size:12px}.pad-ghost-title{font-family:var(--font-hud,monospace);color:var(--text);opacity:.8;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.link-prompt-backdrop{z-index:9000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.link-prompt{background:var(--bg2,#0a0f0c);border:1px solid var(--neon);border-radius:6px;flex-direction:column;gap:10px;width:min(460px,92vw);padding:14px;display:flex;box-shadow:0 10px 40px #0009}.link-prompt-title{font-family:var(--font-hud,monospace);letter-spacing:2px;color:var(--neon);font-size:11px}.link-prompt-input{box-sizing:border-box;width:100%}.link-prompt-hint{font-family:var(--font-mono);color:var(--text-dim,var(--text));opacity:.85;font-size:9.5px;line-height:1.4}.link-prompt-actions{justify-content:flex-end;gap:8px;display:flex}.link-prompt-actions .btn-small{border:1px solid var(--border,color-mix(in srgb, var(--neon) 30%, transparent));color:var(--text);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;padding:5px 12px;font-size:10px}.link-prompt-actions .btn-small.btn-primary{border-color:var(--neon);color:var(--neon)}.record-target{font-family:var(--font-mono);letter-spacing:1px;color:var(--neon);border:1px solid color-mix(in srgb, var(--neon) 50%, transparent);border-radius:3px;align-items:center;gap:6px;padding:2px 6px;font-size:10px;display:inline-flex}.record-target-x{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.record-target-x:hover{color:#ff8068}.pad-src-stripe{background:var(--src-color,transparent);opacity:.85;pointer-events:none;height:3px;box-shadow:0 0 6px color-mix(in srgb, var(--src-color,transparent) 60%, transparent);border-radius:2px;position:absolute;top:3px;left:6px;right:6px}.pad-src-stripe.pad-src-start{border-top-right-radius:0;border-bottom-right-radius:0;right:-3px}.pad-src-stripe.pad-src-mid{border-radius:0;left:-3px;right:-3px}.pad-src-stripe.pad-src-end{border-top-left-radius:0;border-bottom-left-radius:0;left:-3px}.pad-ghost{border-color:var(--src-color,var(--neon))}.pad-view-banner{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pad-view-swatch{background:var(--src-color,var(--neon));width:10px;height:10px;box-shadow:0 0 6px var(--src-color,var(--neon));border-radius:2px;flex:none}.pad-view-tools{align-items:center;gap:3px;margin-left:6px;display:inline-flex}.pad-view-tools-lbl{font-family:var(--font-hud,monospace);letter-spacing:1.5px;color:var(--text-dim,var(--text));margin-right:2px;font-size:9px}.pad-view-banner .pad-view-tool{font-family:var(--font-hud,monospace);letter-spacing:1px;cursor:pointer;text-shadow:none;box-shadow:none;border-radius:3px;padding:2px 7px;font-size:9px;background:color-mix(in srgb, var(--neon) 10%, transparent)!important;border:1px solid color-mix(in srgb, var(--neon) 55%, transparent)!important;color:var(--neon)!important}.pad-view-banner .pad-view-tool:hover{background:color-mix(in srgb, var(--neon) 22%, transparent)!important}.pad-view-banner .pad-view-tools-lbl{color:var(--neon);opacity:.8}.pad-pop button.pad-pop-route{align-items:center;gap:6px;display:flex}.pad-pop-caret{opacity:.7;margin-left:auto}.pad-pop-dot{border-radius:2px;flex:none;width:8px;height:8px;margin-right:4px;display:inline-block;box-shadow:0 0 4px}.pad-pop-sub{border-left:1px solid color-mix(in srgb, var(--neon) 30%, transparent);margin:2px 0 2px 10px;padding-left:6px}.pad-pop-sub button{align-items:center;padding:5px 8px;font-size:10.5px;display:flex}.pad-pop-sub button.on{color:var(--neon)}.pad-pop-sub button.pad-pop-toggle{opacity:.85}.pad.pad-push-preview{z-index:5;opacity:.85;outline:1px dashed color-mix(in srgb, var(--neon) 60%, transparent);transition:transform .14s ease-out}.pad-pop button.pad-pop-on{color:var(--neon)}.pad-pop-hint{float:right;opacity:.45;letter-spacing:.5px;margin-left:10px;font-size:9px}.save-ctx-menu{background:#0a0f0c;border:1px solid #0a3a1a;border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:flex;box-shadow:0 8px 24px #0009}.save-ctx-menu .btn-preset-save{text-align:left;white-space:nowrap}.pad-chop-no{letter-spacing:.5px;color:var(--text-dim);opacity:.9;pointer-events:none;font-size:8px;line-height:1;position:absolute;top:9px;left:6px}.pad.pad-assigned .pad-chop-no,.pad.pad-own-sample .pad-chop-no{color:var(--pad-color)}.pad-rev-mark{letter-spacing:.5px;color:var(--text-dim);opacity:.95;pointer-events:none;font-size:8px;line-height:1;position:absolute;top:9px;right:18px}.pad.pad-assigned .pad-rev-mark,.pad.pad-own-sample .pad-rev-mark{color:var(--pad-color)}.drum-mgrp{letter-spacing:.5px;opacity:.55;font-size:9px}.drum-mgrp.on{opacity:1;color:var(--track-color,var(--accent,#4ade80));font-weight:600}.export-fmt-toggle{vertical-align:middle;gap:2px;margin-left:6px;display:inline-flex}.export-fmt-toggle .btn-chop-mode{padding:2px 7px;font-size:10px}.export-fmt-toggle .btn-chop-mode:disabled{opacity:.4;cursor:not-allowed}