:root{--body: #1b1a18;--chassis: #c9c4b8;--chassis-hi: #d8d3c7;--chassis-lo: #a9a397;--panel: #2a2926;--panel-2: #33322e;--ink: #ece7dc;--ink-dim: #9c968a;--line: #45433e;--accent: #e8542b;--accent-dim: #9a3a20;--led: #ff3b1f;--lcd-bg: #2a1a0a;--lcd-fg: #ffb547;--lcd-dim: #7d5622;--pad: #4a4843;--pad-hi: #5a5852;--cell: #3a3935;--cell-alt: #34332f;--radius: 6px;--scr-bg: #e9b45c;--scr-bg-2: #d99a3d;--scr-ink: #2a1605;--scr-dim: #8e5b1d;--scr-shade: rgba(42, 22, 5, .16);--scr-mark: #b02e0c;--scr-sel: rgba(176, 46, 12, .16);--scr-play: rgba(176, 46, 12, .24);--scr-hatch: rgba(42, 22, 5, .22);--chassis-ink: #2a2824;--chassis-ink-dim: #5b574f;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--body);color:var(--ink);font:13px/1.35 IBM Plex Sans,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app input:not([type=range]),#app textarea{-webkit-user-select:text;user-select:text}#app{max-width:none;margin:0;padding:10px 10px 16px;display:flex;flex-direction:column;gap:10px;padding-bottom:var(--bottom-dock-height, 0px)}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);border-radius:4px;padding:4px 10px}button:hover{border-color:var(--ink-dim)}button:focus-visible,select:focus-visible,.knob:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:3px 6px}label,.group-title,.panel-title{font:600 10px/1 IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.hint{color:var(--ink-dim);font-size:11px;text-transform:none;letter-spacing:0;font-weight:400}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.topbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:linear-gradient(180deg,var(--chassis-hi),var(--chassis-lo));color:var(--chassis-ink);border-radius:var(--radius) var(--radius) 0 0;padding:10px 14px;box-shadow:inset 0 1px #ffffff80}.topbar-main{display:flex;align-items:center;gap:12px 18px;min-width:0}.job{position:fixed;top:0;left:0;right:0;height:22px;z-index:50;display:flex;align-items:center;background:#1b1a17;transform:translateY(-100%);transition:transform .2s ease}.job.on{transform:none}.job-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--accent);transition:width .2s ease}.job.busy .job-fill{width:35%;animation:job-slide 1.1s ease-in-out infinite}.job.done .job-fill{background:#6f8f3a}.job.fail .job-fill{background:#a33b2b}.job-label{position:relative;padding:0 12px;font:600 11px/1 IBM Plex Mono,monospace;letter-spacing:.06em;color:#f4f1ea}@keyframes job-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.project{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.project>label{flex:none;font:600 10px/1 IBM Plex Mono,monospace;letter-spacing:.08em}.project-name{flex:1;min-width:0;max-width:320px;background:var(--lcd-bg);color:var(--lcd-fg);border:1px solid #141910;border-radius:3px;font:18px/1 VT323,monospace;padding:4px 8px;letter-spacing:.03em}.project-name::placeholder{color:var(--lcd-dim)}.topbar label,.transport label{color:var(--chassis-ink-dim)}.topbar .knob-label,.transport .knob-label{color:var(--chassis-ink-dim)}.topbar button,.topbar select,.transport button,.transport select{color:var(--ink)}.topbar .seg,.topbar .small-btn,.topbar .arrow,.topbar select,.transport .seg,.transport .small-btn,.transport .arrow,.transport select{background:#3a3934;border-color:#1b1a17}.topbar .seg.on,.transport .seg.on{background:var(--accent);border-color:var(--accent-dim)}.brand{display:flex;flex-direction:column;gap:2px;flex:none}.groove>span{display:flex;align-items:center;gap:6px}.swing-grid .seg{padding:4px 7px}.undo-group{display:flex;gap:6px;flex:none;margin-left:auto}.tbtn.undo:disabled{opacity:.35;cursor:default}.logo{font:700 24px/1 IBM Plex Sans,sans-serif;letter-spacing:-.02em}.tag{font:600 9px/1.4 IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--chassis-ink-dim)}.credit{font:600 9px/1.3 IBM Plex Sans,sans-serif;letter-spacing:.04em;color:var(--chassis-ink-dim);margin:4px 0 1px}.mem{font:600 10px IBM Plex Mono,monospace;color:var(--chassis-ink-dim);white-space:nowrap}.mem.over{color:var(--accent-dim)}.top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.top .editor{margin:0}.screen{display:flex;flex-direction:column;background:#24231f;border-radius:8px;padding:10px 10px 8px;box-shadow:inset 0 2px 8px #0009,0 1px #fff6;min-width:0}.glass{background:linear-gradient(180deg,var(--scr-bg),var(--scr-bg-2));color:var(--scr-ink);border-radius:3px;padding:8px 10px;box-shadow:inset 0 0 18px #18210f59;font:20px/1.05 VT323,ui-monospace,monospace;flex:1;display:flex;flex-direction:column;gap:6px}.screen-status{border-bottom:1px solid var(--scr-dim);padding-bottom:4px;white-space:pre;overflow:hidden}.screen-body{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.screen .wave{flex:none;height:190px;width:100%;background:transparent;border:1px solid var(--scr-dim);border-radius:2px}.screen-info{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.screen-row .screen-info{flex:1;min-width:0}.scr-seg{display:flex;align-items:center;gap:0;flex:none}.scr-seg-label{font-size:16px;color:var(--scr-dim);margin-right:5px}.scr-btn{font:17px/1 VT323,monospace;color:var(--scr-ink);background:transparent;border:1px solid var(--scr-dim);border-radius:0;padding:2px 6px;margin-left:-1px}.scr-btn.on{background:var(--scr-ink);color:var(--scr-bg);border-color:var(--scr-ink)}.scr-btn:disabled{opacity:.4;cursor:default}.rec-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:17px}.rec-row label{font:18px VT323,monospace;color:var(--scr-dim);letter-spacing:0}.rec-row select{background:transparent;color:var(--scr-ink);border:1px solid var(--scr-dim);font:17px VT323,monospace;padding:0 4px;max-width:170px}.rec-meter{position:relative;height:10px;border:1px solid var(--scr-dim)}.rec-meter-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--scr-ink)}.rec-meter-fill.hot{background:#6b1a0a}.rec-thresh{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--accent-dim)}.softkeys{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin-top:8px}.softkey{background:#3a3934;border-color:#1b1a17;color:var(--ink);font:600 10px IBM Plex Mono,monospace;padding:6px 2px;box-shadow:0 2px #121110;white-space:nowrap;overflow:hidden}.softkey.on{background:var(--chassis);color:var(--chassis-ink)}.softkey.rec{color:var(--led)}.softkey.rec.on{background:var(--accent-dim);color:#fff}.transport{position:sticky;top:0;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:-10px;padding:3px 12px 4px;border-top:1px solid rgba(0,0,0,.12);border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(180deg,var(--chassis-hi),var(--chassis-lo));box-shadow:0 8px 18px #00000073}.transport .tbtn{width:32px;height:26px;font-size:13px}.transport .tbtn.small{height:26px;padding:0 8px}.transport .seg,.transport .small-btn,.transport .arrow{padding:3px 7px}.transport .pat-num{font-size:18px;padding:0 5px}.transport .field{flex-direction:row;align-items:center;gap:6px}.transport .knob{width:44px}.transport .knob-svg{width:26px;height:26px}.transport .knob-val,.transport .knob-label{line-height:1.05}.tempo{display:flex;flex-direction:column;align-items:center;gap:1px}.tempo-row{display:flex;align-items:center;gap:3px}.tempo-input{width:48px;height:26px;padding:0 2px;text-align:center;font:600 13px/1 IBM Plex Mono,monospace;color:var(--lcd-fg);background:var(--lcd-bg);border:1px solid #141910;border-radius:3px}.tempo-step{width:22px;height:26px;padding:0;font:700 15px/1 IBM Plex Mono,monospace}.tap-btn{height:26px;padding:0 8px;margin-left:4px}.group{display:flex;align-items:center;gap:6px}.field{display:flex;flex-direction:column;gap:4px}.tbtn{width:40px;height:34px;font-size:15px;padding:0}.tbtn.small{width:auto;padding:0 10px;font:600 11px IBM Plex Mono,monospace}.tbtn.play.on{background:#2f5a24;border-color:#5fae45}.tbtn.rec{color:var(--led)}.tbtn.rec.on{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.tbtn.small.on{background:var(--panel);border-color:var(--lcd-fg);color:var(--lcd-fg)}.seg-group{display:inline-flex;flex-wrap:nowrap;gap:0}.seg-group label{margin-right:6px}.seg{border-radius:0;padding:6px 10px;font:600 11px IBM Plex Mono,monospace;margin-left:-1px}.seg:first-of-type{border-radius:4px 0 0 4px}.seg:last-child{border-radius:0 4px 4px 0}.seg.on{background:var(--accent);border-color:var(--accent);color:#fff;position:relative}.arrow{padding:2px 8px}.pat-num{font:22px/1 VT323,monospace;color:var(--lcd-fg);background:var(--lcd-bg);padding:2px 6px;border-radius:3px;min-width:32px;text-align:center}.small-btn{font:600 11px IBM Plex Mono,monospace;padding:5px 9px}.small-btn.on{background:var(--accent-dim);border-color:var(--accent);color:#fff}.small-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.small-btn.danger:hover{border-color:var(--accent);color:var(--accent)}.knob{display:flex;flex-direction:column;align-items:center;width:56px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px}.knob-svg{width:40px;height:40px}.knob-track{fill:none;stroke:var(--line);stroke-width:3.5;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round}.knob-cap{fill:var(--chassis);stroke:var(--chassis-lo)}.knob-tick{stroke:#222;stroke-width:2;stroke-linecap:round}.knob.active .knob-cap{fill:var(--chassis-hi)}.knob-val{font:600 10px IBM Plex Mono,monospace;color:var(--ink);margin-top:1px}.knob-label{font:600 9px IBM Plex Mono,monospace;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.padbar{position:sticky;bottom:0;z-index:5;display:flex;gap:14px;align-items:stretch;padding:12px 14px 14px;background:linear-gradient(180deg,var(--chassis-hi),var(--chassis-lo));border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -10px 28px #0000008c,inset 0 1px #ffffff80}.banks{display:flex;flex-direction:column;justify-content:center;gap:6px}.banks label{color:var(--chassis-ink-dim)}.bank-grid{display:grid;grid-template-columns:repeat(2,36px);gap:5px}.bank-btn{height:30px;padding:0;font:700 13px IBM Plex Sans,sans-serif;background:#3a3934;border-color:#1b1a17;box-shadow:0 2px #121110}.bank-btn.on{background:var(--accent);border-color:var(--accent-dim);color:#fff}.pads{flex:1;min-width:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:52px;gap:6px 8px}.pad{position:relative;height:100%;background:linear-gradient(180deg,var(--pad-hi),var(--pad));border:1px solid #2c2b28;border-radius:5px;box-shadow:0 3px #2c2b28,inset 0 1px #ffffff1f;text-align:left;padding:8px;display:flex;flex-direction:column;justify-content:flex-end;touch-action:none;transition:transform 40ms,box-shadow 40ms}.pad.hit{transform:translateY(2px);box-shadow:0 1px #2c2b28;background:var(--pad-hi)}.pad.selected{outline:2px solid var(--accent);outline-offset:1px}.pad.drop{outline:2px dashed var(--lcd-fg)}.pad.drag-src{opacity:.6}.small-btn:disabled{opacity:.4;cursor:default}.pad.empty .pad-name{color:var(--ink-dim);font-style:italic}.pad-led{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--led);opacity:0;box-shadow:0 0 8px var(--led)}.pad-num{font:700 14px/1 IBM Plex Sans,sans-serif;position:absolute;top:5px;left:7px}.pad-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-key{position:absolute;bottom:4px;right:6px;font:10px IBM Plex Mono,monospace;color:var(--ink-dim)}.grid-scroll{overflow-x:auto}.roll-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.roll-toolbar .seg{padding:4px 8px}.roll{display:grid;grid-template-columns:150px var(--lane-w);outline:none;width:max-content}.roll:focus-visible{box-shadow:0 0 0 1px var(--accent);border-radius:3px}.roll-corner,.roll-labels,.roll-vel-label{position:sticky;left:0;z-index:3;background:var(--panel)}.roll-labels{box-shadow:6px 0 8px -6px #00000080}.roll-corner{font:600 10px IBM Plex Mono,monospace;color:var(--ink-dim);height:18px;display:flex;align-items:end}.roll-ruler{position:relative;height:18px}.roll-tick{position:absolute;top:2px;height:16px;padding-left:3px;border-left:1px solid #55534d;font:10px IBM Plex Mono,monospace;color:var(--ink-dim)}.roll-tick.bar{color:var(--ink);border-left-color:var(--ink-dim)}.roll-labels .grid-label{height:18px;display:flex;align-items:center;gap:4px;font-size:10px}.grid-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;cursor:pointer;border-radius:3px;color:var(--ink-dim)}.grid-label b{color:var(--ink);font-family:IBM Plex Mono,monospace}.grid-label.selected{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--accent)}.roll-lanes{position:relative;width:var(--lane-w);height:288px;background-color:var(--cell-alt);background-image:linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:var(--bar) 100%,var(--beat) 100%,var(--snap) 100%;border-radius:3px;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.roll-lane{height:18px;border-bottom:1px solid rgba(0,0,0,.3)}.roll-lane.alt{background:#ffffff06}.roll-note{position:absolute;height:16px;margin-top:-1px;border-radius:0;background:color-mix(in srgb,var(--note, var(--accent)) calc(38% + var(--vel) * 62%),#000);box-shadow:inset 0 0 0 1px #000;cursor:grab;overflow:hidden}.roll-note.off{--note: #f0b040}.roll-note.sel{box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #000;z-index:2}.roll-vel{display:none}.roll-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--lcd-fg);pointer-events:none;z-index:3;display:none}.roll-marquee{position:absolute;border:1px dashed #fff;background:#ffffff14;pointer-events:none;z-index:4}.song-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.song-input{background:var(--lcd-bg);color:var(--lcd-fg);border:1px solid var(--line);border-radius:4px;padding:4px 8px;font:18px/1 VT323,monospace;width:260px}.lower{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.machine-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.editor-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-actions{display:flex;gap:6px;flex-wrap:wrap}.chip{font:600 10px IBM Plex Mono,monospace;padding:2px 6px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim)}.sample-name{color:var(--ink-dim)}.wave{width:100%;height:96px;background:var(--lcd-bg);border-radius:4px;display:block;cursor:ew-resize;touch-action:none}.knob-rows{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:10px}.knob-group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px}.knob-group>.group-title{width:100%;display:flex;align-items:center;gap:6px;margin-bottom:2px}.knob-group select{font-size:11px;padding:1px 4px}.mixer{min-width:0}.mixer-scroll{overflow-x:auto;padding-bottom:2px}.strips{display:grid;grid-template-columns:repeat(16,minmax(58px,1fr));gap:3px;margin-top:8px;min-width:960px}.strip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 3px 6px;border:1px solid transparent;border-radius:3px;background:#242320}.strip.selected{border-color:var(--accent);background:#302b27;box-shadow:inset 0 2px 0 var(--accent)}.strip.multi{border-color:var(--accent);box-shadow:inset 0 2px 0 var(--accent),inset 0 0 0 1px var(--accent)}.strip-label{font:600 9px IBM Plex Mono,monospace;color:var(--ink-dim);letter-spacing:.04em}.strip-fader{display:flex;gap:2px;height:150px;align-items:stretch}.meter{width:10px;background:#0d0d0c;border-radius:0;box-shadow:inset 0 0 0 1px #000;position:relative;overflow:hidden}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#5fbf3a,#5fbf3a 66.7%,#e8c43a 66.7%,#e8c43a 83.3%,#f08a2a 83.3%,#f08a2a 88.9%,#ff3b1f 88.9%)}.meter-mask{position:absolute;top:0;left:0;right:0;height:100%;background:#0d0d0c}.meter-tick{position:absolute;left:0;right:0;height:1px;background:#0000008c}.meter-tick.zero{height:2px;background:#ece7dc}.meter-hold{position:absolute;left:0;right:0;height:2px;background:#fff;display:none}.meter-scale{position:relative;width:18px;margin-left:2px;font:600 8px/1 IBM Plex Mono,monospace;color:var(--ink-dim)}.meter-scale span{position:absolute;left:4px;transform:translateY(50%)}.meter-scale span:before{content:"";position:absolute;left:-5px;top:50%;width:3px;height:1px;background:currentColor}.peak{min-width:38px;padding:1px 3px;border-radius:2px;background:#151513;border:1px solid var(--line);color:var(--ink);font:600 9px/1.3 IBM Plex Mono,monospace;text-align:center}.peak.over{background:#c8321a;border-color:#ff3b1f;color:#fff}.fader{width:18px;height:150px;margin:0;accent-color:var(--accent)}.fader-slot{position:relative;width:14px;align-self:stretch;flex:none;touch-action:none;cursor:ns-resize}.fader-slot .fader{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.fader-track{display:none}.fader-thumb{position:absolute;right:0;width:11px;height:12px;border-radius:0;pointer-events:none;background:#d6d3cc!important;clip-path:polygon(0 0,100% 50%,0 100%);box-shadow:none!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.fader-slot:hover .fader-thumb{background:#fff!important}.strip-value{min-width:38px;padding:1px 3px;border-radius:2px;background:#151513;border:1px solid var(--line);color:var(--ink);text-align:center;font:600 9px/1.3 IBM Plex Mono,monospace}.strip-btns{display:flex;gap:2px}.mini{font:600 8px IBM Plex Mono,monospace;padding:2px 3px;border-radius:3px}.mute.on{background:#a07a1a;border-color:#e0b030;color:#fff}.solo.on{background:#2f5a24;border-color:#5fae45;color:#fff}.vint.on{background:var(--panel);border-color:var(--lcd-fg);color:var(--lcd-fg)}.raw{color:var(--ink-dim);border:1px dashed var(--line);text-align:center}.strip-num{font:700 11px IBM Plex Sans,sans-serif}.fx{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(340px,1.25fr) minmax(400px,1.2fr);gap:8px;align-items:stretch}.fx-title{grid-column:1 / -1;margin-bottom:1px}.fx-card{align-content:flex-start;align-items:flex-end;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:#242320}.fx-card>.group-title{padding-bottom:6px;border-bottom:1px solid var(--line)}.master-card{flex-wrap:wrap;align-content:space-between;min-height:236px}.master-card>.group-title{position:absolute;top:8px;left:10px;right:10px;width:auto;justify-content:flex-start;gap:8px}.master-card{position:relative;padding-top:40px}.tape-brand{margin-right:auto;font:600 10px IBM Plex Mono,monospace;letter-spacing:.14em;color:var(--scr-bg)}.tape-deck{display:flex;align-items:center;justify-content:center;width:100%;height:108px;padding:0 4px;pointer-events:none;color:var(--scr-bg)}.tape-deck.off{opacity:.38}.reel{width:100px;height:100px;flex:none;position:relative;z-index:1}.reel-spin{width:100px;height:100px;animation:reel-spin var(--spin) linear infinite}.reel-svg{display:block;width:100%;height:100%}.tape-span{position:relative;flex:1;min-width:28px;height:100px;margin:0 -6px;z-index:0}.tape-run{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:currentColor}.tape-head{position:absolute;left:50%;top:50%;width:12px;height:16px;margin:-8px 0 0 -6px;border-radius:1px;background:transparent;border:1.5px solid currentColor;box-shadow:none}.tape-head:before{content:"";position:absolute;left:2px;right:2px;top:6px;height:1.5px;background:currentColor}.tape-led{position:absolute;left:50%;top:12px;width:5px;height:5px;margin-left:12px;border-radius:50%;background:transparent;border:1.5px solid currentColor;box-shadow:none}.tape-deck:not(.off) .tape-led{background:currentColor}:root[data-theme=standard][data-screen=dark] .tape-deck,:root[data-theme=standard][data-screen=dark] .tape-brand{color:var(--scr-ink)}.master-card .seg.on:before,.master-card .mini-toggle.on:before{background:var(--scr-bg);box-shadow:none}:root[data-theme=standard][data-screen=dark] .master-card .seg.on:before,:root[data-theme=standard][data-screen=dark] .master-card .mini-toggle.on:before{background:var(--scr-ink)}.tape-deck[data-ips="7.5"]{--spin: 3.4s}.tape-deck[data-ips="15"]{--spin: 1.7s}.tape-deck[data-ips="30"]{--spin: .85s}.tape-deck.off .reel-spin{animation-play-state:paused}@keyframes reel-spin{to{transform:rotate(360deg)}}.master-level{display:flex;flex-direction:column;align-items:center;gap:3px;margin-left:auto}.master-fader,.master-level .strip-fader{height:120px}.io{display:flex;flex-wrap:wrap;gap:10px 32px;align-items:flex-end}.io .knob-group{align-items:center}footer{color:var(--ink-dim);font-size:11px;text-align:center;padding:6px 0 20px}.power-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e0cd1;display:grid;place-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.power-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 40px;background:linear-gradient(180deg,var(--chassis-hi),var(--chassis-lo));color:#2a2824;border:none;border-radius:10px;font:700 18px IBM Plex Sans,sans-serif;letter-spacing:.1em}.power-btn .hint{color:#5b574f}.power-led{width:12px;height:12px;border-radius:50%;background:var(--led);box-shadow:0 0 10px var(--led)}dialog.export{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;width:min(520px,calc(100vw - 32px));padding:18px 20px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 6px;font-size:16px}.export-grid{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;align-items:center;margin:12px 0}.export select:disabled{opacity:.4}.progress{height:6px;background:var(--cell);border-radius:3px;overflow:hidden;margin:10px 0 6px}.progress-fill{height:100%;width:0;background:var(--accent)}.export-status{min-height:18px;font:11px IBM Plex Mono,monospace;color:var(--lcd-fg)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.project-list{display:flex;flex-direction:column;gap:6px;margin:12px 0;max-height:50vh;overflow-y:auto}.project-choice{text-align:left;padding:8px 10px}@media (max-width: 900px){.top{grid-template-columns:1fr}.pads{grid-template-columns:repeat(4,1fr)}.pads{grid-auto-rows:44px}.softkeys{grid-template-columns:repeat(3,1fr)}.fx{grid-template-columns:1fr}.fx-title{grid-column:1}}.ed-head{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:10px}.ed-pad{font:700 18px/1 IBM Plex Sans,sans-serif}.ed-out{font:600 10px IBM Plex Mono,monospace;color:var(--ink-dim);border:1px solid var(--line);border-radius:10px;padding:2px 7px}.ed-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-dim)}.ed-actions{display:flex;gap:4px;flex:none}.ed-engine{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 0;margin-bottom:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ed-lbl{font:600 10px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.ed-pair{display:flex;align-items:center;gap:8px}.ed-engine{column-gap:22px}.ed-workspace{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;align-items:stretch}.ed-main{min-width:0}.ed-output-strip{display:flex;flex-direction:column;align-items:center;align-self:start;gap:4px;padding:7px 5px 6px;border:1px solid var(--accent-dim);border-radius:4px;background:#242320}.ed-output-title{font:700 10px IBM Plex Mono,monospace;color:var(--ink);text-transform:uppercase;white-space:nowrap}.ed-output-sub{font:600 8px IBM Plex Mono,monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.ed-output-track{flex:none;height:160px;margin-top:2px}.ed-output-fader{height:160px}.mini-seg .seg{padding:3px 8px;font-size:10px}.ed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ed-grid-sound{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.ed-sec{border:1px solid var(--line);border-radius:5px;padding:7px 10px 6px;background:#ffffff04}.ed-sec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;min-height:22px;margin-bottom:6px}.ed-sec-title{font:600 10px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.ed-sec-knobs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 4px}.ed-sec-knobs .knob-label{white-space:nowrap}.ed-field{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:1px}.ed-select{font-size:11px;padding:3px 4px}.mini-toggle{font:600 10px IBM Plex Mono,monospace;padding:3px 8px}.mini-toggle.on{background:var(--accent-dim);border-color:var(--accent);color:#fff}.knob.dim{opacity:.35}@media (min-width: 901px) and (max-width: 1100px){.ed-grid,.ed-grid-sound{grid-template-columns:1fr}.fx{grid-template-columns:minmax(210px,.8fr) minmax(430px,1.7fr)}.fx .master-card{grid-column:1 / -1}}.wave-box{position:relative;flex:none}.wave-zoom{position:absolute;top:6px;right:6px;display:flex;gap:0}.wave-zoom .scr-btn{width:26px;padding:2px 0;font-size:20px;background:var(--scr-bg)}.wave-zoom .scr-btn:active{background:var(--scr-ink);color:var(--scr-bg)}.tune-ctl{display:flex;align-items:flex-start;gap:2px}.tune-steps{display:flex;flex-direction:column;gap:3px;margin-top:4px}.step-btn{width:20px;height:18px;padding:0;font:700 12px/1 IBM Plex Mono,monospace;border-radius:3px}.step-btn:active{background:var(--accent);border-color:var(--accent)}.seg:disabled{opacity:.3;cursor:default}.ed-wide{grid-column:1 / -1}.ed-sec.bypassed .eq-row,.ed-sec.bypassed .comp-row{opacity:.4}.ed-sec-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.eq-row{display:flex;flex-wrap:wrap;gap:6px 10px}.eq-band{display:flex;flex-direction:column;gap:2px;padding:0 8px 0 0;border-right:1px solid var(--line)}.eq-band:last-child{border-right:none}.eq-band-name{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:18px;font:600 10px IBM Plex Mono,monospace;color:var(--ink);letter-spacing:.06em}.eq-bell{padding:1px 5px;font-size:9px}.eq-band-knobs{display:flex;align-items:flex-end;gap:2px}.knob.sm{width:46px}.knob.sm .knob-svg{width:32px;height:32px}.comp-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.gr-meter{display:flex;align-items:center;gap:6px;padding-bottom:14px}.gr-label{font:600 10px IBM Plex Mono,monospace;color:var(--ink-dim)}.gr-track{width:120px;height:8px;background:#151513;border-radius:2px;overflow:hidden;direction:rtl}.gr-fill{height:100%;width:0;background:#f0b040}.gr-text{font:600 10px IBM Plex Mono,monospace;color:#f0b040;min-width:32px}.ed-tabs{display:flex;gap:0;margin-bottom:8px;border-bottom:1px solid var(--line)}.ed-tab{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:6px 14px;font:600 11px IBM Plex Mono,monospace;letter-spacing:.06em;color:var(--ink-dim)}.ed-tab.on{color:var(--ink);border-bottom-color:var(--accent)}.ed-tab:hover{color:var(--ink)}.pad{min-width:0;overflow:hidden}.pad-name{max-width:calc(100% - 14px)}.ed-field.dim{opacity:.35}.tbtn.capture.ready{color:var(--lcd-fg);border-color:var(--lcd-fg);box-shadow:0 0 6px #ffb54759}.roll-marker{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed #f0b040;pointer-events:none;z-index:3;display:none}.roll-marker:before{content:"";position:absolute;top:-1px;left:-4px;border:4px solid transparent;border-top-color:#f0b040}.roll-vel-label{font:600 9px IBM Plex Mono,monospace;color:var(--ink-dim);display:flex;align-items:flex-end;padding:0 6px 4px}.roll-vel-lane{position:relative;width:var(--lane-w);height:64px;margin-top:4px;border-radius:3px;background:var(--cell-alt);background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:var(--beat) 100%;touch-action:none;cursor:ns-resize}.vel-stick{position:absolute;bottom:0;width:8px;margin-left:-2px;background:var(--accent);border-radius:2px 2px 0 0;pointer-events:none}.vel-stick:before{content:"";position:absolute;left:-2px;right:-2px;top:-3px;height:4px;background:inherit;border-radius:2px}.vel-stick.sel{background:#fff}.roll-note.gated{border-radius:0}.roll-len-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:3}.roll-len-handle.start{left:0}.roll-len-handle.end{right:0}.roll-note:hover .roll-len-handle,.roll-note.sel .roll-len-handle{background:#ffffff73}.roll-len-handle:hover{background:#ffffffb3}.top-left{display:flex;flex-direction:column;gap:10px;min-width:0}.engine-panel{padding:10px 12px}.engine-title{margin-bottom:6px}.engine-panel .ed-engine{border:none;padding:0;margin:0;flex-wrap:wrap;align-items:center;gap:8px 22px}.engine-panel .ed-pair{flex-wrap:wrap}.engine-panel{flex:1}.top{align-items:stretch}.top .editor{height:100%}.strip-btns{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;padding:0 2px}.strip-btns .mini{height:24px;padding:0;font-size:12px;letter-spacing:.04em}.strip>.mini.vint{width:calc(100% - 4px);height:20px;padding:0;font-size:10px}.ed-sec.bypassed .fx-knobs{opacity:.4}.levels-box{display:flex;flex-direction:column;justify-content:center;gap:5px}.bank-tools{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:104px}.bank-tools>.small-btn,.levels-box>.small-btn{width:100%;font-size:10px;padding:5px 6px;white-space:nowrap}.levels-row{display:flex;align-items:center;gap:4px}.levels-row .small-btn{padding:3px 6px;font-size:10px}.levels-src{font:700 11px Barlow Condensed,sans-serif;color:var(--chassis-ink);margin-left:2px}.padbar.levels .pad-name{font-weight:700;font-size:13px}.padbar.levels .pad.selected{outline-color:var(--amber, #f0a83a)}.grid-label.pitch.black,.roll-lane.black{background:#00000038}.roll-pitch{position:absolute;left:3px;top:0;font:700 9px/14px IBM Plex Mono,monospace;color:#000000bf;pointer-events:none;white-space:nowrap}.fx{grid-template-columns:minmax(220px,.75fr) minmax(360px,1.3fr) minmax(330px,1.1fr) minmax(400px,1.2fr)}.fx-card.has-return{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start}.fx-card.has-return>.group-title{grid-column:1 / -1}.ret-knobs{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end;align-content:flex-start;padding-top:4px}.return-level{margin-left:0;padding-left:8px;border-left:1px solid var(--line);align-self:stretch;justify-content:flex-end}.return-level .strip-fader,.return-level .master-fader{height:110px}.ny-gr{flex-direction:column;gap:3px;padding-bottom:2px}.ny-gr .gr-track{width:56px}.tape-deck.stopped .reel-spin{animation-play-state:paused}@media (max-width: 1500px){.fx{grid-template-columns:1fr 1fr}.fx .master-card{grid-column:1 / -1}}@media (max-width: 760px){.fx{grid-template-columns:1fr}}.knob-select{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:58px}.knob-select select{font-size:10px;padding:2px 4px}.wah-shape{margin:2px 0 4px}.wah-shape .seg{min-width:26px;font-size:12px}.filter-graph{width:132px;height:62px;background:#151513;border:1px solid var(--line);border-radius:3px;align-self:center}.bank-grid{grid-template-columns:36px 20px 36px 20px}.bank-mute{padding:0;font:700 9px IBM Plex Mono,monospace}.bank-ms{display:grid;grid-template-rows:1fr 1fr;gap:2px;min-height:0}.bank-ms .bank-mute{min-height:0;line-height:1;font-size:8px}.bank-btn.muted{opacity:.55;text-decoration:line-through}.strips.bank-muted .strip:not(.bank-strip){opacity:.5}.eq-graph{display:block;width:100%;height:96px;margin:2px 0 8px;background:#151513;border:1px solid var(--line);border-radius:3px}.strips{grid-template-columns:repeat(16,minmax(58px,1fr)) minmax(76px,1.25fr);min-width:1040px}.bank-strip{background:#2c2a26;border-color:var(--line);margin-left:6px}.bank-strip .strip-label{color:var(--accent);font-weight:700}.fx .cassette-card{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.cassette-card>.group-title{flex-basis:100%;gap:8px}.cassette-card .hint{color:var(--ink-dim);font-weight:500;text-transform:none;letter-spacing:0}.cassette-art{width:190px;flex:none}.cassette-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.cassette-art.off{opacity:.4}.cassette-hub{animation:reel-spin 1.9s linear infinite}.cassette-art.off .cassette-hub,.cassette-art.stopped .cassette-hub{animation-play-state:paused}.cassette-knobs{display:flex;gap:14px;align-items:flex-end}.roll-note.ghost{opacity:.28;pointer-events:none;box-shadow:none}.clip-repeat{position:absolute;top:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(135deg,#00000038 0,#00000038 6px,#00000014 6px,#00000014 12px)}.clip-end{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);z-index:3;cursor:ew-resize}.clip-end:before{content:"";position:absolute;top:0;bottom:0;left:-5px;width:12px}.clip-end span{position:absolute;top:2px;left:4px;padding:1px 4px;border-radius:2px;background:var(--accent);color:#fff;font:700 9px IBM Plex Mono,monospace;white-space:nowrap}.session{margin-bottom:10px;border:1px solid var(--line);border-radius:4px;background:#1f1e1b;padding:6px 8px 8px}.session-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.session-head .hint{color:var(--ink-dim);font-size:11px}.session-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.session-tools label{color:var(--ink-dim);font:600 10px IBM Plex Mono,monospace}.session-grid{display:grid;grid-template-columns:56px repeat(var(--banks, 6),minmax(96px,1fr));gap:3px;margin-top:6px;max-height:236px;overflow-y:auto;padding-right:2px}.session-corner,.session-bank{position:sticky;top:0;z-index:2;background:#1f1e1b;display:flex;align-items:center;gap:6px;padding:2px 4px;font:700 10px IBM Plex Mono,monospace;color:var(--ink-dim)}.session-bank b{color:var(--ink);letter-spacing:.5px}.clip-stop{margin-left:auto;padding:0 5px;font-size:9px;line-height:16px}.scene-btn{font:700 10px IBM Plex Mono,monospace;padding:0 4px;height:24px;text-align:left}.clip{position:relative;display:flex;align-items:center;gap:6px;height:24px;padding:0 6px 0 2px;border-radius:3px;background:#3a3530;border:1px solid #4a443d;cursor:pointer;overflow:hidden}.clip.empty{background:#24231f;border-color:#2e2c28}.clip.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.clip.playing{background:#4a3214;border-color:#f0a43a}.clip.queued{background:#3a2c1a;border-color:#ffd36b}.clip.armed .clip-play{color:#ffc56b;border-color:#a8742a}.session.clip-dragging,.session.clip-dragging .clip{cursor:grabbing}.session.clip-copying,.session.clip-copying .clip{cursor:copy}.clip.drop{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.clip.drop-copy{border-style:dashed}.clip-play{flex:none;width:20px;height:18px;padding:0;font-size:9px;line-height:18px}.clip.empty .clip-play{opacity:.5}.clip.playing .clip-play{color:#ffc56b}.clip-preview{position:relative;flex:1;height:12px}.clip-preview i{position:absolute;top:2px;width:2px;height:8px;background:#e8c27a;border-radius:1px}.clip.playing .clip-preview i{background:#ffd89a}.clip-len{flex:none;padding:0 14px 0 4px;height:18px;border:0;background-color:transparent;color:var(--ink-dim);font:600 9px IBM Plex Mono,monospace;cursor:pointer}.clip-len:hover{color:var(--ink);background-color:#00000040}.scene-add{grid-column:1;height:22px;font:700 13px IBM Plex Mono,monospace;padding:0}.clip-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;will-change:transform;background:#ffb547;pointer-events:none}.roll-playhead,.arr-playhead{will-change:transform}.project-name-wrap{position:relative;display:flex;flex-direction:column}.project-folder{position:absolute;right:8px;top:50%;transform:translateY(-50%);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lcd-fg, #ffb547);opacity:.55;font:600 10px IBM Plex Mono,monospace;pointer-events:auto}.pad-ms{position:absolute;top:4px;right:20px;display:flex;gap:2px}.pad-chip{width:14px;height:13px;border-radius:2px;font:700 8px/13px IBM Plex Mono,monospace;text-align:center;color:#8a8475;background:#00000014;cursor:pointer}.pad-chip:hover{background:#0000002e;color:#3a3732}.pad-mute.on{background:#c9972c;color:#fff}.pad-solo.on{background:#4f8a33;color:#fff}.pad.muted{opacity:.5}.pad.soloed{box-shadow:inset 0 0 0 2px #5fae45!important}.padbar.levels .pad-ms{display:none}.power-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;text-align:center}.power-brand{font:800 italic 34px Barlow Condensed,sans-serif;letter-spacing:.04em;color:#ece5d4}.power-credit{color:#b7ae9c;font:600 12px IBM Plex Sans,sans-serif;letter-spacing:.04em;margin-top:-6px}.power-sub{color:#b7ae9c;font:500 13px IBM Plex Sans,sans-serif;margin-top:-4px}.power-tips{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px;color:#b7ae9c;font:12px IBM Plex Sans,sans-serif}.power-tips b{color:#ece5d4;font-family:IBM Plex Mono,monospace;font-size:11px}.gate-overlay{z-index:60;background:#141311;-webkit-backdrop-filter:none;backdrop-filter:none}.gate-input{width:220px;padding:10px 12px;border-radius:8px;border:1px solid #3a3630;background:#12110f;color:#ece5d4;font:16px IBM Plex Mono,monospace;text-align:center}.gate-btn{padding:14px 36px;cursor:pointer}.gate-err{min-height:16px;color:#e07060;font:12px IBM Plex Sans,sans-serif}.help-btn{font-weight:800;min-width:34px}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#0c0b09b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}.help-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#24221f;border:1px solid var(--line);border-radius:8px;padding:16px 18px;color:var(--ink);box-shadow:0 20px 60px #0009}.help-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:6px}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}.help-cols h4{margin:12px 0 6px;font:700 11px IBM Plex Mono,monospace;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.help-row{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:3px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.04)}.help-row kbd{font:600 11px IBM Plex Mono,monospace;color:var(--lcd-fg)}.help-foot{margin-top:12px;color:var(--ink-dim);font-size:11px}@media (max-width: 640px){.help-cols{grid-template-columns:1fr}}.clip.empty .clip-play{opacity:0}.clip.empty:hover .clip-play{opacity:.6}.bank-strip{position:sticky;right:0;z-index:2;box-shadow:-8px 0 12px #00000059}@media (max-width: 1500px){.fx .ny-card{grid-column:1 / -1}}.view-tabs{display:flex;gap:4px;margin:2px 0 -2px;padding:0 2px}.view-tab{padding:7px 18px 6px;border-radius:6px 6px 0 0;font:700 12px Barlow Condensed,sans-serif;letter-spacing:.12em;background:#26241f;color:var(--ink-dim);border:1px solid var(--line);border-bottom:none}.view-tab.on{background:#2f2c27;color:var(--ink);box-shadow:inset 0 2px 0 var(--accent)}.workspace-tabs{margin-inline:-10px;padding:6px 12px 0;background:var(--body);border-bottom:1px solid var(--line)}.view{display:none}#app[data-view=seq] .view-seq{display:grid;gap:10px}.bottom-dock{position:fixed;left:10px;right:10px;bottom:0;z-index:8;display:flex;flex-direction:column;filter:drop-shadow(0 -10px 20px rgba(0,0,0,.38))}.detail-dock{--detail-height: 300px;min-width:0;background:var(--body);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0}.detail-resize{display:none;height:9px;margin-top:-5px;cursor:ns-resize;touch-action:none;position:relative}.detail-resize:after{content:"";position:absolute;left:50%;top:4px;width:52px;height:3px;border-radius:3px;transform:translate(-50%);background:var(--line)}.detail-resize:hover:after,.detail-resize:focus-visible:after{background:var(--accent)}.detail-dock.open .detail-resize{display:block}.detail-tabs{align-items:center;margin:0;padding:0 6px;background:#1f1e1b}.detail-dock.open .detail-tabs{border-top:1px solid var(--line)}.detail-tab{padding-inline:20px}.detail-collapse{margin-left:auto;width:34px;height:24px;padding:0;border-radius:3px;font:700 15px/1 IBM Plex Mono,monospace}.detail-body{display:none;height:var(--detail-height);min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px;background:#201f1c}.detail-dock.open .detail-body{display:block}.detail-panel{display:none;min-width:0;grid-template-columns:minmax(0,1fr);gap:10px}#app[data-detail=mix] .detail-mix,#app[data-detail=fx] .detail-fx,#app[data-detail=files] .detail-files{display:grid}.bottom-dock .padbar{position:static;border-radius:0;box-shadow:inset 0 1px #ffffff80}@media (max-width: 900px){.bottom-dock{left:4px;right:4px}.detail-body{height:min(var(--detail-height),32vh);padding:6px}.detail-tab{padding-inline:13px}}@media (max-width: 640px){.workspace-tabs{margin-inline:-6px;padding-inline:8px}.workspace-tab{flex:1}.detail-body{height:min(var(--detail-height),28vh)}.detail-tab{flex:1;padding-inline:8px}}.pad-chip:not(.on){opacity:0;transition:opacity .12s}.pad:hover .pad-chip:not(.on){opacity:1}.bank-mute:not(.on){opacity:0;transition:opacity .12s}.banks:hover .bank-mute:not(.on){opacity:1}:root[data-screen=dark]{--scr-bg: #141210;--scr-bg-2: #0b0a09;--scr-ink: #ffb547;--scr-dim: #6b4a1e;--scr-shade: rgba(0, 0, 0, .5);--scr-mark: #ff6a2b;--scr-sel: rgba(255, 106, 43, .14);--scr-play: rgba(255, 106, 43, .26);--scr-hatch: rgba(255, 181, 71, .16)}:root[data-screen=dark] .screen{box-shadow:inset 0 0 0 1px #2c2620,inset 0 2px 14px #000000e6}:root[data-screen=dark] .screen .scr-btn.on{color:#141210}.scr-style{font-size:15px!important}:root[data-screen=dark] .glass:after{opacity:.45}.ed-engine-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.ed-drop{display:flex;align-items:center;gap:8px}.ed-drop .ed-select{min-width:110px}.engine-panel .ed-sec{margin-top:10px;background:transparent;border:none;padding:6px 0 0;box-shadow:none}.strips{grid-template-columns:repeat(16,minmax(58px,1fr)) minmax(76px,1.25fr) minmax(92px,1.4fr);min-width:1140px}.bank-strip{right:98px}.master-strip{position:sticky;right:0;z-index:2;background:#34302a;border-color:var(--accent);box-shadow:-8px 0 12px #00000059}.master-strip .strip-label{color:var(--accent);font-weight:800;letter-spacing:.06em}.strips{grid-template-columns:repeat(16,minmax(58px,1fr));min-width:960px}.banks-row{display:grid;grid-template-columns:repeat(6,minmax(76px,120px)) minmax(96px,130px);gap:6px;margin-top:8px;align-items:stretch}.banks-row .bank-strip{position:static;box-shadow:none;margin-left:0}.banks-row .bank-strip.selected{border-color:var(--accent)}.banks-row .bank-strip.multi{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.banks-row .master-strip{position:static;box-shadow:none;margin-left:0;width:118px}.banks-row{grid-template-columns:repeat(6,106px) auto;justify-content:start}.bank-outs{display:flex;gap:6px;margin-left:14px;align-items:stretch}.banks-row .return-strip{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;grid-template-areas:"label" "fader" "btns";gap:5px;justify-items:center;width:60px;padding:7px 5px;position:static;background:#2a2823;border-style:dashed}.banks-row .return-strip>.strip-label{grid-area:label;color:var(--ink-dim);font-weight:700;white-space:nowrap}.banks-row .return-strip>.peak,.banks-row .return-strip>.strip-value{display:none}.banks-row .return-strip>.strip-fader{grid-area:fader;height:100%;min-height:132px;align-self:stretch}.banks-row .return-strip>.strip-btns{grid-area:btns;padding:0;gap:2px;width:48px}.banks-row .return-strip>.strip-btns button{min-width:0;width:23px;padding-inline:0}.banks-row .bank-processing{grid-template-columns:1fr;gap:6px;justify-items:center}.banks-row .bank-processing .knob{width:40px}.banks-row .bank-processing .knob-svg{width:32px;height:32px}.banks-row .bank-strip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"label label" "fader peak" "fader value" "fader proc" "btns  proc";gap:5px 6px;align-items:start;padding:7px 5px}.banks-row .bank-strip>.strip-label{grid-area:label;justify-self:center}.banks-row .bank-strip>.peak{grid-area:peak;min-width:0;width:100%}.banks-row .bank-strip>.strip-value{grid-area:value;min-width:0;width:100%}.banks-row .bank-strip>.strip-fader{grid-area:fader;height:100%;min-height:132px;align-self:stretch}.banks-row .bank-strip>.strip-btns{grid-area:btns;padding:0;gap:2px;align-self:end}.banks-row .bank-strip>.strip-btns button{min-width:0;width:23px;padding-inline:0}.banks-row .bank-strip>.bank-processing{grid-area:proc}.banks-row .bank-strip>.strip-num{display:none}.banks-row .bank-processing .bank-comp{border-top:none;padding-top:0}.banks-row .master-strip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"fader label" "fader peak" "fader value" "fader lim" "fader num";gap:5px 6px;align-items:start;padding:7px 8px 7px 6px}.banks-row .master-strip>.strip-label{grid-area:label;justify-self:start}.banks-row .master-strip>.peak{grid-area:peak;min-width:0;width:100%}.banks-row .master-strip>.strip-value{grid-area:value;min-width:0;width:100%}.banks-row .master-strip>.strip-fader{grid-area:fader;height:100%;min-height:132px;align-self:stretch}.banks-row .master-strip>.strip-num{grid-area:num;align-self:end;justify-self:start}.master-strip>.strip-limiter{grid-area:lim;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line);width:100%}.strip-limiter .mini-toggle{font-size:8px;padding-inline:4px}.strip-limiter .knob{width:44px}.strip-limiter .knob-svg{width:32px;height:32px}.strip-lim-gr{font:600 10px IBM Plex Mono,monospace;color:var(--ink-dim)}.strip-lim-gr.on{color:#f0b040}@media (max-width: 940px){.banks-row{grid-template-columns:repeat(3,106px) auto}.banks-row .bank-outs{grid-column:4;grid-row:1 / span 2}}@media (max-width: 700px){.banks-row{grid-template-columns:repeat(3,106px)}.banks-row .bank-outs{grid-column:1 / -1;grid-row:auto;margin-left:0;flex-wrap:wrap}}.bank-pick{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font-weight:700;box-shadow:none}.bank-pick:hover{text-decoration:underline}#app[data-view=seq] .view-seq{grid-template-columns:minmax(0,1fr)}.seq,.mixer,.banks-mixer,.fx,.io{min-width:0}.grid-scroll{min-width:0;max-width:100%}.files-panel{min-width:0;padding:12px}.files-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.files-head h3{margin:0 0 3px;font:700 15px Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase}.files-head .hint{margin:0}.files-tools{display:flex;align-items:center;gap:8px}.file-count{color:var(--ink-dim);font:600 10px IBM Plex Mono,monospace;white-space:nowrap}.file-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;overflow:hidden}.file-row{display:grid;grid-template-columns:minmax(72px,auto) minmax(160px,1.5fr) minmax(145px,.8fr) minmax(105px,.6fr) minmax(130px,.8fr) auto;gap:8px;align-items:center;min-height:40px;padding:5px 7px;background:#25231f;border-bottom:1px solid rgba(255,255,255,.05)}.file-row:last-child{border-bottom:0}.file-row.selected{box-shadow:inset 3px 0 0 var(--accent);background:#2d2923}.file-name{width:100%;min-width:0;background:#191815;color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:5px 7px;font:11px IBM Plex Mono,monospace}.file-meta,.file-status,.file-use,.file-unused{color:var(--ink-dim);font:10px IBM Plex Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-status{color:var(--lcd-fg)}.file-use.unused,.file-unused{color:#d88773}.file-actions{display:flex;gap:4px;justify-content:flex-end}.file-actions .small-btn{padding-left:7px;padding-right:7px}@media (max-width: 1000px){.file-row{grid-template-columns:70px minmax(140px,1fr) auto}.file-meta,.file-status,.file-use{display:none}}#app[data-view=arr] .view-arr{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.arr{min-width:0;outline:none}.arr-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}.arr-tools{display:flex;align-items:center;gap:4px;margin-left:auto}.arr-tools label{color:var(--ink-dim);font:600 10px IBM Plex Mono,monospace;margin-right:4px}.arr-hint{flex-basis:100%;color:var(--ink-dim);font-size:11px}.arr-body{display:grid;grid-template-columns:70px minmax(0,1fr);border:1px solid var(--line);border-radius:4px;background:#1d1c19}.arr-labels{border-right:1px solid var(--line)}.arr-label{height:38px;display:flex;align-items:center;padding-left:8px;font:700 11px IBM Plex Mono,monospace;color:hsl(var(--h, 30) 60% 70%);border-bottom:1px solid rgba(255,255,255,.04)}.arr-label.ruler-gap{height:24px;border-bottom:1px solid var(--line)}.arr-scroll{overflow-x:auto;overflow-y:hidden;min-width:0}.arr-canvas{position:relative}.arr-ruler{position:relative;height:24px;border-bottom:1px solid var(--line);cursor:text;background:#23211d}.arr-bar{position:absolute;top:0;bottom:0;padding-left:3px;border-left:1px solid rgba(255,255,255,.08);font:600 9px/24px IBM Plex Mono,monospace;color:var(--ink-dim);pointer-events:none}.arr-bar.major{border-left-color:#fff3;color:var(--ink)}.arr-loop{position:absolute;top:2px;height:8px;border-radius:2px;background:#ffffff1f;pointer-events:none}.arr-loop.on{background:var(--accent)}.arr-cursor{position:absolute;bottom:0;width:0;height:0;margin-left:-5px;border:5px solid transparent;border-bottom:7px solid var(--lcd-fg);pointer-events:none}.arr-lanes{position:relative;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px var(--bar))}.arr-lane{position:absolute;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.04)}.arr-region{position:absolute;border-radius:3px;background:hsl(var(--h) 35% 26%);border:1px solid hsl(var(--h) 45% 45%);overflow:hidden;cursor:grab;box-sizing:border-box}.arr-region.sel{border-color:#fff;box-shadow:0 0 0 1px #fff}.arr-region-name{position:absolute;left:4px;top:1px;font:700 9px IBM Plex Mono,monospace;color:hsl(var(--h) 70% 82%);pointer-events:none}.arr-note{position:absolute;width:2px;height:3px;background:hsl(var(--h) 70% 75%);pointer-events:none}.arr-loopmark{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed hsl(var(--h) 50% 55%);pointer-events:none}.arr-region-edge{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:ew-resize;background:linear-gradient(90deg,transparent,hsl(var(--h) 45% 45% / .6))}.arr-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--lcd-fg);pointer-events:none;display:none;z-index:3}.arr-rec.on{background:#8a2514!important;color:#fff!important;box-shadow:0 0 8px #ff3b1f80}.arr-detail{display:none;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.arr-detail.open{display:block}.arr-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.arr-detail-head .small-btn{margin-left:auto}.arr-detail-head .hint{color:var(--ink-dim);font-size:11px}.note-editor{min-width:0}.screen-row .scr-select{background:transparent;color:var(--scr-ink);border:1px solid var(--scr-dim);border-radius:2px;font:600 11px IBM Plex Mono,monospace;padding:1px 2px;box-shadow:none}.screen-row .scr-even{margin-left:4px;padding:1px 5px;letter-spacing:.04em;cursor:pointer}.screen-row .scr-even:disabled{opacity:.35;cursor:default}.unmix-progress{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:110px;align-self:center}.unmix-track{height:6px;border-radius:3px;background:#151513;border:1px solid var(--line);overflow:hidden;visibility:hidden}.unmix-progress.busy .unmix-track{visibility:visible}.unmix-fill{height:100%;width:0;background:var(--accent);transition:width .15s linear}.unmix-text{font:600 10px IBM Plex Mono,monospace;color:var(--ink-dim);min-height:12px}.padbar.bank-copy-armed .bank-btn{outline:2px dashed var(--accent);outline-offset:1px;cursor:copy}.padbar.paste-armed .pad{outline:2px dashed var(--accent);outline-offset:2px;cursor:copy}.side-mix{display:none}html.wide #app[data-view=seq] .view-seq{grid-template-columns:minmax(0,1fr) minmax(1010px,.8fr);align-items:start}html.wide .side-mix{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}html.wide .side-mix .banks-row{grid-template-columns:repeat(6,minmax(92px,1fr)) auto}html.mix-out .detail-tab[data-panel=mix]{display:none}html:not(.layout-bottom) .detail-tab[data-panel=pad]{display:none}#app[data-detail=pad] .detail-pad{display:grid}html.layout-bottom .top{grid-template-columns:minmax(340px,.4fr) minmax(0,1fr);align-items:start}html.layout-bottom #app[data-detail=pad] .detail-dock.open .detail-body{height:auto;max-height:70vh}html.layout-bottom #app[data-detail=pad] .detail-resize{display:none}html.layout-bottom .ed-on-sampler{grid-template-columns:1fr}html.layout-bottom .ed-on-sampler .engine-panel{padding:0;background:none;border:none;box-shadow:none}@media (min-width: 1300px){html.layout-bottom .ed-on-sound{grid-template-columns:1.2fr 1.2fr .8fr 1fr}html.layout-bottom .ed-on-fx{grid-template-columns:repeat(5,minmax(0,1fr))}html.layout-bottom .ed-on-strip{grid-template-columns:1.7fr 1fr;align-items:start}html.layout-bottom .ed-on-strip>.ed-wide{grid-column:auto}}.flow-mix{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}.flow-mix:empty{display:none}.fx .limiter-card{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.limiter-card>.group-title{flex-basis:100%;gap:8px}.limiter-card .hint{color:var(--ink-dim);font-weight:500;text-transform:none;letter-spacing:0}.limiter-card .gr-track{width:120px}.limiter-card .out-fill{background:#5fbf4a}.limiter-card .out-text{color:var(--ink)}.arr-ghost{opacity:.7;border-style:dashed;pointer-events:none;z-index:4}.update-btn{background:var(--accent);border-color:var(--accent);color:#fff}.update-btn:disabled{opacity:.8}.sys-meters{margin-left:auto;display:flex;align-items:center;gap:14px}.cpu-meter{display:flex;align-items:center;gap:6px;padding:0 4px;font:600 10px IBM Plex Mono,monospace;color:var(--ink-dim)}.cpu-label{letter-spacing:.08em}.cpu-bar{position:relative;width:64px;height:8px;border-radius:2px;background:#151513;border:1px solid var(--line);overflow:hidden}.cpu-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#5fbf4a}.cpu-bar b{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--ink);opacity:.8}.cpu-num{min-width:34px;text-align:right;color:var(--ink)}.ram-meter .cpu-num{min-width:50px}.ram-meter .cpu-bar i{background:#5a9bd8}.cpu-meter.warn .cpu-bar i{background:#e0a73a}.cpu-meter.warn .cpu-num{color:#e0a73a}.cpu-meter.hot .cpu-bar i{background:#e2452a}.cpu-meter.hot .cpu-num{color:#ff5a3c}.engine-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 900px){.engine-filters{grid-template-columns:1fr}}.bpm303{display:flex;flex-direction:column;align-items:center;gap:3px}.bpm303-read{font:600 15px IBM Plex Mono,monospace;color:var(--accent)}.bpm303-btns{display:flex;gap:3px}.settings-card{width:min(560px,100%)}.settings-card h4{margin:14px 0 6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.set-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}.set-row>label{width:90px;flex:none}.set-row select{min-width:220px}.set-note{color:var(--ink-dim);font-size:12px}.set-status{margin-top:8px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;font:11px IBM Plex Mono,monospace;color:var(--ink-dim)}.set-themes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.set-theme{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border-radius:8px;border:2px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.set-theme.on{border-color:var(--accent)}.set-theme>span:last-child{font-size:11px;color:var(--ink-dim);font-weight:400;letter-spacing:0;text-transform:none}.set-swatch{display:flex;gap:4px;padding:6px;border-radius:6px}.set-swatch i{width:18px;height:18px;border-radius:50%;display:block}.theme-standard .set-swatch{background:#cbc4b4}.theme-standard .set-swatch i:nth-child(1){background:#2a2825}.theme-standard .set-swatch i:nth-child(2){background:#e9b45c}.theme-standard .set-swatch i:nth-child(3){background:#e2622b}.theme-standard .set-swatch i:nth-child(4){background:#ebe3d0}.theme-te .set-swatch{background:#e9eaea;box-shadow:0 0 0 1px #b9bbbd}.theme-te .set-swatch i:nth-child(1){background:#1f6fe0}.theme-te .set-swatch i:nth-child(2){background:#22a35a}.theme-te .set-swatch i:nth-child(3){background:#fbfbfa;box-shadow:0 0 0 1px #aeb0b3}.theme-te .set-swatch i:nth-child(4){background:#ff5a1f}.theme-sp1200 .set-swatch{background:#8f959c}.theme-sp1200 .set-swatch i:nth-child(1){background:#23272c}.theme-sp1200 .set-swatch i:nth-child(2){background:#b9cb5c}.theme-sp1200 .set-swatch i:nth-child(3){background:#2f7fd6}.theme-sp1200 .set-swatch i:nth-child(4){background:#dfe3e7}.theme-mpc3000 .set-swatch{background:#d8d4c8}.theme-mpc3000 .set-swatch i:nth-child(1){background:#55565a}.theme-mpc3000 .set-swatch i:nth-child(2){background:#abc8cd}.theme-mpc3000 .set-swatch i:nth-child(3){background:#d1232a}.theme-mpc3000 .set-swatch i:nth-child(4){background:#8f8d87}.bank-comp{display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:4px;border-top:1px solid var(--line)}.bank-comp-gr{font:600 10px IBM Plex Mono,monospace;color:var(--accent);min-height:12px}.bank-processing{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;align-items:start}.bank-processing .bank-comp{min-width:0;padding:4px 1px 0}.bank-processing .knob-wrap{max-width:100%}.bank-processing .knob-label{font-size:8px}.bank-processing .mini-toggle{max-width:100%;padding-inline:3px;font-size:8px;letter-spacing:.02em}.fx .pultec-card{display:block;grid-column:1 / -1}@media (min-width: 1501px){.fx .pultec-card,.fx .cassette-card{grid-column:span 2}}.pultec-card .pultec-graph{height:96px}.pultec-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pultec-band{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.pultec-label{font:700 10px IBM Plex Mono,monospace;letter-spacing:.08em;color:var(--dim, #9a9282)}.pultec-knobs{display:flex;gap:6px;flex-wrap:wrap}html.app .app-titlebar{position:fixed;top:0;left:0;right:0;height:28px;z-index:60;display:flex;align-items:center;padding-left:78px;background:var(--body);color:var(--ink-dim);font:500 13px -apple-system,Helvetica Neue,sans-serif;cursor:default;-webkit-user-select:none;user-select:none}html.app #app{padding-top:38px}html.app .transport,html.app .job{top:28px}html.app .topbar{cursor:default;-webkit-user-select:none;user-select:none}html.app .topbar .project .accent,html.app .project-name-wrap .folder-label,html.app .install-btn,html.app .power-overlay,html.plugin .transport,html.plugin .view-tabs,html.plugin .view,html.plugin .detail-dock,html.plugin .topbar .project,html.plugin .install-btn,html.plugin .power-overlay{display:none!important}html.plugin #app{padding-bottom:10px}html.plugin .bottom-dock{position:static;filter:none}html.plugin .padbar{position:static}:root{--body: #141311;--chassis: #cbc4b4;--chassis-hi: #dbd5c7;--chassis-lo: #b3ac9c;--chassis-ink: #2b2925;--chassis-ink-dim: #5e5a51;--panel: #2a2825;--panel-2: #36332f;--ink: #ebe3d0;--ink-dim: #a2998a;--line: #46433d;--accent: #e2622b;--accent-dim: #a3401b;--amber: #f0a83a;--led: #ff3b1f;--led-off: #4a2420;--cell: #34322d;--cell-alt: #2f2d29;--silk: "Barlow Condensed", "IBM Plex Sans", sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html,body{background:radial-gradient(ellipse at 50% 0%,#24221e 0%,var(--body) 60%) fixed}label,.group-title,.panel-title,.ed-sec-title,.ed-lbl,.knob-label,.roll-vel-label,.strip-label,.eq-band-name,.gr-label,.scr-seg-label,.fx-title,.tag{font-family:var(--silk)!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase}.ed-sec-title,.panel-title,.group-title,.fx-title{font-size:12px!important;color:var(--ink)!important}.knob-label{font-size:10px!important;color:var(--ink-dim)!important}.knob-val{font:600 10px IBM Plex Mono,monospace;color:var(--amber)}.topbar,.transport,.padbar{background-color:var(--chassis);background-image:var(--grain),linear-gradient(180deg,var(--chassis-hi),var(--chassis-lo))}.topbar{position:relative;box-shadow:inset 0 1px #ffffff8c}.padbar{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #0000001f,0 -10px 28px #0000008c}.topbar:before,.topbar:after{content:"";position:absolute;top:8px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#eee9df,#8f897d 60%,#5c574e);box-shadow:inset 0 0 0 1px #00000040}.topbar:before{left:8px}.topbar:after{right:8px}.topbar label,.transport label,.padbar label{color:var(--chassis-ink-dim)!important}.topbar .knob-val,.transport .knob-val{color:var(--chassis-ink)}.topbar .knob-label,.transport .knob-label{color:var(--chassis-ink-dim)!important}.logo{font:italic 800 30px/.9 var(--silk)!important;letter-spacing:.01em!important;color:#23211d;text-shadow:0 1px 0 rgba(255,255,255,.45)}.logo:after{content:"";display:block;height:3px;margin-top:3px;background:linear-gradient(90deg,var(--accent) 0 36%,#d9a441 36% 52%,transparent 52%)}.tag{color:var(--chassis-ink-dim)!important;font-size:10px!important}.credit{color:var(--chassis-ink)!important}.panel,.ed-sec,.fx-card,.strip,.ed-output-strip{background-color:var(--panel);background-image:var(--grain),linear-gradient(180deg,#2f2d29,#252320);border:1px solid #1a1916!important;box-shadow:inset 0 1px #ffffff0d,0 1px #ffffff08}.ed-sec,.fx-card{background-image:var(--grain),linear-gradient(180deg,#2c2a26,#24221f)}.ed-sec-head{position:relative}.ed-sec-title{display:flex;align-items:center;gap:8px}.ed-sec-title:after{content:"";width:28px;height:1px;background:var(--ink-dim);opacity:.6}button,.seg,.small-btn,.tbtn,.softkey,.bank-btn,.mini-toggle,.mini,.arrow,.step-btn,.ed-tab{font-family:var(--silk);font-weight:700;letter-spacing:.08em}.seg,.small-btn,.tbtn,.softkey,.bank-btn,.mini-toggle,.arrow,.step-btn,.mini{color:var(--ink);background:linear-gradient(180deg,#4b4842,#393732)!important;border:1px solid #141311!important;box-shadow:inset 0 1px #ffffff1f,0 2px #0e0d0c,0 3px 4px #00000059;border-radius:3px;transition:transform 40ms,box-shadow 40ms}.seg:active,.small-btn:active,.tbtn:active,.softkey:active,.bank-btn:active,.mini-toggle:active,.arrow:active,.step-btn:active,.mini:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff14,0 0 #0e0d0c}.seg{margin-left:3px!important;border-radius:3px!important;font-size:11px}.seg-group>.seg:first-child,.seg-group>label+.seg{margin-left:0!important}.small-btn{font-size:11px}.small-btn.accent{color:#fff;background:linear-gradient(180deg,#e46a33,#b9481d)!important}.small-btn:disabled,.seg:disabled{opacity:.4!important}.seg:before,.mini-toggle:before,.bank-btn:before,.softkey:before,.small-btn.toggle:before,.tbtn.small:not(.undo):before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;vertical-align:1px;border-radius:50%;background:var(--led-off);box-shadow:inset 0 0 0 1px #0006}.seg.on,.mini-toggle.on,.bank-btn.on,.softkey.on,.small-btn.toggle.on,.tbtn.small.on{color:#fff!important;background:linear-gradient(180deg,#55514a,#3f3c36)!important;border-color:#141311!important}.seg.on:before,.mini-toggle.on:before,.bank-btn.on:before,.softkey.on:before,.small-btn.toggle.on:before,.tbtn.small.on:not(.undo):before{background:var(--led);box-shadow:0 0 6px var(--led),0 0 2px #ffb3a6 inset}.bank-btn{font-size:14px}.tbtn{color:var(--ink)}.tbtn.play.on{background:linear-gradient(180deg,#5a4628,#3f2f18)!important;color:#ffb547;text-shadow:0 0 6px rgba(255,181,71,.6)}.tbtn.rec{color:#d6402a}.tbtn.rec.on{background:linear-gradient(180deg,#8c2b18,#611b0e)!important;color:#ffd0c4;text-shadow:0 0 8px var(--led)}.tbtn.capture.ready{color:#ffb547}.tbtn.capture.ready:before{background:#9bdc4a;box-shadow:0 0 6px #9bdc4a}.mute.on{background:linear-gradient(180deg,#b0852a,#7c5c18)!important;color:#fff}.solo.on{background:linear-gradient(180deg,#4f7a33,#34561f)!important;color:#fff}.vint.on{color:var(--amber)!important}.ed-tab{color:var(--ink-dim);font-size:12px;letter-spacing:.14em}.ed-tab.on{color:var(--ink);border-bottom-color:var(--amber)!important}.knob-track{stroke:#6d675c;stroke-width:1.6;stroke-dasharray:.4 2.6;stroke-linecap:round}.knob-fill{stroke:var(--amber);stroke-width:2;opacity:.9}.knob-cap{stroke:#0a0a09;stroke-width:.8}.knob-knurl{fill:none;stroke:#4a4741;stroke-width:1.4;stroke-dasharray:.7 .9}.knob-face{fill:#ffffff0a;stroke:#ffffff0f;stroke-width:.6}.knob-tick{stroke:#efe7d3;stroke-width:1.8}.knob.active .knob-face{fill:#ffffff1a}.topbar .knob-track,.transport .knob-track{stroke:#6a655b}.pad{color:#2b2925;background:radial-gradient(ellipse at 50% 30%,#e1dbcd,#cbc3b2 70%,#bab2a0)!important;border:1px solid #8e8778!important;box-shadow:inset 0 1px #fff9,inset 0 -3px 6px #0000001f,0 3px #6f695d,0 4px 6px #00000059!important;border-radius:4px!important}.pad.hit{transform:translateY(2px);background:radial-gradient(ellipse at 50% 40%,#d2cbbb,#bcb4a2)!important;box-shadow:inset 0 2px 5px #00000040,0 1px #6f695d!important}.pad.selected{outline:2px solid var(--accent)!important;outline-offset:2px}.pad.empty .pad-name{color:#8a8475!important}.pad-num{font-family:var(--silk)!important;font-weight:800!important;font-size:16px!important;color:#3a3732}.pad-name{font-family:var(--silk);font-weight:600;font-size:12px;letter-spacing:.03em;color:#2b2925}.pad-key{font-family:var(--silk)!important;font-weight:700;color:#8a8475!important}.pad-led{box-shadow:0 0 8px var(--led),0 0 2px #fff inset}.screen{background:linear-gradient(180deg,#1c1b18,#121110);box-shadow:inset 0 2px 10px #000c,0 1px #ffffff0f}.glass{position:relative;overflow:hidden}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(160deg,#ffffff24,#fff0 38%),repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px)}.softkey{font-size:11px}.fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.fader::-webkit-slider-runnable-track{width:6px;border-radius:3px;background:linear-gradient(90deg,#0b0a09,#1d1c19);box-shadow:inset 0 0 0 1px #000,0 1px #ffffff0f}.fader::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:12px;margin-left:-8px;border-radius:2px;background:linear-gradient(180deg,#f1ebdc,#d5ccb8 45%,#2b2925 46%,#2b2925 55%,#c9c0ab 56%,#b5ac97);box-shadow:0 2px 3px #0009;cursor:ns-resize}.fader::-moz-range-track{width:6px;background:#0b0a09;border-radius:3px}.fader::-moz-range-thumb{width:22px;height:12px;border-radius:2px;border:none;background:#e6dfcf}select{font-family:var(--silk);font-weight:600;letter-spacing:.04em;color:var(--ink);background:linear-gradient(180deg,#3d3a35,#2f2d29);border:1px solid #141311;box-shadow:inset 0 1px #ffffff14}.topbar select,.transport select{color:var(--ink)}.roll-lanes,.roll-vel-lane{box-shadow:inset 0 1px 4px #0009}.roll-note{box-shadow:inset 0 0 0 1px #000}:root[data-theme=standard] .roll-note{--note: var(--lcd-fg)}:root[data-theme=standard] .roll-note.off{--note: #f08a3c}.roll-note.sel{box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #000}.grid-label b{font-family:var(--silk);letter-spacing:.06em}dialog.export{background-image:var(--grain),linear-gradient(180deg,#2f2d29,#252320);border-color:#141311}dialog h2{font:italic 800 22px var(--silk);letter-spacing:.02em}:root[data-theme=te]{--te-blue: #1f6fe0;--te-green: #22a35a;--te-white: #fbfbfa;--te-orange: #ff5a1f;--te-key: #f7f7f6;--te-key-line: #c3c5c7;--te-key-shadow: #b4b6b8;--body: #c9cbcd;--chassis: #e9eaea;--chassis-hi: #f4f4f3;--chassis-lo: #dfe0e0;--chassis-ink: #18191b;--chassis-ink-dim: #6d7074;--panel: #efefee;--panel-2: #e3e4e4;--ink: #18191b;--ink-dim: #777a7e;--line: #c9cbcd;--accent: #ff5a1f;--accent-dim: #c9451a;--amber: #1f6fe0;--led: #ff5a1f;--led-off: #c5c7c9;--lcd-bg: #0b0b0c;--lcd-fg: #f1f3f5;--lcd-dim: #5b6066;--cell: #e6e7e7;--cell-alt: #dcdddd;--silk: "IBM Plex Sans", "Helvetica Neue", Helvetica, sans-serif;--grain: none;--scr-bg: #0b0b0c;--scr-bg-2: #0b0b0c;--scr-ink: #f1f3f5;--scr-dim: #6e747b;--scr-shade: rgba(255, 255, 255, .08);--scr-mark: #ff5a1f;--scr-sel: rgba(31, 111, 224, .38);--scr-play: rgba(34, 163, 90, .42);--scr-hatch: rgba(255, 255, 255, .22);color-scheme:light}:root[data-theme=te],:root[data-theme=te] body{background:linear-gradient(180deg,#d4d6d8,var(--body)) fixed}:root[data-theme=te] label,:root[data-theme=te] .group-title,:root[data-theme=te] .panel-title,:root[data-theme=te] .ed-sec-title,:root[data-theme=te] .ed-lbl,:root[data-theme=te] .knob-label,:root[data-theme=te] .roll-vel-label,:root[data-theme=te] .strip-label,:root[data-theme=te] .eq-band-name,:root[data-theme=te] .gr-label,:root[data-theme=te] .scr-seg-label,:root[data-theme=te] .fx-title,:root[data-theme=te] .tag{font-weight:500!important;letter-spacing:.1em!important;text-transform:lowercase}:root[data-theme=te] .ed-sec-title,:root[data-theme=te] .panel-title,:root[data-theme=te] .group-title,:root[data-theme=te] .fx-title{font-size:11px!important}:root[data-theme=te] .knob-val{color:var(--ink);font-weight:500}:root[data-theme=te] .topbar,:root[data-theme=te] .transport,:root[data-theme=te] .padbar{background-image:linear-gradient(180deg,var(--chassis-hi),var(--chassis));border-radius:12px;box-shadow:0 1px #fff inset,0 0 0 1px #b9bbbd,0 6px 18px #282c302e}:root[data-theme=te] .topbar:before,:root[data-theme=te] .topbar:after{display:none}:root[data-theme=te] .logo{font:300 28px/1 var(--silk)!important;letter-spacing:.02em!important;text-transform:lowercase;color:var(--ink);text-shadow:none}:root[data-theme=te] .logo:after{height:4px;margin-top:5px;background:linear-gradient(90deg,var(--te-blue) 0 25%,var(--te-green) 25% 50%,#9ea1a5 50% 75%,var(--te-orange) 75%);width:72px;border-radius:2px}:root[data-theme=te] .panel,:root[data-theme=te] .ed-sec,:root[data-theme=te] .fx-card,:root[data-theme=te] .strip,:root[data-theme=te] .ed-output-strip{background-color:var(--panel);background-image:none;border:1px solid var(--line)!important;box-shadow:none;border-radius:8px}:root[data-theme=te] .panel{background-color:#e6e7e7;border-radius:12px}:root[data-theme=te] .strip.selected{background-color:#fff;box-shadow:inset 0 3px 0 var(--te-orange)}:root[data-theme=te] .bank-strip,:root[data-theme=te] .master-strip{background-color:#f7f7f6}:root[data-theme=te] .master-strip{border-color:var(--te-orange)!important}:root[data-theme=te] .ed-sec.bypassed{opacity:.6}:root[data-theme=te] button,:root[data-theme=te] .seg,:root[data-theme=te] .small-btn,:root[data-theme=te] .tbtn,:root[data-theme=te] .softkey,:root[data-theme=te] .bank-btn,:root[data-theme=te] .mini-toggle,:root[data-theme=te] .mini,:root[data-theme=te] .arrow,:root[data-theme=te] .step-btn,:root[data-theme=te] .ed-tab{font-weight:500;letter-spacing:.06em}:root[data-theme=te] .seg,:root[data-theme=te] .small-btn,:root[data-theme=te] .tbtn,:root[data-theme=te] .softkey,:root[data-theme=te] .bank-btn,:root[data-theme=te] .mini-toggle,:root[data-theme=te] .arrow,:root[data-theme=te] .step-btn,:root[data-theme=te] .mini,:root[data-theme=te] .transport .seg,:root[data-theme=te] .transport .small-btn,:root[data-theme=te] .transport .arrow{color:var(--ink);background:var(--te-key)!important;border:1px solid var(--te-key-line)!important;box-shadow:0 2px 0 var(--te-key-shadow);border-radius:6px!important}:root[data-theme=te] .seg:active,:root[data-theme=te] .small-btn:active,:root[data-theme=te] .tbtn:active,:root[data-theme=te] .softkey:active,:root[data-theme=te] .bank-btn:active,:root[data-theme=te] .mini-toggle:active,:root[data-theme=te] .arrow:active,:root[data-theme=te] .step-btn:active,:root[data-theme=te] .mini:active{box-shadow:0 0 0 var(--te-key-shadow)}:root[data-theme=te] .seg.on,:root[data-theme=te] .mini-toggle.on,:root[data-theme=te] .bank-btn.on,:root[data-theme=te] .softkey.on,:root[data-theme=te] .small-btn.toggle.on,:root[data-theme=te] .tbtn.small.on{color:#fff!important;background:#18191b!important;border-color:#18191b!important;box-shadow:0 2px #000}:root[data-theme=te] .seg.on:before,:root[data-theme=te] .mini-toggle.on:before,:root[data-theme=te] .bank-btn.on:before,:root[data-theme=te] .softkey.on:before,:root[data-theme=te] .small-btn.toggle.on:before,:root[data-theme=te] .tbtn.small.on:not(.undo):before{box-shadow:0 0 6px var(--led)}:root[data-theme=te] .small-btn.accent{color:#fff;background:var(--te-orange)!important;border-color:#d94a15!important;box-shadow:0 2px #b93d10}:root[data-theme=te] .small-btn.danger{color:#c9321a}:root[data-theme=te] .tbtn{color:var(--ink)}:root[data-theme=te] .tbtn.play.on{background:var(--te-green)!important;border-color:#178046!important;color:#fff;text-shadow:none;box-shadow:0 2px #14703d}:root[data-theme=te] .tbtn.rec{color:var(--te-orange)}:root[data-theme=te] .tbtn.rec.on{background:var(--te-orange)!important;border-color:#d94a15!important;color:#fff;text-shadow:none;box-shadow:0 2px #b93d10}:root[data-theme=te] .tbtn.capture.ready{color:var(--te-blue)}:root[data-theme=te] .mute.on,:root[data-theme=te] .pad-mute.on{background:#e2a100!important;border-color:#b98400!important;color:#fff!important;box-shadow:0 2px #a27300}:root[data-theme=te] .solo.on,:root[data-theme=te] .pad-solo.on{background:var(--te-green)!important;border-color:#178046!important;color:#fff!important;box-shadow:0 2px #14703d}:root[data-theme=te] .vint.on{color:var(--te-blue)!important}:root[data-theme=te] .ed-tab{color:var(--ink-dim);text-transform:lowercase}:root[data-theme=te] .ed-tab.on{color:var(--ink);border-bottom-color:var(--te-blue)!important}:root[data-theme=te] .view-tab{background:#dcdddd;color:var(--ink-dim);border-color:#b9bbbd;border-radius:8px 8px 0 0;text-transform:lowercase}:root[data-theme=te] .view-tab.on{background:#e6e7e7;color:var(--ink);box-shadow:inset 0 3px 0 var(--te-orange)}:root[data-theme=te] .knob-track{stroke:#c4c6c8;stroke-width:1.6;stroke-dasharray:none}:root[data-theme=te] .knob-fill{stroke:var(--te-blue);stroke-width:2.2;opacity:1}:root[data-theme=te] .knob-cap{fill:var(--te-blue)!important;stroke:#00000040;stroke-width:.8}:root[data-theme=te] .knob-knurl{stroke:transparent}:root[data-theme=te] .knob-face{fill:#ffffff24;stroke:none}:root[data-theme=te] .knob-tick{stroke:#fff;stroke-width:2}:root[data-theme=te] .knob.active .knob-cap{filter:brightness(1.12)}:root[data-theme=te] .knob:nth-child(4n+2) .knob-cap{fill:var(--te-green)!important}:root[data-theme=te] .knob:nth-child(4n+2) .knob-fill{stroke:var(--te-green)}:root[data-theme=te] .knob:nth-child(4n+3) .knob-cap{fill:var(--te-white)!important;stroke:#aeb0b3}:root[data-theme=te] .knob:nth-child(4n+3) .knob-fill{stroke:#8a8d91}:root[data-theme=te] .knob:nth-child(4n+3) .knob-tick{stroke:#18191b}:root[data-theme=te] .knob:nth-child(4n+4) .knob-cap{fill:var(--te-orange)!important}:root[data-theme=te] .knob:nth-child(4n+4) .knob-fill{stroke:var(--te-orange)}:root[data-theme=te] .knob.dim{opacity:.45}:root[data-theme=te] .pad{color:var(--ink);background:linear-gradient(180deg,#fbfbfa,#eeeeed)!important;border:1px solid var(--te-key-line)!important;box-shadow:0 3px 0 var(--te-key-shadow),0 5px 8px #282c301f!important;border-radius:8px!important}:root[data-theme=te] .pad.hit{transform:translateY(3px);background:#e4e5e5!important;box-shadow:0 0 0 var(--te-key-shadow)!important}:root[data-theme=te] .pad.selected{outline:2px solid var(--te-orange)!important;outline-offset:2px}:root[data-theme=te] .pad.empty .pad-name,:root[data-theme=te] .pad-key{color:#a3a6a9!important}:root[data-theme=te] .pad-num{font-weight:300!important;font-size:18px!important;color:var(--ink)}:root[data-theme=te] .pad-name{font-weight:500;color:var(--ink);text-transform:lowercase}:root[data-theme=te] .pad-led{background:var(--te-orange);box-shadow:0 0 8px var(--te-orange)}:root[data-theme=te] .screen{background:#0b0b0c;border-radius:12px;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #b9bbbd,0 6px 18px #282c302e}:root[data-theme=te] .glass:after{display:none}:root[data-theme=te] .screen .softkey{background:#1b1c1e!important;border-color:#2c2e31!important;color:#c9cdd1;box-shadow:0 2px #000}:root[data-theme=te] .screen .softkey.on{background:#f1f3f5!important;color:#0b0b0c!important;border-color:#f1f3f5!important}:root[data-theme=te] .fader::-webkit-slider-runnable-track,:root[data-theme=te] .fader-track{background:#cfd1d3;box-shadow:inset 0 0 0 1px #b4b6b8}:root[data-theme=te] .fader::-webkit-slider-thumb,:root[data-theme=te] .fader-thumb{background:linear-gradient(180deg,#fff 0 44%,var(--te-orange) 45% 56%,#f1f1f0 57% 100%);box-shadow:0 0 0 1px #aeb0b3,0 2px 3px #00000040}:root[data-theme=te] .strip-num{color:var(--ink)}:root[data-theme=te] .peak,:root[data-theme=te] .strip-value{color:#e8eaed}:root[data-theme=te] select,:root[data-theme=te] .transport select{font-weight:500;color:var(--ink);background:var(--te-key);border:1px solid var(--te-key-line);box-shadow:none;border-radius:6px}:root[data-theme=te] input[type=text],:root[data-theme=te] .file-name{background:#fff;color:var(--ink);border-color:var(--te-key-line)}:root[data-theme=te] .roll-lanes,:root[data-theme=te] .roll-vel-lane{box-shadow:inset 0 0 0 1px var(--line)}:root[data-theme=te] .roll-note{box-shadow:inset 0 0 0 1px #000000b3}:root[data-theme=te] .session,:root[data-theme=te] .session-corner,:root[data-theme=te] .session-bank{background:#e6e7e7;color:var(--ink)}:root[data-theme=te] .clip{background:#f7f7f6;border-color:var(--te-key-line);color:var(--ink)}:root[data-theme=te] .clip.empty{background:#dedfdf;border-color:#d0d2d3}:root[data-theme=te] .clip.playing{background:#dff3e7;border-color:var(--te-green)}:root[data-theme=te] .clip.queued{background:#ffe9df;border-color:var(--te-orange)}:root[data-theme=te] .clip-preview i{background:#4a4d51}:root[data-theme=te] .clip.playing .clip-preview i{background:#17713f}:root[data-theme=te] .clip-progress{background:var(--te-green)}:root[data-theme=te] .arr-body{background:#dedfdf}:root[data-theme=te] .arr-ruler{background:#e9eaea;color:var(--ink)}:root[data-theme=te] .file-row{background:#f1f1f0;border-bottom-color:var(--line)}:root[data-theme=te] .file-row.selected{background:#fff}:root[data-theme=te] .help-card,:root[data-theme=te] dialog.export{background:#f4f4f3;background-image:none;border-color:#b9bbbd;color:var(--ink);border-radius:12px}:root[data-theme=te] dialog h2{font:300 22px var(--silk);letter-spacing:.02em;text-transform:lowercase}:root[data-theme=te] .help-overlay{background:#3c404473}:root[data-theme=te] kbd{background:#fff;color:var(--ink);border-color:var(--te-key-line)}:root[data-theme=te] .seg,:root[data-theme=te] .small-btn,:root[data-theme=te] .mini-toggle,:root[data-theme=te] .mini,:root[data-theme=te] .arrow,:root[data-theme=te] .step-btn,:root[data-theme=te] select,:root[data-theme=te] .transport .seg,:root[data-theme=te] .transport .small-btn,:root[data-theme=te] .transport .arrow{border-radius:999px!important;box-shadow:none}:root[data-theme=te] .seg{padding-left:12px;padding-right:12px}:root[data-theme=te] .seg:active,:root[data-theme=te] .small-btn:active,:root[data-theme=te] .mini-toggle:active,:root[data-theme=te] .softkey:active,:root[data-theme=te] .bank-btn:active,:root[data-theme=te] .tbtn:active{transform:scale(.96)}:root[data-theme=te] .tbtn:not(.small){width:38px;height:38px;border-radius:50%!important;box-shadow:0 2px 0 var(--te-key-shadow)}:root[data-theme=te] .tbtn.small{border-radius:999px!important;box-shadow:none}:root[data-theme=te] .tbtn.play.on,:root[data-theme=te] .tbtn.rec.on{box-shadow:none}:root[data-theme=te] .bank-btn{border-radius:50%!important;width:32px;height:32px;box-shadow:none}:root[data-theme=te] .bank-btn:before{display:none}:root[data-theme=te] .bank-btn.on{background:var(--te-orange)!important;border-color:#d94a15!important;box-shadow:none}:root[data-theme=te] .screen .softkey{border-radius:999px!important;box-shadow:none;background:transparent!important;border-color:#3a3d41!important}:root[data-theme=te] .seg:before,:root[data-theme=te] .mini-toggle:before,:root[data-theme=te] .softkey:before{width:4px;height:4px}:root[data-theme=te] .seg.on,:root[data-theme=te] .mini-toggle.on,:root[data-theme=te] .small-btn.toggle.on{box-shadow:none}:root[data-theme=te] .pad{border-radius:14px!important;box-shadow:0 2px 0 var(--te-key-shadow)!important}:root[data-theme=te] .pad.hit{transform:translateY(2px)}:root[data-theme=te] .pad-led{width:6px;height:6px}:root[data-theme=te] .knob-cap{r:11.5px}:root[data-theme=te] .knob-face{display:none}:root[data-theme=te] .ed-tab{border-radius:999px 999px 0 0}:root[data-theme=sp1200]{--body: #0f1114;--chassis: #8f959c;--chassis-hi: #a6acb2;--chassis-lo: #787e85;--chassis-ink: #111418;--chassis-ink-dim: #343a41;--panel: #23272c;--panel-2: #2d3238;--ink: #e6eaee;--ink-dim: #98a1aa;--line: #3c434b;--accent: #2f7fd6;--accent-dim: #1f568f;--amber: #6db3f2;--led: #ff2a1a;--led-off: #3c1b18;--cell: #2b3036;--cell-alt: #262a30;--lcd-bg: #12180a;--lcd-fg: #c8e060;--lcd-dim: #5d6b28;--scr-bg: #b9cb5c;--scr-bg-2: #a1b447;--scr-ink: #1a2208;--scr-dim: #55641f;--scr-shade: rgba(26, 34, 8, .16);--scr-mark: #1b4c98;--scr-sel: rgba(27, 76, 152, .2);--scr-play: rgba(27, 76, 152, .3);--scr-hatch: rgba(26, 34, 8, .22)}:root[data-theme=sp1200],:root[data-theme=sp1200] body{background:radial-gradient(ellipse at 50% 0%,#1b1f24 0%,var(--body) 60%) fixed}:root[data-theme=sp1200] .logo{color:#0e1114;text-shadow:0 1px 0 rgba(255,255,255,.3)}:root[data-theme=sp1200] .logo:after{background:linear-gradient(90deg,var(--accent) 0 52%,transparent 52%)}:root[data-theme=sp1200] .panel,:root[data-theme=sp1200] .ed-sec,:root[data-theme=sp1200] .fx-card,:root[data-theme=sp1200] .strip,:root[data-theme=sp1200] .ed-output-strip{background-image:var(--grain),linear-gradient(180deg,#2a2f35,#20242a);border-color:#121519!important}:root[data-theme=sp1200] .seg,:root[data-theme=sp1200] .small-btn,:root[data-theme=sp1200] .tbtn,:root[data-theme=sp1200] .softkey,:root[data-theme=sp1200] .bank-btn,:root[data-theme=sp1200] .mini-toggle,:root[data-theme=sp1200] .arrow,:root[data-theme=sp1200] .step-btn,:root[data-theme=sp1200] .mini{color:#111418;background:linear-gradient(180deg,#dfe3e7,#b9bfc5)!important;border-color:#0b0d0f!important;border-radius:2px!important;box-shadow:inset 0 1px #fff9,0 2px #07080a,0 3px 4px #0006}:root[data-theme=sp1200] .seg.on,:root[data-theme=sp1200] .mini-toggle.on,:root[data-theme=sp1200] .bank-btn.on,:root[data-theme=sp1200] .softkey.on,:root[data-theme=sp1200] .small-btn.toggle.on,:root[data-theme=sp1200] .tbtn.small.on{color:#111418!important;background:linear-gradient(180deg,#f2f4f6,#cfd4d9)!important}:root[data-theme=sp1200] .seg:before,:root[data-theme=sp1200] .mini-toggle:before,:root[data-theme=sp1200] .bank-btn:before,:root[data-theme=sp1200] .softkey:before{background:#6a2a24}:root[data-theme=sp1200] .seg.on:before,:root[data-theme=sp1200] .mini-toggle.on:before,:root[data-theme=sp1200] .bank-btn.on:before,:root[data-theme=sp1200] .softkey.on:before{background:var(--led)}:root[data-theme=sp1200] .small-btn.accent{color:#fff;background:linear-gradient(180deg,#3d8be0,#2261ad)!important}:root[data-theme=sp1200] .tbtn{color:#111418}:root[data-theme=sp1200] .tbtn.play.on{background:linear-gradient(180deg,#3d8be0,#2261ad)!important;color:#fff;text-shadow:none}:root[data-theme=sp1200] .tbtn.rec{color:#c22a1a}:root[data-theme=sp1200] .ed-tab.on{border-bottom-color:var(--accent)!important}:root[data-theme=sp1200] .view-tab{background:#1d2126}:root[data-theme=sp1200] .view-tab.on{background:#262b31}:root[data-theme=sp1200] .knob-tick{stroke:#e6eaee}:root[data-theme=sp1200] select{color:var(--ink);background:linear-gradient(180deg,#353b42,#282d33);border-color:#0b0d0f}:root[data-theme=sp1200] .pad{color:#e6eaee;background:linear-gradient(180deg,#474b51,#33373c)!important;border:1px solid #0b0d0f!important;border-radius:2px!important;box-shadow:inset 0 1px #ffffff24,0 3px #08090b,0 4px 6px #00000073!important}:root[data-theme=sp1200] .pad.hit{background:linear-gradient(180deg,#3b3f44,#2b2e33)!important;box-shadow:inset 0 2px 5px #00000080,0 1px #08090b!important}:root[data-theme=sp1200] .pad-num{color:#e6eaee}:root[data-theme=sp1200] .pad-name{color:#cdd3d9}:root[data-theme=sp1200] .pad.empty .pad-name,:root[data-theme=sp1200] .pad-key{color:#7c858e!important}:root[data-theme=sp1200] .fader::-webkit-slider-thumb,:root[data-theme=sp1200] .fader-thumb{background:linear-gradient(180deg,#3a3e44 0,#3a3e44 44%,#f2f4f6 45%,#f2f4f6 56%,#24272b 57%,#24272b)}:root[data-theme=mpc3000]{--body: #151416;--chassis: #d8d4c8;--chassis-hi: #e7e3d8;--chassis-lo: #c2beb1;--chassis-ink: #25221d;--chassis-ink-dim: #6a655b;--panel: #3b3a38;--panel-2: #474643;--ink: #efece4;--ink-dim: #aaa69b;--line: #56544f;--accent: #d1232a;--accent-dim: #8f1a1f;--amber: #f0ead8;--led: #ff3b1f;--led-off: #4a2420;--cell: #444340;--cell-alt: #3d3c39;--lcd-bg: #0f1a1c;--lcd-fg: #a8d8e0;--lcd-dim: #4b6f76;--scr-bg: #abc8cd;--scr-bg-2: #94b4ba;--scr-ink: #12242a;--scr-dim: #4f7078;--scr-shade: rgba(18, 36, 42, .15);--scr-mark: #b81c26;--scr-sel: rgba(184, 28, 38, .18);--scr-play: rgba(184, 28, 38, .28);--scr-hatch: rgba(18, 36, 42, .22)}:root[data-theme=mpc3000],:root[data-theme=mpc3000] body{background:radial-gradient(ellipse at 50% 0%,#232225 0%,var(--body) 60%) fixed}:root[data-theme=mpc3000] .logo{font-style:normal!important;font-weight:700!important;letter-spacing:.04em!important}:root[data-theme=mpc3000] .logo:after{background:linear-gradient(90deg,var(--accent) 0 30%,#2b4f9c 30% 60%,transparent 60%)}:root[data-theme=mpc3000] .panel,:root[data-theme=mpc3000] .ed-sec,:root[data-theme=mpc3000] .fx-card,:root[data-theme=mpc3000] .strip,:root[data-theme=mpc3000] .ed-output-strip{background-image:var(--grain),linear-gradient(180deg,#424140,#353433);border-color:#1e1d1c!important}:root[data-theme=mpc3000] .seg,:root[data-theme=mpc3000] .small-btn,:root[data-theme=mpc3000] .tbtn,:root[data-theme=mpc3000] .softkey,:root[data-theme=mpc3000] .bank-btn,:root[data-theme=mpc3000] .mini-toggle,:root[data-theme=mpc3000] .arrow,:root[data-theme=mpc3000] .step-btn,:root[data-theme=mpc3000] .mini{color:#f4f1e9;background:linear-gradient(180deg,#8f8d87,#74726c)!important;border-color:#1e1d1c!important;border-radius:4px!important;box-shadow:inset 0 1px #ffffff47,0 2px #1a1918,0 3px 4px #00000059}:root[data-theme=mpc3000] .seg.on,:root[data-theme=mpc3000] .mini-toggle.on,:root[data-theme=mpc3000] .bank-btn.on,:root[data-theme=mpc3000] .softkey.on,:root[data-theme=mpc3000] .small-btn.toggle.on,:root[data-theme=mpc3000] .tbtn.small.on{color:#fff!important;background:linear-gradient(180deg,#a09e98,#85837d)!important}:root[data-theme=mpc3000] .small-btn.accent{color:#fff;background:linear-gradient(180deg,#dc3138,#a81a20)!important}:root[data-theme=mpc3000] .tbtn{color:#f4f1e9}:root[data-theme=mpc3000] .tbtn.play.on{background:linear-gradient(180deg,#a09e98,#85837d)!important;color:#fff;text-shadow:none}:root[data-theme=mpc3000] .tbtn.rec{color:#ffd9d6;background:linear-gradient(180deg,#c8363c,#9a1c22)!important}:root[data-theme=mpc3000] .tbtn.rec.on{background:linear-gradient(180deg,#ee4046,#c21f26)!important}:root[data-theme=mpc3000] .ed-tab.on{border-bottom-color:var(--accent)!important}:root[data-theme=mpc3000] .view-tab{background:#2f2e2d}:root[data-theme=mpc3000] .view-tab.on{background:#3b3a38}:root[data-theme=mpc3000] .knob-fill{stroke:var(--accent)}:root[data-theme=mpc3000] .knob-val{color:var(--ink)}:root[data-theme=mpc3000] select{color:var(--ink);background:linear-gradient(180deg,#55534f,#454340);border-color:#1e1d1c}:root[data-theme=mpc3000] .pad{color:#f4f1e9;background:linear-gradient(180deg,#6a6b6e,#55565a)!important;border:1px solid #232325!important;border-radius:5px!important;box-shadow:inset 0 1px #fff3,0 3px #1c1c1e,0 4px 6px #0006!important}:root[data-theme=mpc3000] .pad.hit{background:linear-gradient(180deg,#5c5d60,#4a4b4e)!important;box-shadow:inset 0 2px 5px #00000073,0 1px #1c1c1e!important}:root[data-theme=mpc3000] .pad-num{color:#f4f1e9}:root[data-theme=mpc3000] .pad-name{color:#dedbd2}:root[data-theme=mpc3000] .pad.empty .pad-name,:root[data-theme=mpc3000] .pad-key{color:#9c9d9f!important}:root[data-theme=sp1200] .seg,:root[data-theme=sp1200] .small-btn,:root[data-theme=sp1200] .tbtn,:root[data-theme=sp1200] .softkey,:root[data-theme=sp1200] .bank-btn,:root[data-theme=sp1200] .mini-toggle,:root[data-theme=sp1200] .arrow,:root[data-theme=sp1200] .step-btn,:root[data-theme=sp1200] .mini,:root[data-theme=sp1200] select{border-radius:1px!important}:root[data-theme=sp1200] .seg,:root[data-theme=sp1200] .mini-toggle,:root[data-theme=sp1200] .softkey,:root[data-theme=sp1200] .bank-btn{padding-top:3px;line-height:1.15}:root[data-theme=sp1200] .seg:before,:root[data-theme=sp1200] .mini-toggle:before,:root[data-theme=sp1200] .bank-btn:before,:root[data-theme=sp1200] .softkey:before,:root[data-theme=sp1200] .small-btn.toggle:before,:root[data-theme=sp1200] .tbtn.small:not(.undo):before{display:block;width:10px;height:3px;margin:0 auto 2px;border-radius:0;box-shadow:inset 0 0 0 1px #0000008c}:root[data-theme=sp1200] .seg.on:before,:root[data-theme=sp1200] .mini-toggle.on:before,:root[data-theme=sp1200] .bank-btn.on:before,:root[data-theme=sp1200] .softkey.on:before,:root[data-theme=sp1200] .small-btn.toggle.on:before,:root[data-theme=sp1200] .tbtn.small.on:not(.undo):before{box-shadow:0 0 6px var(--led),inset 0 0 0 1px #0000004d}:root[data-theme=sp1200] .tbtn:not(.small){border-radius:1px!important;width:44px}:root[data-theme=sp1200] .pad{border-radius:1px!important;border-top:2px solid #5b6067!important}:root[data-theme=sp1200] .pad-name{background:#d9dde1;color:#111418;padding:0 5px;border-radius:1px;font-weight:700}:root[data-theme=sp1200] .pad.empty .pad-name{background:#555b62;color:#aab1b8!important}:root[data-theme=sp1200] .pad-led{border-radius:0;width:10px;height:4px}:root[data-theme=sp1200] .knob-cap{fill:#15181b!important;stroke:#000}:root[data-theme=sp1200] .knob-knurl{stroke:transparent}:root[data-theme=sp1200] .knob-face{fill:#1d2126;stroke:#2c3239}:root[data-theme=sp1200] .knob-tick{stroke:var(--amber);stroke-width:2.4}:root[data-theme=sp1200] .knob-track{stroke-dasharray:none;stroke:#4a525b}:root[data-theme=sp1200] .ed-tab{border-radius:0}:root[data-theme=mpc3000] .seg,:root[data-theme=mpc3000] .small-btn,:root[data-theme=mpc3000] .softkey,:root[data-theme=mpc3000] .bank-btn,:root[data-theme=mpc3000] .mini-toggle,:root[data-theme=mpc3000] .arrow,:root[data-theme=mpc3000] .step-btn,:root[data-theme=mpc3000] .mini{border-radius:5px!important;border-bottom-width:3px!important;text-shadow:0 -1px 0 rgba(0,0,0,.35)}:root[data-theme=mpc3000] .tbtn:not(.small){width:48px;height:36px;border-radius:6px!important;border-bottom-width:4px!important}:root[data-theme=mpc3000] .tbtn.small{border-radius:5px!important;border-bottom-width:3px!important}:root[data-theme=mpc3000] .seg:active,:root[data-theme=mpc3000] .small-btn:active,:root[data-theme=mpc3000] .tbtn:active,:root[data-theme=mpc3000] .softkey:active,:root[data-theme=mpc3000] .bank-btn:active,:root[data-theme=mpc3000] .mini-toggle:active{transform:translateY(2px);border-bottom-width:1px!important}:root[data-theme=mpc3000] .seg,:root[data-theme=mpc3000] .mini-toggle,:root[data-theme=mpc3000] .softkey,:root[data-theme=mpc3000] .bank-btn{position:relative}:root[data-theme=mpc3000] .seg:before,:root[data-theme=mpc3000] .mini-toggle:before,:root[data-theme=mpc3000] .softkey:before,:root[data-theme=mpc3000] .bank-btn:before{position:absolute;top:3px;right:3px;margin:0;width:4px;height:4px}:root[data-theme=mpc3000] .pad{border-radius:7px!important;box-shadow:inset 0 0 0 3px #ffffff12,inset 0 1px #ffffff40,0 4px #1c1c1e,0 6px 8px #00000073!important}:root[data-theme=mpc3000] .pad.hit{transform:translateY(3px);box-shadow:inset 0 0 0 3px #0000001f,inset 0 2px 5px #00000073,0 1px #1c1c1e!important}:root[data-theme=mpc3000] .pad-num{font-weight:800!important}:root[data-theme=mpc3000] .knob-cap{fill:#c9c5ba!important;stroke:#5d5a54;stroke-width:1}:root[data-theme=mpc3000] .knob-knurl{stroke:#8f8b82;stroke-width:1.8;stroke-dasharray:.5 1.1}:root[data-theme=mpc3000] .knob-face{fill:#d8d4c8;stroke:#a9a59b}:root[data-theme=mpc3000] .knob-tick{stroke:#4a4741;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:.1 10}:root[data-theme=mpc3000] .knob-track{stroke-dasharray:none;stroke:#6d6a64}