/*! Troybox 0.27.44 · © 2026 David Schroeter. All rights reserved. */
:root{color-scheme:dark;--bg:#121617;--panel:#1A1F21;--panel-2:#20262A;--pad:#272E31;--line:#323A3E;--line-2:#2C3438;--ink:#E4E9E5;--ink-2:#A2ACA7;--ink-3:#6B7571;--on-ink:#131718;--off:#1E2426;--focus:#72A4FF;--rec:#F0604B;--scrim:rgba(0,0,0,.58);--wave-dim:#3B4448;--pad-on-mix:#121617;--pad-text:#F1F4F1;--strong:#DCE3DF;--on-strong:#111614;--full:#FFFFFF;--sage:#3FA65C;--on-sage:#FFFFFF;--capg:#8A9196;--handle:#A2ACA7;--wbase:#121617;--mono:"Martian Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gut:16px}:root[data-theme=light],:root[data-fgtheme=light]{color-scheme:light;--bg:#E3E6E0;--panel:#EEF0EB;--panel-2:#F7F8F5;--pad:#CFD5CC;--line:#C1C8BE;--line-2:#C9CFC6;--ink:#18201D;--ink-2:#4E5954;--ink-3:#838D88;--on-ink:#F3F5F1;--off:#D5DAD2;--focus:#2E6BD0;--rec:#D23F2C;--scrim:rgba(20,26,24,.42);--wave-dim:#B3BAB0;--pad-on-mix:#E3E6E0;--pad-text:#161a18;--strong:#4E5853;--on-strong:#FFFFFF;--full:#000000;--sage:#2F9A4E;--on-sage:#FFFFFF;--capg:#D3D8D2;--handle:#8C9690;--wbase:#F7F8F5}@media(prefers-color-scheme:light){:root:not([data-fgtheme=dark]):not([data-theme=dark]){color-scheme:light;--bg:#E3E6E0;--panel:#EEF0EB;--panel-2:#F7F8F5;--pad:#CFD5CC;--line:#C1C8BE;--line-2:#C9CFC6;--ink:#18201D;--ink-2:#4E5954;--ink-3:#838D88;--on-ink:#F3F5F1;--off:#D5DAD2;--focus:#2E6BD0;--rec:#D23F2C;--scrim:rgba(20,26,24,.42);--wave-dim:#B3BAB0;--pad-on-mix:#E3E6E0;--pad-text:#161a18;--strong:#4E5853;--on-strong:#FFFFFF;--full:#000000;--sage:#2F9A4E;--on-sage:#FFFFFF;--capg:#D3D8D2;--handle:#8C9690;--wbase:#F7F8F5}}:root[data-fgtheme=dark]{color-scheme:dark;--bg:#121617;--panel:#1A1F21;--panel-2:#20262A;--pad:#272E31;--line:#323A3E;--line-2:#2C3438;--ink:#E4E9E5;--ink-2:#A2ACA7;--ink-3:#6B7571;--on-ink:#131718;--off:#1E2426;--focus:#72A4FF;--rec:#F0604B;--scrim:rgba(0,0,0,.58);--wave-dim:#3B4448;--pad-on-mix:#121617;--pad-text:#F1F4F1;--strong:#DCE3DF;--on-strong:#111614;--full:#FFFFFF;--sage:#3FA65C;--on-sage:#FFFFFF;--capg:#8A9196;--handle:#A2ACA7;--wbase:#121617}*{box-sizing:border-box}[hidden]{display:none!important}:root{--go:#A3E9BA;--on-go:#0A2414}:root{--go-edge:#5FA97A;--pp-edge:#8B72D8}html,body{height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-tap-highlight-color:transparent;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono{font-family:var(--mono)}.lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.app{height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding:10px var(--gut) 0;gap:8px}.top{display:flex;align-items:center;gap:6px;height:44px;flex:none}.brand{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;border:0;background:none;padding:0;text-align:left;color:var(--ink)}.sktitle{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}#skTitle{font-weight:700;font-size:15.5px;letter-spacing:-.01em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dirtydot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--rec);display:none}.brand.dirty .dirtydot{display:block}.skline{font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word{font-family:var(--mono);font-weight:700;font-size:11.5px;letter-spacing:-.02em;color:var(--ink)}.bpm{display:flex;align-items:center;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.bpm .ib{width:26px;height:44px;border:0;background:none;font-size:17px;color:var(--ink-2)}.bpm label{display:flex;flex-direction:column;align-items:center;line-height:1}.bpm input{width:40px;border:0;background:none;text-align:center;font-family:var(--mono);font-weight:700;font-size:15px;padding:0;-moz-appearance:textfield}.bpm input::-webkit-inner-spin-button,.bpm input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm span{font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:var(--ink-3);margin-top:3px}.sq44{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:0;flex:none}.sq44 svg{width:20px;height:20px}.sq44.busy svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play{width:52px;height:44px;border-radius:10px;border:0;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;padding:0;flex:none}.play svg{width:16px;height:16px;fill:currentColor}.play.on{background:var(--rec);color:#fff}.chips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;flex:none}.chip{position:relative;height:44px;border-radius:9px;border:1.5px solid var(--line);background:var(--panel);padding:9px 4px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.chip:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}.chip .n{font-family:var(--mono);font-weight:700;font-size:12px;line-height:1}.chip .nm{font-family:var(--mono);font-size:7.5px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;width:100%;color:var(--ink-2)}.chip .dot{position:absolute;top:9px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--c)}.chip.sel{background:var(--c);border-color:var(--c);color:#161a18}.chip.sel .nm{color:#161a18}.chip.sel .dot{background:#161a18}.chip.off{opacity:.42}.chip.hit{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 50%,transparent)}.screens{flex:1;min-height:0;display:flex;flex-direction:column}.screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.tabs{flex:none;margin:0 calc(-1 * var(--gut));height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-weight:600;font-size:11.5px}.tabs button svg{width:22px;height:22px}.tabs button[aria-current=page]{color:var(--ink);font-weight:700}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.seg button{border:0;background:none;padding:0 4px;height:38px;font-weight:600;font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--strong);color:var(--on-strong)}.seg.sm button{height:34px;font-size:11.5px}.btn{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.sm{min-height:34px;padding:0 12px;font-size:13px}.btn.warn{color:var(--rec)}.btn.rec .dot{width:10px;height:10px;border-radius:50%;background:var(--rec)}.btn.rec.live{background:var(--rec);border-color:var(--rec);color:#fff}.btn.rec.live .dot{background:#fff;border-radius:2px}.row{display:flex;gap:8px}.row>.btn{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hint{font-size:11.5px;color:var(--ink-2)}.fine{margin:0;font-size:12px;color:var(--ink-2);line-height:1.45}.knob{height:78px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 0 5px;touch-action:none;user-select:none;-webkit-user-select:none;min-width:0}.knob svg{width:36px;height:36px;flex:none}.knob .v{font-family:var(--mono);font-size:10.5px;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 3px}.knob .l{font-family:var(--mono);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:0 3px}.knob.sm{height:54px;border-radius:9px;padding:2px 0 3px}.knob.sm svg{width:28px;height:28px}.knob.sm .v{font-size:8.5px}.knob.drag{border-color:var(--ink)}.knob:disabled{opacity:.35}.clipline{display:flex;align-items:center;gap:8px;height:34px;flex:none}.clipline .t{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}.clipline .t b{font-size:15px}.clipline .t span{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.badge{font-family:var(--mono);font-size:9px;padding:2px 6px;border-radius:6px;background:var(--rec);color:#fff;letter-spacing:.04em}.pages{display:flex;gap:4px}.pages button{position:relative;width:34px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-size:10px;color:var(--ink-2);padding:0}.pages button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pages button.out{border-style:dashed;background:transparent;color:var(--ink-3)}.pages button.ph:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--rec)}.padwrap{flex:1;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}.pads{width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;touch-action:none;user-select:none;-webkit-user-select:none}.pad{position:relative;border-radius:12px;border:0;background:var(--pad);box-shadow:inset 0 -3px #00000040;font-family:var(--mono);color:var(--ink-3);padding:0;overflow:visible;-webkit-touch-callout:none;touch-action:none}.pad .fill{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 12px 12px;pointer-events:none}.pad .ix{position:absolute;top:6px;left:8px;font-size:9.5px;opacity:.7}.pad .val{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-weight:700;font-size:clamp(11px,4.2cqw,17px);letter-spacing:-.02em;pointer-events:none}.pad .sub{position:absolute;bottom:7px;right:8px;font-size:9px;pointer-events:none}.pad .rt{position:absolute;bottom:8px;left:8px;display:flex;gap:3px;pointer-events:none}.pad .rt i{width:5px;height:5px;border-radius:50%;background:currentColor}.pad.on{background:color-mix(in srgb,var(--c) 24%,var(--pad-on-mix));color:var(--pad-text);text-shadow:0 1px 2px rgba(0,0,0,.35)}.pad.on.full{background:color-mix(in srgb,var(--c) var(--vp,100%),var(--pad-on-mix))}.pad.on .fill{background:color-mix(in srgb,var(--c) 72%,#000)}.pad.beyond{background:transparent;box-shadow:none;border:1.5px dashed var(--line);opacity:.5}.pad.dim{opacity:.4}.pad.ph{box-shadow:inset 0 0 0 3px var(--ink)}.pad.sel{outline:3px solid var(--focus);outline-offset:2px}.pad.drag{outline:3px solid var(--ink);outline-offset:2px;z-index:3}.bubble{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);background:var(--strong);color:var(--on-strong);border-radius:12px;padding:7px 14px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 18px #00000059;white-space:nowrap;z-index:5;pointer-events:none;text-shadow:none}.bubble b{font-family:var(--mono);font-size:24px;letter-spacing:-.03em}.bubble span{font-family:var(--mono);font-size:9.5px;opacity:.75}.modes .seg button{font-size:11.5px}.soundstrip{display:flex;align-items:center;gap:10px;height:50px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 8px 0 10px;flex:none}.soundstrip canvas{width:70px;height:32px;flex:none}.soundstrip .meta{flex:1;min-width:0;display:flex;flex-direction:column}.soundstrip .meta b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundstrip .meta span{font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heads,.cgrid,.stops{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;flex:none}.head{position:relative;height:40px;border-radius:8px;overflow:hidden;padding:8px 4px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;border:1.5px solid var(--line);background:var(--panel);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.head:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}.head .n{font-family:var(--mono);font-weight:700;font-size:12px;line-height:1}.head .nm{font-family:var(--mono);font-size:7px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;width:100%;color:var(--ink-2)}.head.off{background:var(--off);color:var(--ink-3)}.head.off:before{background:var(--wave-dim)}.head.solo{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.cwrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.cgrid{grid-template-rows:repeat(8,minmax(0,1fr));flex:1;max-height:390px;touch-action:none;user-select:none;-webkit-user-select:none}.cell{position:relative;border-radius:7px;padding:0;display:grid;place-items:center;border:0;background:color-mix(in srgb,var(--c) 30%,var(--bg));-webkit-touch-callout:none;touch-action:none;min-height:0}.cell.empty{background:transparent;border:1px dashed var(--line-2)}.cell.playing{background:var(--c)}.cell.playing.muted{opacity:.45}.cell.queued{outline:2px dashed var(--ink);outline-offset:-2px}.cell.sel{box-shadow:0 0 0 2.5px var(--bg),0 0 0 4.5px var(--focus)}.cell .bar{position:absolute;left:4px;right:4px;bottom:4px;height:3px;border-radius:2px;background:#161a1833;overflow:hidden}.cell .bar i{display:block;height:100%;background:#161a18}.cell svg.ic{width:12px;height:12px;position:relative;z-index:1}.cell .roll{position:absolute;inset:5px 5px 10px;width:calc(100% - 10px);height:calc(100% - 15px);fill:currentColor;color:color-mix(in srgb,var(--c) 62%,#0b0d0c);pointer-events:none}.cell.playing .roll{color:#161a18;opacity:.55}.cell .roll+svg.ic,.cell .roll+i+svg.ic{width:18px;height:18px;opacity:.4}.rowmark{position:absolute;left:-3px;right:-3px;border:2px solid var(--focus);border-radius:10px;pointer-events:none}.rowmark.stop{border-color:var(--rec)}.rowlabel{position:absolute;left:50%;transform:translate(-50%);height:28px;border-radius:14px;background:var(--strong);color:var(--on-strong);display:flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;pointer-events:none;white-space:nowrap;box-shadow:0 4px 14px #00000040}.stops button{height:30px;border-radius:7px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:0}.stops svg{width:10px;height:10px}.clippanel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:10px;flex:none}.clippanel .hd{display:flex;align-items:center;gap:10px}.clippanel .sw{width:12px;height:36px;border-radius:4px;background:var(--c);flex:none}.clippanel .tt{flex:1;min-width:0;display:flex;flex-direction:column}.clippanel .tt b{font-size:15px}.clippanel .tt span{font-family:var(--mono);font-size:10px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-in{border:0;background:none;padding:0;font:inherit;font-family:var(--mono);font-size:10px;color:var(--ink-2);width:100%}.mixrow{display:flex;flex-direction:column;gap:3px;flex:none}.mgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.faders{flex:1;min-height:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.fader{position:relative;border-radius:9px;border:1px solid var(--line);background:var(--panel);padding:0;touch-action:none;min-height:80px}.fader .meter{position:absolute;left:7px;top:12px;bottom:40px;width:4px;border-radius:2px;background:var(--pad);overflow:hidden}.fader .meter i{position:absolute;left:0;right:0;bottom:0;border-radius:2px;background:var(--c)}.fader .track{position:absolute;left:50%;margin-left:2px;top:12px;bottom:40px;width:3px;border-radius:2px;background:var(--line)}.fader .cap{position:absolute;left:50%;margin-left:-9px;width:26px;height:14px;border-radius:4px;background:var(--ink);box-shadow:0 2px 6px #00000073;border-top:2px solid var(--c)}.dbrow button{height:22px;border-radius:6px;border:1px solid transparent;background:none;padding:0;text-align:center;font-family:var(--mono);font-size:8.5px;color:var(--ink-2);white-space:nowrap;text-decoration:underline dotted var(--ink-3);min-width:0}.dbrow button.editing,.mdb.editing{border-color:var(--c,var(--focus));background:var(--bg);text-decoration:none}.numedit{width:100%;height:100%;border:0;background:transparent;color:var(--ink);font:inherit;text-align:center;padding:0;outline:none;min-width:0}.master{display:flex;align-items:center;gap:10px;height:36px;flex:none;border-radius:9px;border:1px solid var(--line);background:var(--panel);padding:0 6px 0 10px;touch-action:none;user-select:none;-webkit-user-select:none}.master b{font-size:12.5px}.mvu{flex:1;position:relative;height:12px}.mvu i{position:absolute;left:0;height:3px;border-radius:2px;background:var(--ok,#9DBB3A);width:0}.mvu i.l{top:2px}.mvu i.r{top:7px}.mvu:before,.mvu:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:var(--pad)}.mvu:before{top:2px}.mvu:after{top:7px}.mvu i.l,.mvu i.r{z-index:1}.mvu i.hot{background:#e3a72f}.mvu i.clip{background:var(--rec)}.mvu .tick{top:0;bottom:0;height:auto;width:2px;border-radius:1px;background:var(--strong);z-index:2}.mdb{height:28px;min-width:66px;border-radius:7px;border:1px solid transparent;background:none;padding:0 6px;font-family:var(--mono);font-size:10.5px;font-weight:700;text-decoration:underline dotted var(--ink-3)}.fxgrid .fxs{height:44px;border-radius:9px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:1px 0 2px;touch-action:none;user-select:none;-webkit-user-select:none;min-width:0}.fxgrid .fxs svg{width:22px;height:22px}.fxgrid .fxs b{font-family:var(--mono);font-size:7.5px;font-weight:700;letter-spacing:.04em}.fxgrid .fxs.off{background:var(--off)}.fxgrid .fxs.off b{color:var(--ink-3)}.fxgrid .fxs.empty{border-style:dashed;border-color:var(--line-2,var(--line));background:none;color:var(--ink-3);font-size:16px}.fxgrid .fxs.mir b:after{content:" ∞";color:var(--ink-2)}.fxbtn{gap:4px}.fxbtn .fxlist{display:flex;flex-direction:column;align-items:center;gap:2px}.fxbtn .fxlist i{font-style:normal;font-family:var(--mono);font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:5px;background:var(--pad);color:var(--ink)}.fxbtn .fxlist i.off{color:var(--ink-3);background:none}.fxbtn .fxlist i.none{color:var(--ink-2);background:none;font-size:10.5px}.fxcard{border-radius:14px;border:1px solid var(--line);background:var(--panel);padding:10px;display:flex;flex-direction:column;gap:10px}.fxcard.open{border-color:var(--c)}.fxcard .top{display:flex;align-items:center;gap:8px}.fxcard .grip{width:28px;height:40px;border:0;background:none;padding:0;display:grid;place-items:center;touch-action:none;cursor:grab;color:var(--ink-3)}.fxcard .num{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.fxcard .name{flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:1px}.fxcard .name b{font-size:15.5px}.fxcard .name span{font-family:var(--mono);font-size:10px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxcard .tog{height:30px;border-radius:8px;padding:0 10px;font-weight:700;font-size:12px}.fxcard .tog[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#161a18}.fxcard .knobs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fxcard .knobs .knob.main{border-color:var(--c)}.fxcard .acts{display:flex;gap:8px}.fxcard .acts .btn{flex:1;min-height:36px}.fxadd{min-height:52px;border-radius:14px;border:1px dashed var(--line);background:none;color:var(--ink-2);font-weight:600}.pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pick button{min-height:56px;border-radius:11px;border:1px solid var(--line);background:var(--panel);padding:8px 10px;display:flex;flex-direction:column;align-items:stretch;gap:3px;text-align:left}.pick button b{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:6px}.pick button span{font-size:11.5px;color:var(--ink-2);line-height:1.3}.pick button[disabled]{opacity:.5}.pick button em{font-style:normal;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:2px 5px}.act{height:38px;border-radius:8px;padding:0;font-family:var(--mono);font-weight:700;font-size:13px;border:0;background:var(--c);color:#161a18;touch-action:none;user-select:none}.act.off{border:1px solid var(--line);background:var(--off);color:var(--ink-3)}.solo{height:34px;border-radius:8px;padding:0;font-family:var(--mono);font-weight:700;font-size:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2)}.solo[aria-pressed=true]{border:0;background:var(--focus);color:var(--on-ink)}.tile{height:48px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0 10px;text-align:left;min-width:0}.tile b{font-size:12.5px}.tile span{font-family:var(--mono);font-size:9px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chead{position:relative;height:30px;border-radius:8px;overflow:hidden;background:var(--panel);border:1px solid var(--line);display:flex;align-items:flex-end;padding:0 4px 4px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:var(--mono);font-size:7.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;text-align:left}.chead:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}.chead.fx:after{content:"";position:absolute;right:4px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--focus)}.preview{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:8px;display:flex;flex-direction:column;gap:7px;flex:none}.preview canvas{width:100%;height:52px;display:block}.prow{display:flex;gap:8px;align-items:stretch}.playsq{width:58px;height:58px;flex:none;border-radius:14px;border:0;background:var(--c,#7C7EE0);display:grid;place-items:center;padding:0;touch-action:none}.playsq svg{width:32px;height:32px}.playsq.busy{opacity:.6}.pbtn{flex:1;min-width:0;height:58px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 6px}.pbtn b{font-family:var(--mono);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pbtn span{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--ink-2)}.ptabs{display:flex;border-bottom:1px solid var(--line);flex:none}.ptabs button{flex:1;height:34px;border:0;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--ink-3)}.ptabs button[aria-pressed=true]{color:var(--ink);font-weight:700;box-shadow:inset 0 -2.5px 0 var(--ink)}.labbody{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px;overflow-y:auto}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tools .btn{min-height:36px;padding:0 6px;font-size:12.5px}.pbtn.live{background:var(--rec);border-color:var(--rec);color:#fff}.pbtn.live span{color:#fff}.fxchips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.fxchip{height:44px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:1px dashed var(--line);background:transparent;color:var(--ink-3)}.fxchip b{font-size:12px}.fxchip span{font-family:var(--mono);font-size:8.5px}.fxchip.on{border:1.5px solid var(--ink);background:var(--panel-2);color:var(--ink)}.fxchip.sel{box-shadow:0 0 0 2px var(--focus)}.savebar{display:flex;gap:8px;align-items:center;flex:none}.savebar .to{flex:1;min-width:0;display:flex;flex-direction:column}.savebar .to span{font-size:12px;color:var(--ink-2)}.savebar .to button{border:0;background:none;padding:0;text-align:left;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet-body{width:100%;max-width:520px;max-height:92%;overflow:auto;background:var(--bg);border-radius:18px 18px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.sheet-head{display:flex;align-items:center;gap:10px}.sheet-head h2{flex:1;margin:0;font-size:16px}.sheet h3{margin:4px 0 0;font-size:12px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--ink-2)}.name-in{flex:1;min-width:0;border:1px solid var(--line);background:var(--panel-2);border-radius:9px;height:38px;padding:0 10px;font-weight:600;font-size:15px}.field{display:flex;flex-direction:column;gap:5px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.field input{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:var(--ink)}.swatch{width:14px;height:38px;border-radius:5px;background:var(--c);flex:none}.list{display:flex;flex-direction:column;gap:6px}.item{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 12px;min-height:48px;width:100%}.item .grow{flex:1;min-width:0}.item .t{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .m{display:block;font-size:11.5px;color:var(--ink-2)}.item .st{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:right;flex:none;max-width:42%}.item .st.chg{color:var(--rec)}.item[aria-current=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.item.empty .t{color:var(--ink-3);font-weight:500}.srcrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.srcbtn{height:64px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;padding:0}.srcbtn svg{width:22px;height:22px}.status{margin:0;font-size:12.5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.status.err{border-left:3px solid var(--rec)}pre.json{margin:0;max-height:200px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;font-family:var(--mono);font-size:10px;line-height:1.5;white-space:pre}details.more{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 12px}details.more summary{cursor:pointer;min-height:42px;display:flex;align-items:center;font-weight:600;font-size:13px}details.more[open]{padding-bottom:12px}details.more .inner{display:flex;flex-direction:column;gap:10px}.keys{position:relative;height:120px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.keys button{border-radius:0 0 8px 8px;border:1px solid var(--line);background:var(--panel-2);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-family:var(--mono);font-size:10px;color:var(--ink-2)}.keys button.blk{position:absolute;top:0;width:10%;height:62%;background:var(--ink-3);color:var(--bg);border:0;z-index:2}.keys button[aria-pressed=true]{background:var(--focus);color:var(--on-ink)}.slider{width:100%;height:30px;accent-color:var(--ink)}.wave-wrap{margin:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;touch-action:none}.wave-wrap canvas{display:block;width:100%}#wave{height:120px}#overview{height:16px;border-bottom:1px solid var(--line)}.readout{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--ink-2);margin:-2px 2px 0}.readout b{color:var(--ink);font-weight:500}.mic-msg{margin:0;font-size:12.5px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--rec);border-radius:8px;padding:8px 10px}.toast{position:fixed;left:50%;top:calc(58px + env(safe-area-inset-top,0px));transform:translate(-50%);background:var(--strong);color:var(--on-strong);border-radius:12px;padding:0 6px 0 14px;height:44px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;z-index:30;box-shadow:0 8px 24px #00000059;max-width:calc(100% - 32px);white-space:nowrap}.toast span{overflow:hidden;text-overflow:ellipsis}.toast button{height:32px;border-radius:8px;border:0;background:transparent;color:var(--on-strong);font-weight:700;text-decoration:underline;padding:0 10px}@media(prefers-reduced-motion:reduce){.cell.queued{outline-style:solid}.sq44.busy svg{animation:none}}.pbtn .kbd{width:20px;height:12px;color:var(--ink-2);margin-bottom:1px}.octs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.octs button{min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);font-family:var(--mono);font-size:11px;color:var(--ink-2);position:relative}.octs button.has:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--focus)}.octs button[aria-pressed=true]{background:var(--focus);color:var(--on-ink);border-color:var(--focus)}.octs button[aria-pressed=true].has:after{background:var(--on-ink)}.keys button.blk{font-size:8.5px;padding-bottom:4px}.bpm .bpmv{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;border:0;background:none;padding:0;min-width:46px;height:44px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.bpm .bpmv b{font-family:var(--mono);font-weight:700;font-size:15px;height:16px;display:flex;align-items:center}.bpm .bpmv b .numedit{width:50px;font-size:15px;font-weight:700}.bpm .ib{touch-action:none;user-select:none;-webkit-user-select:none}.tempo-pop{position:absolute;z-index:40;top:58px;right:8px;left:8px;max-width:380px;margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 40px #00000073}.tempo-pop[hidden]{display:none}.tp-head{display:flex;align-items:center;justify-content:space-between}.tp-head .ib{width:36px;height:36px;border:0;background:none;font-size:22px;color:var(--ink-2)}.tp-fine{display:grid;grid-template-columns:72px 1fr 72px;gap:8px;align-items:stretch}.tp-fine .btn{min-height:48px;font-family:var(--mono);touch-action:none;user-select:none}.tp-val{border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center}.tp-val .numedit{font-size:26px;font-weight:700}.tp-tap{min-height:120px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .06s}.tp-tap b{font-family:var(--mono);font-size:22px;letter-spacing:.12em}.tp-tap span:last-child{font-size:12px;color:var(--ink-2)}.tp-tap.hit,.tp-nudge .btn.hit{background:var(--focus);color:var(--on-ink)}.tp-tap.hit span:last-child{color:var(--on-ink)}.tp-tap .beats{display:flex;gap:8px}.tp-tap .beats i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink-3)}.tp-tap .beats i.one{border-color:var(--ink)}.tp-tap .beats i.on{background:var(--strong);border-color:var(--strong)}.tp-nudge{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.tp-nudge .btn{min-height:44px;touch-action:none;user-select:none}.app{position:relative}.sheet.peek{background:none;pointer-events:none}.sheet.peek .sheet-body{pointer-events:auto;box-shadow:0 -10px 34px #00000073;border-top:1px solid var(--line)}.labslots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.labslots .fxs{height:78px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;min-width:0;padding:4px}.labslots .fxs svg{width:34px;height:34px}.labslots .fxs b{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em}.labslots .fxs span{font-family:var(--mono);font-size:9.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.labslots .fxs.off{background:var(--off)}.labslots .fxs.off b,.labslots .fxs.off span{color:var(--ink-3)}.labslots .fxs.empty{border-style:dashed;background:none;color:var(--ink-3);font-size:22px}.cell.col:not(.playing):not(.sel){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}.volpart{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.rack{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.rackhd{display:flex;align-items:center;gap:8px;height:32px;flex:none}.rackhd .sw{width:10px;height:22px;border-radius:3px;background:var(--c)}.rackhd b{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rackhd b span{font-weight:500;font-size:12.5px;color:var(--ink-2)}.rackhd .btn svg{width:14px;height:14px}.fxcols{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fxcol{min-width:0;min-height:0;border-radius:11px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 60%,var(--bg));padding:6px;display:flex;flex-direction:column;gap:5px;overflow:hidden;transition:box-shadow .12s}.fxcol.fx.lift{position:relative;z-index:5;border-color:var(--ink);box-shadow:0 0 0 2px var(--ink),0 8px 22px #00000059;transition:none}.fxcol.fx.lift .fxhd{background:var(--strong);color:var(--on-strong)}.fxcol.fx.lift .fxhd .nm{color:var(--on-ink)}.fxcol.blank{border-style:dashed;background:none}.fxhd{flex:none;height:34px;border-radius:8px;background:var(--off);display:flex;align-items:center;gap:2px;padding:0 2px 0 8px}.fxhd .nm{flex:1;min-width:0;align-self:stretch;display:block;line-height:34px;border:0;background:none;padding:0;text-align:left;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:none;user-select:none}.fxhd .nm i{font-style:normal;color:var(--focus);margin-left:4px}.ondot{width:32px;height:32px;flex:none;border:0;background:none;padding:0;display:grid;place-items:center}.ondot span{width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:2px solid var(--ink-3);background:var(--bg)}.ondot[aria-pressed=true] span{border:1.5px solid #B86A00;background:#ff9f1c}.fxcol.off .nm{color:var(--ink-3)}.fxcol.off .knob{opacity:.5}.fxkn{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:4px}.fxkn .fine{font-size:10.5px}.knob.h{height:auto;flex:1 1 0;min-height:29px;max-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:6px;row-gap:0;padding:0 6px;border-radius:9px}.knob.h svg{grid-row:1/3;width:26px;height:26px}.knob.h .v,.knob.h .l{text-align:left;padding:0;justify-self:start;max-width:100%}.knob.h .v{font-size:10.5px;align-self:end}.knob.h .l{font-size:7.5px;align-self:start}.knob.h.main{border-color:var(--c)}.fxft{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.fxft button{height:30px;border-radius:7px;border:1px solid var(--line);background:var(--panel);padding:0;display:grid;place-items:center;color:var(--ink-2);font-size:15px;font-weight:700}.fxft button svg{width:14px;height:14px}.fxft .del{color:var(--rec)}.fxft .mir[aria-pressed=true]{border:0;background:var(--focus);color:var(--on-ink)}.fxcol.fxpick{border-style:dashed;background:none;gap:4px;overflow-y:auto;overscroll-behavior:contain}.pkhd{flex:none;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);padding:2px 2px 3px;min-height:18px}.pkx{width:26px;height:22px;border:0;background:none;padding:0;font-size:17px;color:var(--ink-2)}.fxpick button[data-type],.fxpick button[disabled]{flex:none;height:30px;border-radius:7px;border:1px solid var(--line);background:var(--panel);padding:0 8px;text-align:left;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between;gap:4px}.fxpick button em{font-style:normal;font-family:var(--mono);font-size:7px;letter-spacing:.06em;color:var(--ink-3)}.fxgrid .fxs.cur{border:2px solid var(--c)}.fxgrid .fxs.empty.cur{border-style:dashed}.solo{touch-action:none;user-select:none;-webkit-user-select:none}.labtop{display:flex;gap:6px;flex:none;height:120px}.labside{width:76px;flex:none;display:flex;flex-direction:column;gap:5px}.labside .playsq{width:100%;height:auto;flex:1;border-radius:12px}.labside .playsq svg{width:28px;height:28px}.pbtn.sm{flex:none;width:100%;height:32px;border-radius:9px;flex-direction:row;gap:5px;padding:0 4px}.pbtn.sm b{font-size:12px}.pbtn.sm span{font-size:7px}.pbtn.sm .kbd{margin:0;width:16px;height:10px}#labLen.pbtn.sm{flex-direction:column;gap:0;height:36px}.labwave{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.labwave .wave-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.labwave #wave{flex:1;min-height:0;height:auto}.labwave #overview{height:14px;flex:none}.labwave #labWave{flex:1;min-height:0;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.labwave .readout{margin:0 2px;flex:none}.labbody{flex:0 1 auto;min-height:0;overflow-y:auto;gap:6px}.labknobs{display:grid;gap:6px}.labknobs .knob{height:62px;padding:2px 0 4px}.labknobs .knob svg{width:28px;height:28px}.labbody .tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.labbody .tools .btn{min-height:36px;padding:0 2px;font-size:10.5px;border-radius:8px}.labfx{flex:1 1 200px;min-height:248px}.savebar .to b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#trackKnobs{grid-template-columns:repeat(5,minmax(0,1fr))}.randbtn svg{width:26px;height:26px;color:var(--ink)}.pad .sub{font-size:10.5px;font-weight:700;bottom:6px;right:7px}.brand{cursor:pointer;align-self:stretch;justify-content:center}.skhead{display:flex;align-items:center;gap:8px}.namebox{flex:1;min-width:0;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);display:flex;align-items:center;gap:4px;padding:0 3px 0 10px}.namebox input{flex:1;min-width:0;height:40px;border:0;background:none;font-weight:700;font-size:16px;padding:0;outline:none}.namebox button{width:38px;height:38px;border-radius:8px;border:0;background:var(--pad);display:grid;place-items:center;padding:0}.namebox button svg{width:20px;height:20px}.skhead .sq44 svg{width:22px;height:22px}.skbig{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bigbtn{height:54px;border-radius:11px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:0 12px;text-align:left;min-width:0}.bigbtn span{font-family:var(--mono);font-size:8px;letter-spacing:.09em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bigbtn b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#skSync{background:transparent;border:2.5px solid var(--ink);color:var(--ink)}#skSync b{white-space:normal;line-height:1.05;text-wrap:balance;overflow:visible}.bigbtn.scale{touch-action:none;user-select:none;-webkit-user-select:none}.bigbtn.scale[aria-pressed=true]{background:var(--pp,#BFA8F5);border-color:var(--pp,#BFA8F5);color:#1a1530}.sklbl{display:flex;align-items:baseline;justify-content:space-between;margin-top:2px}.item.slot{min-height:48px;padding:5px 12px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.item.slot .st{max-width:30%}.keygrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.keygrid button,.scalegrid button{height:38px;border-radius:8px;border:1px solid var(--line);background:var(--panel);font-weight:700;padding:0}.keygrid button{font-family:var(--mono);font-size:12.5px}.scalegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.scalegrid button{height:36px;padding:0 10px;text-align:left;font-size:12.5px}.keygrid button[aria-pressed=true],.scalegrid button[aria-pressed=true]{border:0;background:#bfa8f5;color:#1a1530}.item.slot.empty{border-style:dashed;background:none}html,body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.keys button.insc{background:color-mix(in srgb,#BFA8F5 30%,var(--panel-2));border-color:color-mix(in srgb,#BFA8F5 45%,var(--line))}.keys button.blk.insc{background:color-mix(in srgb,#BFA8F5 55%,var(--ink-3));color:#1a1530}.keys button.root,.keys button.blk.root{background:#bfa8f5;border-color:#bfa8f5;color:#1a1530}.keys button[aria-pressed=true]{background:var(--focus);border-color:var(--focus);color:var(--on-ink)}.kscale{display:inline-block;font-size:11px;font-weight:700;color:#1a1530;background:#bfa8f5;border-radius:6px;padding:2px 7px;margin-left:8px;vertical-align:2px}#scr-lab .seg.sm button{height:30px}.labside .playsq{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.playsq .seqnote{display:none;font-family:var(--mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#161a18}.playsq.inseq{opacity:.4}.playsq.inseq .seqnote{display:block}.playsq.latched{animation:latch 1s ease-in-out infinite;box-shadow:0 0 0 3px var(--ink)}@keyframes latch{50%{filter:brightness(1.25);box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 40%,transparent)}}@media(prefers-reduced-motion:reduce){.playsq.latched{animation:none}}.item.slot.queued{border-color:var(--ink);animation:qpulse 1s ease-in-out infinite}.item .st.q{color:var(--ink);font-weight:700}@keyframes qpulse{50%{background:color-mix(in srgb,var(--ink) 12%,var(--panel))}}@media(prefers-reduced-motion:reduce){.item.slot.queued{animation:none;border-width:2px}}#scr-mixer{gap:6px}#scr-mixer .volpart{flex:1 1 0;min-height:0;gap:6px}.faders{min-height:70px}.fader{user-select:none;-webkit-user-select:none;cursor:ns-resize;outline-offset:2px}.fader .fval{position:absolute;left:3px;right:3px;bottom:3px;height:22px;border-radius:6px;background:var(--bg);display:grid;place-items:center;font-family:var(--mono);font-size:9px;font-weight:700;color:var(--ink-2);white-space:nowrap;cursor:text}.fader .fval.editing{border:1px solid var(--c);background:var(--bg)}.fader .fval .numedit{width:100%;font-size:10px}.acts{flex:none}.acts .act{height:auto;aspect-ratio:1;touch-action:none;-webkit-touch-callout:none}.acts .act.off{border:1px solid var(--line);background:var(--off);color:var(--ink-3)}.acts .act.sfade{opacity:.38}.acts .act.off.sfade{opacity:.6}.acts .act.sol{box-shadow:inset 0 0 0 3px var(--focus),0 0 0 2px var(--focus)}#scr-mixer .rack{flex:0 1 300px;min-height:226px}.rackhd{height:34px}.panbtn{flex:none;display:flex;align-items:center;gap:8px;height:32px;min-width:84px;justify-content:center;border-radius:9px;border:1px solid var(--line);background:var(--panel);padding:0 10px;font-family:var(--mono);touch-action:none;user-select:none;-webkit-user-select:none;cursor:ns-resize}.panbtn span{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink-2)}.panbtn b{font-size:13px;min-width:30px;text-align:right}@media(max-height:720px){#scr-mixer .master{height:28px}#scr-mixer .rack{flex-basis:268px;min-height:268px}.rackhd{height:30px}.fxcol{padding:4px;gap:3px}.fxhd{height:28px}.fxhd .nm{line-height:28px}.fxft button{height:26px}.knob.h{min-height:26px}.fxkn{gap:3px}.knob.h svg{width:22px;height:22px}}#scr-lab{gap:6px}.labtop{height:146px}.labside{width:61px}.labside .playsq{flex:none;width:61px;height:61px}.labside .playsq svg{width:24px;height:24px}.labside .pbtn.sm,#labLen.pbtn.sm{flex:1;height:auto}.labtabs{flex:none;display:flex;gap:0;height:40px;border-bottom:1px solid var(--line)}.labtabs button{flex:none;display:flex;align-items:center;gap:7px;height:40px;border:0;background:none;padding:0 14px 0 2px;margin-right:12px;font-size:15px;font-weight:700;color:var(--ink-3);border-right:1px solid var(--line);box-shadow:inset 0 -2px 0 transparent;border-radius:0}.labtabs button:last-child{border-right:0}.labtabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--c)}.labtabs .fxon{display:none;width:8px;height:8px;border-radius:50%;background:#ff9f1c;border:1.5px solid #B86A00}.labtabs button.lit .fxon{display:inline-block}.labbody{flex:0 1 auto}.labbody .tools{display:flex;gap:4px}.labbody .tools>*{flex:1 1 auto}.labbody .tools .btn{min-height:32px;height:32px;padding:0 1px;font-size:10px;letter-spacing:-.01em;border-radius:8px;background:none;border:1px solid var(--line);color:var(--ink-2);font-weight:700}.labbody .tools .btn:disabled{opacity:.4}.labfxhd{display:none}#scr-lab:not([data-page=fx]) #labFx{display:none}#scr-lab[data-page=fx] #labBody{display:none}.labfx{flex:0 1 330px;min-height:0}#scr-lab .savebar{margin-top:auto}.fillbar{position:relative;overflow:hidden;display:flex;align-items:center;height:34px;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:0 12px;font-family:var(--mono);touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}.fillbar .fill{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--c) 40%,transparent);border-right:2px solid var(--c)}.fillbar .l{position:relative;font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.fillbar .v{position:relative;margin-left:auto;font-size:12px;text-decoration:underline dotted var(--ink-3);text-underline-offset:3px;cursor:text;min-width:3em;text-align:right}.fillbar .v.editing{text-decoration:none}.fillbar .v .numedit{width:4em;font-size:12px}@media(max-height:720px){.labtabs,.labtabs button{height:31px}.labtabs button{font-size:13.5px}#scr-lab .savebar .btn{min-height:40px!important}}.seshint .dk,.srack,.sclbl,#scenes,#stopAll{display:none}.sesside{display:contents}@media(min-width:1700px)and (min-height:860px){html{zoom:1.25}}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.app{max-width:1320px}.chips{gap:8px}.seshint .ph{display:none}.seshint .dk{display:inline}.fxcols .fxkn{flex:0 1 auto;min-height:0}.fxcols .knob.h{flex:0 1 50px;height:auto;max-height:50px;min-height:29px}.fxcols .fxft{margin-top:auto}.fxcols{flex:0 1 auto;min-height:200px;grid-template-rows:minmax(0,1fr)}.fxcols .fxpick{height:0;min-height:100%;max-height:none}.rackhd{height:40px}#scr-mixer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"vol rack" "acts rack" "bar rack";column-gap:8px;row-gap:8px}#scr-mixer .volpart{grid-area:vol}#scr-mixer .acts{grid-area:acts}#scr-mixer .acts .act{aspect-ratio:auto;height:52px;font-size:15px}#scr-mixer .rack{grid-area:rack;min-height:0;flex:none}.fader .fval{height:24px;font-size:11px}#scr-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"model fxhd" "top fx" "tabs fx" "body fx" "bar fx";column-gap:8px;row-gap:8px}#modelSeg{grid-area:model}#scr-lab .labtop{grid-area:top;height:200px}#labPages{grid-area:tabs}#labBody{grid-area:body}#scr-lab .savebar{grid-area:save}#scr-lab[data-page] #labBody{display:flex;flex:none;min-height:0;max-height:100%;align-self:start;overflow-y:auto;overscroll-behavior:contain}#scr-lab[data-page] #labFx{display:grid;grid-area:fx;align-self:start;max-height:100%}#clipPanel .btn{white-space:nowrap;padding:0 6px;font-size:12.5px}.labfxhd{grid-area:fxhd;display:flex;align-items:center;gap:10px;height:34px}.labfxhd .sw{width:10px;height:24px;border-radius:3px;background:var(--c)}.labfxhd b{font-size:16px}.labfxhd .hint{margin-left:auto}.labside{width:86px}.labside .playsq{width:86px;height:86px}.labside .playsq svg{width:34px;height:34px}#labBody .seg.sm button{height:34px}.labbody .tools .btn{height:36px;min-height:36px;font-size:12px}.fillbar{height:38px}#scr-session{display:grid;grid-template-columns:calc(50% - 4px) calc(25% - 6px) calc(25% - 6px);grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-areas:"grid grid scenes" "hint hint ." "stops stops stopall" "bar panel panel";column-gap:8px;row-gap:8px}#cwrap{grid-area:grid}.seshint{grid-area:hint}#stops{grid-area:stops}#cwrap{justify-content:stretch}.cgrid{max-height:none}.sesside{display:contents}.sclbl{display:none}#scenes{grid-area:scenes;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:5px;min-height:0}#stopAll{grid-area:stopall}#scr-session>.tbar{width:auto;justify-self:stretch;grid-area:bar}#clipPanel{grid-area:panel;padding:4px 8px;gap:3px;border-radius:12px;justify-content:center;min-width:0}#clipPanel .cpcap.dk{display:flex}#clipPanel .cpcap{min-height:15px;font-size:10px}#clipPanel .cpcap .x{width:22px;height:16px;font-size:16px;line-height:16px;padding:0}#clipPanel .cpbtns{display:flex;flex-wrap:wrap;gap:5px}#clipPanel .cpbtns .btn{flex:1 1 auto;min-height:30px;height:30px}#clipPanel .cpbtns .cpq{flex:0 0 auto;gap:6px}#clipPanel .cpbtns .cpq .seg button{height:30px;padding:0 7px;font-size:11.5px}#clipPanel .cpcap .cpauto{min-height:17px;height:17px;font-size:11px;padding:0 8px;flex:none}.scene{display:flex;align-items:stretch;gap:4px;min-height:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.scene.sel{border-color:var(--ink-2)}.scene.playing{border-color:var(--ink)}.scene .snm{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0 4px 0 10px;text-align:left}.scene .snm .mono{font-size:11px;color:var(--ink-3)}.scene .snm b{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene .snm b.unnamed{color:var(--ink-2);font-weight:600}.scene .go{flex:none;width:40px;border:0;border-left:1px solid var(--line);background:var(--off);display:grid;place-items:center;color:var(--ink);padding:0}.scene.playing .go{background:var(--strong);color:var(--on-strong)}.scene .go svg{width:11px;height:11px}#stopAll{display:flex;align-items:center;justify-content:center;gap:8px;height:30px;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-weight:700;font-size:13px;color:var(--ink)}#stopAll svg{width:10px;height:10px}#clipPanel #quantSeg button{padding:0 2px}#scr-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"pads clip" "pads modes" "pads knobs" "pads rack" "bar rack";column-gap:8px;row-gap:10px}#scr-steps .padwrap{grid-area:pads}#scr-steps .clipline{grid-area:clip;height:44px}#scr-steps .clipline .t b{font-size:19px}#scr-steps .modes{grid-area:modes}#scr-steps .modes .seg button{height:40px;font-size:13px}#trackKnobs{grid-area:knobs;grid-template-columns:repeat(4,minmax(0,1fr))}#trackKnobs .fxbtn{display:none}#trackKnobs .knob{height:90px}#scr-steps .soundstrip{grid-area:sound;height:64px}#scr-steps .soundstrip canvas{width:45%;height:44px}.srack{display:flex;grid-area:rack;min-height:0;flex-direction:column;gap:6px}.srack .rackhd b{font-size:16px}}.labbody>*{flex-shrink:0}@media(min-width:1100px)and (max-height:820px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){#scr-steps .clipline,#scr-steps .modes .seg button{height:34px}#trackKnobs .knob{height:64px}#trackKnobs .knob svg{width:26px;height:26px}#scr-steps{row-gap:6px}.rackhd{height:32px}.fxcol{padding:4px;gap:3px}.fxhd{height:28px}.fxhd .nm{line-height:28px}.fxft button{height:26px}.fxcols .knob.h{min-height:26px}.fxkn{gap:3px}#scr-lab .labtop{height:140px}#labBody .seg.sm button{height:30px}.labbody .tools .btn{height:32px;min-height:32px}.fillbar{height:34px}}.clippanel .scenebox{flex:none;max-width:46%;display:flex;flex-direction:column;align-items:flex-end;gap:1px;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:5px 10px;text-align:right}.scenebox .lbl{font-size:8.5px}.scenebox b{display:flex;align-items:center;gap:6px;max-width:100%;font-size:13px;min-width:0}.scenebox b .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.scenebox b i{font-style:normal;color:var(--ink-2);font-size:12px}.textedit{width:100%;min-width:8em;border:0;border-radius:6px;background:var(--panel-2);color:var(--ink);font:inherit;font-weight:700;padding:3px 6px;outline:2px solid var(--focus)}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.clippanel .scenebox{display:none}.scene .snm b .textedit{font-size:13px}}.chip{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) calc(var(--g,0)*70%),transparent)}.chip.soloed,.chip.soloed.hit{box-shadow:0 0 0 2px var(--focus),0 0 0 calc(2px + var(--g,0)*4px) color-mix(in srgb,var(--focus) calc(var(--g,0)*65%),transparent)}.playsq.finishing{box-shadow:0 0 0 3px var(--ink-2)}.pad.ring:after{content:"";position:absolute;left:-7px;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:color-mix(in srgb,var(--c) 55%,transparent);pointer-events:none}.soloq{flex:none;width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-weight:700;font-size:13px;color:var(--ink-2);padding:0;touch-action:none;user-select:none;-webkit-user-select:none}.soloq.on{border-color:var(--focus);background:var(--focus);color:var(--on-ink)}.savebar .soloq{width:46px;height:46px}.soundstrip{transition:background-color .12s}.soundstrip.hit{background:color-mix(in srgb,var(--c,var(--ink)) 22%,var(--panel));transition:none}.soundstrip canvas{flex:1 1 0;width:auto;min-width:0}.soundstrip .meta{flex:0 1 auto;max-width:44%}.btn.commit{background:none;border:1.5px solid var(--rec);color:var(--rec);font-weight:700}.btn.commit:disabled{border-color:var(--line);color:var(--ink-3);opacity:1}.name-in.big{height:48px;font-size:16px;padding:0 12px}.keyrow{display:flex;gap:6px;align-items:center}.keyrow .name-in{flex:1;min-width:0}.keyrow .eye{flex:none;width:48px;height:48px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;color:var(--ink-2);padding:0}.keyrow .eye svg{width:20px;height:20px}.keyrow .eye[aria-pressed=true]{color:var(--ink);border-color:var(--ink-2)}.field>.name-in{flex:none}.labbody .tools>span:empty{display:none}.master{cursor:pointer}.master .mfx{flex:none;height:22px;min-width:34px;padding:0 7px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--ink-2)}.master.sel{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.master.sel .mfx{background:var(--strong);border-color:var(--strong);color:var(--bg)}.rack.mrack .rackhd .sw{background:var(--strong)}#modeSeg button{padding-left:0;padding-right:0;font-size:11px;letter-spacing:-.01em}.pad .rt i.off{background:transparent;box-shadow:inset 0 0 0 1.3px currentColor;opacity:.8}.pad .cond{position:absolute;top:6px;right:7px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:-.02em;pointer-events:none;max-width:calc(100% - 26px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hits{display:flex;gap:8px}.hits:empty{display:none}.hits button{flex:1;height:58px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.hits button i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink-2)}.hits button.on{border-color:var(--ink);color:var(--ink)}.hits button.on i{background:var(--hc);box-shadow:none}.condgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.condgrid button{height:40px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink)}.condgrid button[aria-pressed=true]{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}#abBox[hidden]{display:none}.chordgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chordgrid button{height:46px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:14px;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;padding:0 2px}.chordgrid button small{font-family:var(--mono);font-size:9.5px;font-weight:500;color:var(--ink-2)}.chordgrid button[aria-pressed=true]{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.chordgrid button[aria-pressed=true] small{color:var(--on-ink);opacity:.75}.chordgrid button.auto{grid-column:span 4;flex-direction:row;gap:8px}.fillq{flex:none;height:38px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-weight:700;font-size:12px;color:var(--ink-2);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fillq.on{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.pad .sub.chd:before{content:"⁝";margin-right:2px;opacity:.7}.rw{display:flex;flex-direction:column;gap:12px}.rw [hidden]{display:none!important}.rw .mon{position:relative;height:96px;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden;flex:none}.rw .mon canvas{position:absolute;inset:0;width:100%;height:100%}.rw .mon .tag{position:absolute;top:7px;left:10px;font-family:var(--mono);font-size:10.5px;font-weight:700;color:var(--ink-2);letter-spacing:.04em}.rw .mon .tag.r{left:auto;right:10px}.rw .meter{height:8px;border-radius:4px;background:var(--line);overflow:hidden;position:relative;flex:none}.rw .meter i{position:absolute;left:0;top:0;bottom:0;background:#3aae8a;transition:width .05s linear}.rw .meter b{position:absolute;top:0;bottom:0;width:2px;background:var(--strong)}.rw .row2{display:flex;align-items:center;justify-content:space-between;gap:10px}.rw .lbl{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink-2);letter-spacing:.05em;flex:none}.rw .big{align-self:center;width:128px;height:128px;border-radius:50%;border:4px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;position:relative;flex:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding:0}.rw .big i{width:64px;height:64px;border-radius:50%;background:#e5484d;transition:all .12s}.rw .big.on{border-color:#e5484d}.rw .big.on i{width:40px;height:40px;border-radius:8px}.rw .big svg{position:absolute;inset:-4px;width:128px;height:128px;transform:rotate(-90deg);pointer-events:none}.rw .tm{text-align:center;font-family:var(--mono);font-size:20px;font-weight:700;min-height:44px}.rw .tm small{display:block;font-size:11px;font-weight:500;color:var(--ink-2);margin-top:2px}.rw .acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rw .acts .btn{height:46px}.rw .playbig{width:100%;height:52px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink)}.rw .playbig svg{width:16px;height:16px}.rw .use{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.rw select{height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:0 8px;font:inherit;font-size:13px;flex:1;min-width:0}.rw .tog2{height:34px;padding:0 14px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-weight:600;font-size:13px;color:var(--ink)}.rw .tog2.on{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.rw .layers{display:flex;gap:6px;flex-wrap:wrap}.rw .layers span{font-family:var(--mono);font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;border:1px solid var(--line)}.rw .layers span.live{border-color:#e5484d;color:#e5484d}.rw #rwTake{display:flex;flex-direction:column;gap:8px}.rw #rwTake .fine{margin:0}#scr-pads{gap:8px}.pline{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;flex:none}.pline>b{font-size:17px}.pline .hint{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pline .back{height:32px;padding:0 10px 0 6px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:6px;min-width:0;color:var(--ink)}.pline .back i{width:10px;height:10px;border-radius:3px;background:var(--c);flex:none}.pline .back span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pline .pctl{display:flex;align-items:center;gap:6px;flex:none}.pline .octs{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:9px;height:32px;background:var(--panel)}.pline .octs .ib{width:30px;height:30px;border:0;background:none;font-size:16px;color:var(--ink)}.pline .octs b{font-family:var(--mono);font-size:11px;min-width:26px;text-align:center}.pline .tog{height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:13px;color:var(--ink)}.pline .tog.on{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.pgrid{flex:1;min-height:0;display:grid;gap:8px}.pgrid.p8{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.pgrid.p16{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.bp{--g:0;position:relative;border-radius:14px;border:0;padding:10px 12px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--ink);min-height:0;background:color-mix(in srgb,var(--c) calc(20% + var(--g)*38%),var(--panel));box-shadow:inset 0 -4px color-mix(in srgb,var(--c) 45%,var(--panel));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background .06s}.bp .n{position:relative;font-family:var(--mono);font-size:12px;font-weight:700}.bp .lb{position:relative;display:flex;flex-direction:column;min-width:0}.bp .nm{font-weight:700;font-size:18px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp .sub{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp .sub:empty{display:none}.bp canvas.pw{position:absolute;left:12px;width:calc(100% - 24px);top:30%;height:30%;pointer-events:none}.p16 .bp canvas.pw{left:8px;width:calc(100% - 16px);top:30%;height:28%;opacity:.8}.bp.down,.bp.hit{background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 40%,transparent),inset 0 -4px #0000002e;color:#111}.bp.down .sub,.bp.hit .sub{color:#111;opacity:.7}.bp.down canvas.pw,.bp.hit canvas.pw{filter:brightness(.35)}.bp.dimt{opacity:.5}.bp.empty{opacity:.35}.bp.root{box-shadow:inset 0 0 0 2px var(--c),inset 0 -4px color-mix(in srgb,var(--c) 45%,var(--panel))}.p16 .bp{padding:7px 8px}.p16 .bp .nm{font-size:16px}.p16 .bp .n{font-size:10px;color:var(--ink-2)}.bp .key{position:absolute;top:9px;right:10px;font-family:var(--mono);font-size:11px;font-weight:700;border:1px solid currentColor;border-radius:5px;padding:0 5px;opacity:.5}.bp .key:empty{display:none}.bp .lvl{position:absolute;left:0;right:0;bottom:0;height:0;background:#e5484d;opacity:.85;pointer-events:none}.bp .rec{position:absolute;top:9px;right:10px;font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;display:none;align-items:center;gap:5px}.bp .rec:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.bp.recording .rec{display:flex}#scr-pads.micmode .bp{box-shadow:inset 0 0 0 2px #e5484d}.bp.recording{background:color-mix(in srgb,var(--c) 25%,var(--panel))}.bp:not(.recording) .lvl{height:0!important}.pstrip{display:flex;align-items:center;gap:6px;height:50px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 6px;flex:none}.pstrip .q{flex:none;height:38px;min-width:38px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-weight:700;font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.pstrip .q.rec i{width:10px;height:10px;border-radius:50%;background:#e5484d}.pstrip .q.rec.on{background:#e5484d;border-color:#e5484d;color:#fff}.pstrip .q.rec.on i{background:#fff}.pstrip .q.mic.on{border-color:#e5484d;color:#e5484d;box-shadow:inset 0 0 0 1px #e5484d}.pstrip .seg2{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;height:38px;flex:none}.pstrip .seg2 button{border:0;background:none;padding:0 9px;font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--ink-2)}.pstrip .seg2 button[aria-pressed=true]{background:var(--strong);color:var(--on-strong)}.pstrip .grow{flex:1}.pstrip .cnt{font-family:var(--mono);font-size:12px;font-weight:700;color:#e5484d;white-space:nowrap}.pstrip .soloq{width:38px;height:38px}@media(max-width:380px){.pstrip .seg2 button{padding:0 6px}.pstrip .q{padding:0 7px}}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.pgrid.p8{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bp .nm{font-size:26px}.p16 .bp .nm{font-size:20px}.pstrip{height:56px}}.chip .dot{visibility:hidden}.tbar{display:flex;align-items:center;gap:7px;height:54px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 6px;flex:none;transition:background-color .12s}.tbar.hit{background:color-mix(in srgb,var(--c,var(--ink)) 18%,var(--panel));transition:none}.tbar .soloq{width:38px;height:38px}.tbar .cbar{width:5px;height:34px;border-radius:3px;background:var(--c);flex:none}.tbar .tbw{flex:1 1 auto;min-width:0;height:44px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 2px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:7px}.tbar .tbw b{font-weight:700;font-size:13.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbar .tbwave{position:relative;height:20px;display:block}.tbar .tbwave canvas{position:absolute;inset:0;width:100%;height:100%}.tbar .tbempty{font-size:11.5px;color:var(--ink-2);line-height:20px}.tbar .tbx{flex:none;display:flex;align-items:center}.tbar .tbv{display:flex;align-items:center;gap:5px}.tbar .q{flex:none;height:38px;min-width:38px;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-weight:700;font-size:12px;color:var(--ink-2);display:flex;align-items:center;justify-content:center;gap:6px}.tbar .q.rec{padding:0;width:38px}.tbar .q.rec i{width:12px;height:12px;border-radius:50%;background:#e5484d}.tbar .q.rec.on{background:#e5484d;border-color:#e5484d}.tbar .q.rec.on i{background:#fff}.tbar .q.mic.on{border-color:#e5484d;color:#e5484d;box-shadow:inset 0 0 0 1px #e5484d}.tbar #padQ.on{color:var(--ink);border-color:var(--ink-2)}.tbar .cnt{font-family:var(--mono);font-size:11px;font-weight:700;color:#e5484d;white-space:nowrap}.tbar .cnt:empty{display:none}.tbar .btn{min-height:40px;padding:0 12px}.tbar .btn.commit{padding:0 14px}.tbar .scenebox{flex:none;max-width:150px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:4px 9px;text-align:right}.tbar.tbmaster .soloq{visibility:hidden}.screen>.tbar{margin-top:auto}@media(max-width:380px){.tbar .q{padding:0 6px}.tbar{gap:5px}}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.tbar{grid-area:bar;height:58px}.tbar .tbwave{height:24px}.tbar .scenebox{display:none}#scr-pads>.tbar{width:calc(50% - 4px)}}.fader{overflow:hidden}.fader .meter,.fader .track{display:none}.fader .vu{position:absolute;bottom:0;width:50%;height:0;background:color-mix(in srgb,var(--c) 42%,transparent);pointer-events:none}.fader .vu.l{left:0}.fader .vu.r{right:0;box-shadow:inset 1px 0 0 var(--panel)}.fader .cap{z-index:2;left:6px;right:6px;width:auto;margin-left:0}.fader .fval{z-index:2}.fader.sel{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.fitrow{display:flex;align-items:center;gap:8px}.fitrow .fine{margin:0;white-space:nowrap}.fitrow .seg{flex:1}.fxcommit{flex:none;height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink)}.fxcommit:disabled{color:var(--ink-3);opacity:.7}.fxcommit:not(:disabled){border-color:var(--c, var(--ink-2))}.rackhd .fxcommit{margin-left:6px}.labfxhd .fxcommit{margin-left:8px}#scr-lab[data-page=fx] .labfxhd{display:flex;align-items:center;gap:10px;height:34px}#scr-lab[data-page=fx] .labfxhd .sw{width:10px;height:24px;border-radius:3px;background:var(--c)}#scr-lab[data-page=fx] .labfxhd .hint{margin-left:auto}.ctag{display:block;margin:0 6px 2px;padding:1px 0;border-radius:5px;background:var(--pad);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;color:var(--ink-2)}.knob.dis{opacity:.38}.knob.dis .arc{stroke:var(--ink-3)}.nosample{display:flex;flex-direction:column;gap:8px}.nosample>b{font-size:18px}.nosample h3{margin:6px 0 0;font-size:13px}.nosample .list{max-height:none}.welcome{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:6px;flex:none}.welcome b{font-size:17px}.welcome .fine{margin:0}.welcome .wbtns{display:flex;gap:8px;margin-top:4px}.welcome .wbtns .btn{flex:1}.sendto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sendsw{height:74px;border-radius:11px;border:1px solid var(--line);background:color-mix(in srgb,var(--c) 22%,var(--panel));border-top:5px solid var(--c);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:4px 8px;min-width:0;text-align:left}.sendsw b{font-size:15px}.sendsw span{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendsw em{font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.pad .lenbar{position:absolute;left:-7px;right:0;bottom:12px;height:6px;background:var(--c);border-radius:0;pointer-events:none;opacity:.9}.pad .lenbar.start{left:auto;right:0;width:40%;border-radius:3px 0 0 3px;background:color-mix(in srgb,var(--c) 70%,#0b0d0c)}.pad .lenbar.end{right:22%;border-radius:0 3px 3px 0}.pad.held:not(.on) .lenbar{background:color-mix(in srgb,var(--c) 70%,#0b0d0c)}.pad .lenwrap{position:absolute;left:4px;bottom:20px;font-size:12px;font-weight:700;color:var(--ink-2);pointer-events:none}.chip .arptag{position:absolute;top:5px;right:5px;font-family:var(--mono);font-size:7.5px;font-weight:700;letter-spacing:.05em;padding:1px 3px;border-radius:4px;background:var(--strong);color:var(--bg);line-height:1.2}.tbar .tbw b .arptag{font-style:normal;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;padding:1px 4px;border-radius:4px;background:var(--strong);color:var(--bg);vertical-align:2px}.fxbtn .arpq{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:5px;border:1px solid var(--line);color:var(--ink-2);margin:1px 0 2px}.fxbtn .arpq.on{background:var(--strong);color:var(--bg);border-color:var(--strong)}.ondot{position:relative}.ondot .cobadge{position:absolute;right:-5px;top:-5px;width:15px;height:15px;border-radius:50%;font-style:normal;font-family:var(--mono);font-size:8.5px;font-weight:800;display:grid;place-items:center;line-height:1;border:1.5px solid var(--ink);background:var(--strong);color:var(--bg)}.ondot .cobadge.off{background:var(--panel);color:var(--ink)}.cell .comark{position:absolute;top:3px;right:4px;font-family:var(--mono);font-size:8px;font-weight:800;line-height:1;color:var(--ink);opacity:.75;z-index:1}.cell.playing .comark{color:#161a18}.sendsw{height:84px;gap:2px}.sendsw canvas.tw{width:100%;height:18px;display:block;margin-top:2px}.sendsw em.rp{position:absolute;top:8px;right:8px}.sendsw{position:relative}.sendsw:disabled{opacity:.4}.nosample .sendto{margin-bottom:4px}.bp.sel{box-shadow:inset 0 0 0 4px var(--c),inset 0 -6px 0 var(--c)}.bp.sel.down,.bp.sel.hit{box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--c) 60%,#0b0d0c),0 0 0 3px color-mix(in srgb,var(--c) 40%,transparent)}#scr-pads.micmode .bp.sel{box-shadow:inset 0 0 0 2px #e5484d,inset 0 0 0 6px var(--c)}.labtabs{border-bottom:0;gap:6px;height:auto}.labtabs button{flex:1 1 0;justify-content:center;height:40px;margin:0;padding:0 10px;border:1px solid color-mix(in srgb,var(--c) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--c) 14%,var(--panel-2));color:var(--ink);box-shadow:none}.labtabs button:last-child{border-right:1px solid color-mix(in srgb,var(--c) 28%,var(--line))}.labtabs button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#111;box-shadow:none}@media(max-height:720px){.labtabs,.labtabs button{height:34px}}.fxcommit:not(:disabled){border:1.5px solid var(--rec);color:var(--rec)}.fxcommit:disabled{border:1px solid var(--line);color:var(--ink-3);opacity:1}.tbar .fxcommit{height:38px}.top .recq{height:44px;min-width:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;flex:none;color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.04em}.top .recq i{width:14px;height:14px;border-radius:50%;background:#e5484d;flex:none}.top .recq .rc:empty{display:none}.top .recq.on{background:#e5484d;border-color:#e5484d}.top .recq.on i{background:#fff}.top .bpm{padding:0 12px}@media(max-width:380px){.top .recq{padding:0 10px}}.tbar .tbx{width:154px;justify-content:flex-end;flex:none}.tbar .tbv{width:100%;justify-content:flex-end}.tbar .tbv .q{flex:1 1 0;min-width:0}.tbar .tbv .panbtn{flex:1 1 0;min-width:0;padding:0 8px}.tbar .tbv .fxcommit{flex:1 1 0;min-width:0;padding:0 4px}.tbar .tbv .scenebox{width:100%}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.screen{container-type:inline-size}.screen>.tbar,#scr-pads>.tbar{width:calc(50cqw - 4px);justify-self:start}.tbar .tbx{width:190px}}.hold{position:relative}.hold:after{content:"";position:absolute;right:0;bottom:0;width:16px;height:16px;pointer-events:none;border-bottom-right-radius:inherit;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--ink) 22%,transparent) 50%)}.chip.hold:after,.knob.hold:after,.ondot.hold:after,.cell.hold:after{width:11px;height:11px}.ondot.hold:after{border-radius:0 0 50%}.pad.ring.hold:after{display:none}.chip{transition:transform .14s ease}.chip.lift{z-index:5;transition:none;box-shadow:0 0 0 2px var(--ink),0 8px 20px #00000059!important}#labLen.smp b{font-size:12.5px;white-space:nowrap}#labLen.smp span{white-space:nowrap}.bp.st{background:linear-gradient(to bottom,color-mix(in srgb,var(--c) calc(14% + var(--g)*38%),var(--panel)) 45%,color-mix(in srgb,var(--c) calc(48% + var(--g)*38%),var(--panel)) 45%)}.p16 .bp.st{background:linear-gradient(to bottom,color-mix(in srgb,var(--c) calc(14% + var(--g)*38%),var(--panel)) 44%,color-mix(in srgb,var(--c) calc(48% + var(--g)*38%),var(--panel)) 44%)}.bp.vel:before{content:"";position:absolute;right:7px;top:10px;bottom:14px;width:4px;border-radius:2px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--c) 90%,var(--ink)),color-mix(in srgb,var(--c) 15%,transparent));opacity:.8}.bp.vel .key{right:16px}#padVel.on{color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.tbar .tbw{background:color-mix(in srgb,var(--c) 9%,var(--bg));border:1px solid color-mix(in srgb,var(--c) 18%,var(--line));padding:0 8px;height:44px}#scr-mixer .master{height:54px!important;gap:14px;padding:0 10px 0 14px;border-radius:12px}#scr-mixer .master b{font-size:15px}#scr-mixer .mvu{height:22px}#scr-mixer .mvu i,#scr-mixer .mvu:before,#scr-mixer .mvu:after{height:7px;border-radius:3px}#scr-mixer .mvu i.l,#scr-mixer .mvu:before{top:2px}#scr-mixer .mvu i.r,#scr-mixer .mvu:after{top:13px}#scr-mixer .mvu .tick{top:0;bottom:0;height:auto}#scr-mixer .master .mdb{font-size:13px}#scr-mixer .master .mfx{height:38px;min-width:46px;border-radius:9px;font-size:11px}#padHead16{height:54px;margin-top:6px}#padHead16 .back{height:54px;padding:0 14px 0 0;border-radius:12px;gap:10px;overflow:hidden;flex:1 1 auto;min-width:0}#padHead16 .back .arw{width:54px;height:54px;display:grid;place-items:center;background:var(--c);color:#161a18;flex:none}#padHead16 .back .arw svg{width:26px;height:26px}#padHead16 .back .bt{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}#padHead16 .back .bt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#padHead16 .back .bt span{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#padHead16 .tog{height:54px;border-radius:12px;padding:0 16px;font-size:14px}#padHead16 .octs{position:relative;height:54px;border-radius:12px;gap:0;overflow:hidden}#padHead16 .octs .ib{width:52px;height:52px;font-size:22px;display:flex;align-items:center}#padHead16 .octs #padDn{justify-content:flex-start;padding-left:10px;border-right:1px solid var(--line)}#padHead16 .octs #padUp{justify-content:flex-end;padding-right:10px}#padHead16 .octs .ib:disabled{color:var(--ink-3);opacity:.5}#padHead16 .octs .ol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 5px;border-radius:6px;background:var(--panel);pointer-events:none;line-height:1}#padHead16 .octs .ol b{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;color:var(--ink-2)}#padHead16 .octs .ol i{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:700}.adminlink{text-decoration:none;color:var(--ink);align-self:flex-start;margin:2px 0 4px}.tbar .tbw.scope{cursor:default}.tp-swing{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}.tp-swh{display:flex;align-items:center;gap:10px}.tp-swh b{font-size:14px}.tp-swh .mono{font-weight:700;font-size:14px;min-width:3.2em}.tp-swh .seg{margin-left:auto;width:132px}.tp-swh .seg button{height:32px}.tp-swh .seg.dim{opacity:.5}#swPick button{height:36px;font-family:var(--mono)}.tp-swing .slider{height:26px}.tmswown{display:flex;align-items:center;gap:10px;margin-top:8px}.tmswown[hidden]{display:none}.tmswown b{min-width:6.5em;font-size:13px}.knob .ar{stroke:none}.knob.auto .ar{stroke:var(--rec)}.knob.autoover .ar{stroke:var(--rec);stroke-dasharray:2.4 3.2;opacity:.8}.fader.auto .cap{box-shadow:0 0 0 2px var(--rec),0 2px 6px #00000073}.fader.autoover .cap{box-shadow:0 0 0 2px color-mix(in srgb,var(--rec) 45%,transparent),0 2px 6px #00000073}.panbtn.auto{border-color:var(--rec);box-shadow:inset 0 0 0 1px var(--rec)}.panbtn.autoover{border-color:var(--rec);border-style:dashed}.cell .automark{position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:var(--rec);z-index:1;pointer-events:none}.autodot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rec);margin-right:7px;vertical-align:1px}.autobox{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.autobox .fine{margin:0}#clipPanel .cpauto{justify-content:center}#padHead16 .octs #padDn{border-right:0}#padHead16 .octs .ol{background:none}#padHead16 .back{flex:0 1 auto;max-width:260px}#padHead16 .pctl{margin-left:auto}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){#padHead16 .back{max-width:300px}}.top .bpm{flex:none;padding:0 3px}.bpm .bpmv{min-width:0;width:50px}.undoq{width:40px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:0;flex:none;color:var(--ink);position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.undoq svg{width:20px;height:20px}.undoq.dis{color:var(--ink-3);opacity:.55}.brand.syncing .dirtydot{display:block;background:var(--ink-2);animation:syncdot .9s ease-in-out infinite}.brand.dirty.syncing .dirtydot{background:var(--rec)}@keyframes syncdot{50%{opacity:.2;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.brand.syncing .dirtydot{animation:none;opacity:.5}}.hist .redo{opacity:.7;border-style:dashed}.histnow{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink-2);text-align:center;padding:2px 0;display:flex;align-items:center;gap:8px}.histnow:before,.histnow:after{content:"";flex:1;height:1px;background:var(--line)}.hist .rvt{border-color:var(--ink-2)}.conn{font-size:13px;line-height:1.4;margin:2px 0 4px}.conn span{color:var(--ink-2)}.cdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0;background:var(--ink-3)}.cdot.ok{background:#3fb950}.cdot.bad{background:var(--rec)}.cdot.wait{background:#e3a72f}.bigbtn .cdot{width:7px;height:7px;margin-right:5px}.slotrow{display:flex;gap:6px;align-items:stretch}.slotrow>.item.slot{flex:1;min-width:0}.slotarr{display:flex;gap:5px;flex:none;align-items:center}.slotarr button{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:0;color:var(--ink-3)}.slotarr button svg{width:17px;height:17px}.slotarr button.hot{color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.slotarr button:disabled{opacity:.35}.tp-fine{grid-template-columns:52px 60px minmax(0,1fr) 60px 52px}.tp-fine .btn{padding:0;font-size:13px}.tbar .tbw{position:relative;padding:0 8px;justify-content:flex-start}.tbar .tbwave{position:absolute;inset:3px 6px;height:auto}.tbar .tbw b{position:relative;z-index:1;margin-top:3px;align-self:flex-start;max-width:100%;text-shadow:0 0 3px var(--panel),0 0 6px var(--panel),0 0 2px var(--panel)}.tbar .tbempty{position:absolute;left:2px;bottom:2px}.perfgrid[hidden]{display:none}.perfq.on{background:var(--rec)!important;border-color:var(--rec)!important;color:#fff!important}.pfx{position:relative;border-radius:14px;border:1.5px solid var(--line);background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--ink);min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:ns-resize}.pfx .amt{position:absolute;left:0;right:0;bottom:0;height:0;background:color-mix(in srgb,var(--rec) 22%,transparent);border-top:2px solid var(--rec);pointer-events:none}.pfx .amt[style*="height: 0"],.pfx .amt[style*="height:0"]{border-top:0}.pfx .lb2{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;pointer-events:none}.pfx b{font-size:22px;font-weight:700;line-height:1.1}.pfx .lb2 span{font-family:var(--mono);font-size:10px;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfx i{position:relative;font-style:normal;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink-3);pointer-events:none}.pfx .lt{position:absolute;right:8px;top:8px;width:52px;height:52px;border-radius:11px;border:1.5px solid var(--line);background:var(--bg);display:grid;place-items:center;color:var(--ink-2);padding:0;z-index:1;cursor:pointer}.pfx .lt svg{width:28px;height:28px}.pfx.held{border-color:var(--rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--rec) 35%,transparent)}.pfx.held .lb2 span,.pfx.latch .lb2 span{color:var(--ink)}.pfx.latch{border-color:var(--rec)}.pfx.latch i{color:var(--rec)}.pfx.latch .lt{background:var(--rec);border-color:var(--rec);color:#fff}@media(max-height:700px){.pfx b{font-size:18px}.pfx .lt{width:44px;height:44px}}.fxcol.fx.shifting{transition:transform .16s ease}.fxcol.fx.lift{transition:none;cursor:grabbing}.fxcol.fx.lift.away{opacity:.55}.fxdrop{position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;border:2px dashed var(--c);border-radius:10px;background:color-mix(in srgb,var(--c) 10%,transparent);display:grid;place-items:end center;padding-bottom:10px;font:700 13px var(--mono,monospace);color:var(--c)}.fxdrop.here{opacity:.45}html:not(.kbd) :focus-visible{outline:none}#rotate,.newerbar[hidden]{display:none}.newerbar{display:flex;align-items:center;gap:10px;margin:0;flex:none;padding:8px 8px 8px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 18px #0000001f;animation:fgDrop .22s ease-out}.newerbar p{flex:1;margin:0;font-size:13px;line-height:1.3}.newerbar p b{display:block;font-size:14px}.newerbar .btn{height:36px;padding:0 14px}.newerbar .x{width:36px;height:36px;border:0;background:none;color:var(--ink);font-size:20px;border-radius:8px}@keyframes fgDrop{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.perfgrid[data-bank="0"] .pfx.bankb,.perfgrid[data-bank="1"] .pfx:not(.bankb){display:none}.pfx .xy{position:absolute;width:14px;height:14px;margin:0 0 -7px -7px;border-radius:50%;border:2px solid var(--rec);background:var(--panel);pointer-events:none;opacity:0;transition:opacity .12s}.pfx.lit .xy{opacity:1}.pfx{cursor:move}.bankseg{margin-left:10px}.bankseg button{min-width:40px;font-weight:700}.pline .bankseg[hidden]{display:none}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.perfgrid.pgrid.p8{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.perfgrid[data-bank] .pfx.bankb,.perfgrid[data-bank] .pfx:not(.bankb){display:flex}.perfgrid .pfx b{font-size:17px}.perfgrid .pfx .lt{width:40px;height:40px}.perfgrid .pfx .lt svg{width:22px;height:22px}.perfgrid .pfx.bankb{background:color-mix(in srgb,var(--panel) 85%,var(--ink) 4%)}}.tbar.tbmaster .tbx,.tbar.tbmaster .soloq{display:none}.tbar.tbmaster .tbw{flex:1 1 100%}.tbar.one{background:color-mix(in srgb,var(--ink) 28%,var(--panel));transition:none}.sheet-head h2.tname{display:flex;align-items:center;gap:6px;min-width:0}.tnm{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:2px 4px;margin:-2px -4px;border-radius:8px;font:inherit;color:inherit;cursor:text;min-width:0}.tnm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnm svg{width:16px;height:16px;flex:none;color:var(--ink-3)}.tnm:hover svg{color:var(--ink-2)}.tnin{font:inherit;font-weight:700;color:var(--ink);background:var(--panel-2);border:0;border-radius:8px;padding:2px 6px;min-width:0;width:9em;outline:2px solid var(--focus)}.knob.fxmore{cursor:pointer;color:var(--ink);position:relative}.knob.fxmore .mdial{width:36px;height:36px;flex:none;border-radius:50%;border:1.6px solid var(--ink-3);display:grid;place-items:center;font-weight:800;font-size:17px;line-height:1;color:var(--ink-2);box-sizing:border-box}.knob.h.fxmore .mdial{grid-row:1/3;width:26px;height:26px;font-size:13px}.labknobs .knob.fxmore .mdial{width:28px;height:28px;font-size:14px}.knob.fxmore .mbadge{position:absolute;top:4px;right:5px;min-width:16px;height:16px;border-radius:8px;background:#ff9f1c;color:#111;font:700 10px/16px var(--mono);text-align:center;padding:0 4px;font-style:normal}#sheet.full{align-items:stretch}#sheet.full .sheet-body{max-height:100%!important;height:100%;border-radius:0;max-width:760px}.fxpg{display:flex;flex-direction:column;gap:14px}.fxgrp h3{margin:0 0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.fxgk{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.fxcell{position:relative}.fxcell .knob.h{min-height:52px;width:100%;box-sizing:border-box}.chgdot{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;border:0;padding:0;background:var(--focus);cursor:pointer;box-shadow:0 0 0 3px var(--panel)}.chgdot[hidden]{display:none}.fxof{font-weight:500;color:var(--ink-2);font-size:.8em}.mdlbar{display:flex;flex:none;gap:6px}.mdlbtn{flex:0 0 auto;min-width:118px;display:flex;align-items:center;gap:10px;height:36px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));border-radius:10px;background:none;color:var(--ink);padding:0 12px;cursor:pointer;text-align:left}.mdlbtn b{font-size:15px;white-space:nowrap}.mdlbtn i{margin-left:auto;font-style:normal;color:var(--ink-3)}.newsmp{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border:0;border-radius:10px;background:var(--c);color:#111;font:inherit;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}.newsmp svg{width:16px;height:16px;flex:none}.newsmp i{font-style:normal;font-size:12px}.newsmp.live{background:#e5484d;color:#fff}.mdlbar .mdlbtn{min-width:0;flex:none;gap:6px;padding:0 10px}.mdlbar .mdlbtn b{font:700 11px var(--mono);letter-spacing:.08em}.mdlbar .newsmp{flex:none;padding:0 12px}.prebar{flex:1;min-width:0;display:flex;align-items:stretch;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.prearw{flex:none;width:30px;border:0;background:none;color:var(--ink-2);font-size:11px;cursor:pointer;padding:0}.prearw:disabled{opacity:.3;cursor:default}.prearw:active:not(:disabled){background:color-mix(in srgb,var(--c) 18%,transparent)}.premid{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;padding:0 2px;line-height:1.1}.premid b{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premid span{font-size:11px;color:var(--ink-2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premid span.none{color:var(--ink-3)}.premid.edited span{padding-right:10px;position:relative}.premid.edited span:after{content:"";position:absolute;right:1px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#ff9f1c}.premid:disabled{cursor:default;color:var(--ink);opacity:1}.premid.smp{padding:0 10px}.prebtns{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 10px}.pgrp h3{display:flex;align-items:center;gap:8px;justify-content:space-between}.prow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-bottom:1px solid var(--line)}.prow .pname{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 8px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:8px}.prow .pname b{font-size:15px;display:flex;align-items:center;gap:6px}.prow .pname span{font-size:12px;color:var(--ink-3)}.prow.cur .pname{background:color-mix(in srgb,var(--c) 18%,transparent)}.prow.cur .pname b:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--c)}.prow .edot{width:7px;height:7px;border-radius:50%;background:#ff9f1c;display:inline-block}.prow .icon-btn{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:var(--ink-2);cursor:pointer;border-radius:8px}.prow .icon-btn svg{width:18px;height:18px}#labLen.smp:not(.live){visibility:hidden}.mdlpg h3{margin:14px 0 6px}.mdlpg h3:first-child{margin-top:4px}.mdlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.mdltile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);min-height:66px;cursor:pointer;font:inherit}.mdltile b{font-size:15px}.mdltile span{font-size:11.5px;color:var(--ink-2);line-height:1.3}.mdltile[aria-pressed=true]{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.mdltile.dim{cursor:default;border-style:dashed}.mdltile.dim b{opacity:.55}.mdlact{display:flex;gap:6px;margin-top:4px}.texsrc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.texsrc .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-3);margin-right:4px}.texsrc button[aria-pressed=true]{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}#sheet.full .sheet-body{max-width:760px;border-top:1px solid var(--line)}#sheet .sheet-body{--gut:16px;padding-left:var(--gut);padding-right:var(--gut)}#sheet.full .sheet-head{position:sticky;top:-16px;z-index:4;background:var(--bg);margin:-16px calc(-1 * var(--gut)) 0;padding:12px 16px 10px;border-bottom:1px solid var(--line)}@media(pointer:coarse){#sheet.rails .sheet-body{--gut:40px;position:relative}.railbar{position:absolute;right:17px;width:6px;border-radius:3px;background:color-mix(in srgb,var(--ink) 34%,transparent);pointer-events:none;z-index:3}#sheet.rails .sheet-head{position:sticky;top:-16px;z-index:4;background:var(--bg);margin:-16px calc(-1 * var(--gut)) 0;padding:12px 16px 10px;border-bottom:1px solid var(--line)}#sheet.rails .fxgk{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}@media(pointer:coarse)and (orientation:landscape){#sheet.rails .sheet-body{--gut:44px}#sheet.rails.full .sheet-body{--gut:56px}}.arpbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:44px;min-width:96px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;padding:0 12px;cursor:pointer}.arpbtn b{font-family:var(--mono);font-size:13px;letter-spacing:.05em}.arpbtn span{font-family:var(--mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.04em;white-space:nowrap}.arpbtn.on{background:var(--strong);color:var(--bg);border-color:var(--strong)}.arpbtn.on span{color:color-mix(in srgb,var(--bg) 70%,transparent)}.arpbtn[hidden],.tbar.tbmaster .cbar{display:none}.tbar.tbbig{transition:height .25s ease;align-items:stretch;padding-top:5px;padding-bottom:5px;box-shadow:0 -8px 24px #0000002e}.tbar.tbbig .tbw{height:auto}.tbar .tbw.dark{background:#0b0d12;border-color:#0b0d12}.tbar .tbw.dark b{color:#fff;text-shadow:0 0 4px #000,0 0 8px #000}.tbar.tbmaster .tbw .tbwave{left:4px;right:4px}.gpfocus{outline:3px solid var(--focus)!important;outline-offset:2px;box-shadow:0 0 0 7px color-mix(in srgb,var(--focus) 28%,transparent)!important;position:relative;z-index:2}#gpCard{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(440px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;background:#0e1014f0;color:#e8eaee;border-radius:18px;padding:18px 20px 14px;box-shadow:0 14px 40px #00000073}#gpCard[hidden]{display:none}#gpCard h2{margin:0 0 10px;font-size:18px;color:#fff}#gpCard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}#gpCard li{display:grid;grid-template-columns:minmax(118px,auto) 1fr;gap:12px;align-items:center;font-size:13.5px}#gpCard li b{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:12px;color:#fff;white-space:nowrap}#gpCard p{margin:12px 0 0;font-size:11.5px;color:#9aa0a8;text-align:center}#gpCard .gpf,#gpToast .gpf{width:16px;height:16px}#gpToast{width:max-content;max-width:calc(100% - 32px);position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:61;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#0e1014eb;color:#e8eaee;border-radius:18px;padding:18px 26px;box-shadow:0 14px 40px #00000073;transition:opacity .35s;pointer-events:none}#gpToast[hidden]{display:none}#gpToast.out{opacity:0}#gpToast b{font-size:20px;color:#fff}#gpToast span{display:inline-flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}#gpToast i{font-style:normal;font-family:var(--mono);color:#fff}.cgrid.copying .cell.empty:after{content:"+";font-size:18px;font-weight:700;color:var(--ink-3)}.cgrid.copying .cell:not(.empty):not(.cpsrc){background-image:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--bg) 45%,transparent) 6px 9px)}.cgrid.copying .cell.cpsrc{animation:cpPulse 1s ease-in-out infinite;box-shadow:0 0 0 2.5px var(--bg),0 0 0 5px var(--c)}@keyframes cpPulse{50%{box-shadow:0 0 0 2.5px var(--bg),0 0 0 8px color-mix(in srgb,var(--c) 45%,transparent)}}@media(prefers-reduced-motion:reduce){.cgrid.copying .cell.cpsrc{animation:none}}.cpbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:2px solid var(--c);background:color-mix(in srgb,var(--c) 12%,var(--panel))}.cpbar span{flex:1;font-size:13.5px;line-height:1.3}.playsq.pvmini{width:44px;height:36px;border-radius:9px;flex:none}.playsq.pvmini svg{width:18px;height:18px}.playsq.pvmini.latched{box-shadow:0 0 0 2px var(--ink)}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.app{max-width:none;height:100%;display:grid;grid-template-columns:62px minmax(0,1fr) auto auto auto auto auto;grid-template-rows:40px minmax(0,1fr);grid-template-areas:"tabs brand chips bpm undo rec play" "tabs main main main main main main";column-gap:6px;row-gap:6px;padding:max(6px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px)}header.top{display:contents}.top .brand{grid-area:brand;min-width:0;align-self:center}.top .brand .sktitle{font-size:15px}.top .brand .skline{font-size:11px}.top .undoq{grid-area:undo}.top .bpm{grid-area:bpm;padding:0}.top .recq{grid-area:rec}.top .play{grid-area:play}.top .undoq,.top .recq,.top .play,.top .bpm .bpmv{height:40px;min-width:44px}.top .play{width:56px}.top .bpm .bpmv b{font-size:15px}.newerbar,.tempo-pop{grid-column:2/-1}.chips{grid-area:chips;align-self:stretch;gap:3px;width:clamp(240px,calc(50vw - 47px),520px)}.chips .chip{padding-left:4px;padding-right:2px}.chips .chip{height:40px;min-height:0}.screens{grid-area:main;min-height:0}.tabs{grid-area:tabs;margin:0;height:auto;padding:4px 0;border-top:0;border-right:1px solid var(--line);flex-direction:column;display:flex;justify-content:space-around}.tabs button{flex:1;flex-direction:column;gap:2px;font-size:10px;min-height:0}.tabs button svg{width:20px;height:20px}.tbar{height:46px}.tbar .tbw{height:38px;min-width:0}.tbar .tbx{width:150px;min-width:0}.screen>.tbar,#scr-pads>.tbar{width:calc(50vw - 52px);justify-self:start}#scr-pads>.tbar{align-self:flex-start}#padHead8{display:none}#padHead16{height:44px;margin-top:4px}#padHead16 .back{height:44px}#padHead16 .back .arw{width:44px;height:44px}#scr-steps{row-gap:6px;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"pads modes" "pads knobs" "pads rack" "clip rack" "bar rack"}#scr-steps .clipline{height:30px}#scr-steps .clipline .t b{font-size:16px}#scr-steps .modes .seg button{height:30px;font-size:12px}#scr-steps .modes>div:first-child{display:none!important}.fxcols{min-height:0}.srack{overflow-y:auto;overscroll-behavior:contain}#trackKnobs .knob{height:58px}#scr-mixer .acts .act{height:36px}.fader .fval{height:20px}#scr-session .seshint{display:none!important}#scr-session{grid-template-columns:minmax(0,1fr) minmax(0,46%);row-gap:6px}#scenes{gap:4px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-flow:column}.scene .snm b{font-size:12.5px}#scr-session{row-gap:4px}#scr-session .cgrid{row-gap:3px}#scr-session .stops button{height:18px;border-radius:5px}#scr-session .stops svg{width:8px;height:8px}#scr-steps .rackhd{display:none}.tbar .tbv[data-v=steps]{gap:4px}.tbar .tbv[data-v=steps]>*{flex:1 1 0;min-width:0;height:38px;padding:0 2px}.tbar .tbv[data-v=steps] .arpbtn{min-width:0;border-radius:9px}.tbar .tbv[data-v=steps] .arpbtn span{font-size:8px}.tbar .tbv[data-v=steps] .panbtn{flex-direction:column;gap:0;justify-content:center}.tbar .tbv[data-v=steps] .panbtn span{font-size:8.5px}.tbar .tbv[data-v=steps] .panbtn b{min-width:0;text-align:center;font-size:13px}.tbar .tbv[data-v=steps] .fxcommit{font-size:8.5px;line-height:1.15;white-space:normal;letter-spacing:.03em}#stopAll{height:30px}#clipPanel{gap:6px;padding:8px}#clipPanel .btn{height:30px;min-height:30px}#scr-lab .labtop{height:118px}.labside{width:56px}.labside .playsq{width:56px;height:56px}.labtabs,.labtabs button,.mdlbtn,.newsmp,.prebar{height:30px}.premid b{font-size:12px}.premid span{font-size:10px}#scr-lab{row-gap:6px}}#midiTag{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:55;display:flex;align-items:baseline;gap:10px;max-width:calc(100% - 24px);background:#0e1014e6;color:#e8eaee;border-radius:12px;padding:8px 14px;font-size:13px;pointer-events:none;box-shadow:0 6px 20px #0000004d;white-space:nowrap}#midiTag[hidden]{display:none}#midiTag span{overflow:hidden;text-overflow:ellipsis}#midiTag b{font-family:var(--mono);color:#fff}.mlearn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.mlearn b{font-size:22px}.mldots{display:flex;gap:6px;margin-top:4px}.mldots i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink-3)}.mldots i.on{background:var(--strong);border-color:var(--strong)}.mldots i.cur{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 30%,transparent)}.lic{white-space:pre-wrap;font:11px/1.45 var(--mono);color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;margin:0}.fxprebar{display:flex;align-items:stretch;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;margin:2px 0 8px}.fxprebar .premid{flex-direction:row;gap:8px}.fxprebar .premid b{font-size:12px;color:var(--ink-3);font-family:var(--mono);letter-spacing:.04em;font-weight:600}.fxprebar .premid span{font-size:14px;color:var(--ink);font-weight:700}.fxprebar .premid span.none{color:var(--ink-3);font-weight:500}.fxprelist{border:1px solid var(--line);border-radius:10px;padding:4px 10px 10px;margin:0 0 10px;background:var(--bg)}.fxprelist h3{margin:10px 0 2px}.fxprelist .prow .pname b{font-size:14px}.fxprelist .icon-btn{font-size:16px}.fxsave{display:flex;gap:6px;margin:10px 0 0}.fxsave .name-in{flex:1;min-width:0;height:34px}#clipTitle{cursor:text;border-radius:6px}#clipTitle:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}#clipTitle .namein{font:inherit;color:inherit;width:8.5em;max-width:100%;border:0;border-bottom:2px solid var(--c,var(--focus));background:transparent;padding:0;outline:none}.fsq{width:40px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;padding:0;flex:none;color:var(--ink);cursor:pointer}.fsq[hidden]{display:none}.fsq svg{width:20px;height:20px}.fsq .fs-out,.fsq.on .fs-in{display:none}.fsq.on .fs-out{display:inline}.chip .syn{position:absolute;top:8px;left:17px;width:13px;height:8px;color:var(--c);overflow:visible}.chip.sel .syn{color:currentColor}.chip .syn[hidden]{display:none}.prehead{gap:6px}.prehead .grow{flex:1}.prehead .pmodel{width:150px;min-width:0;height:40px;gap:8px;padding:0 10px;flex:0 1 150px;background:var(--c);border-color:var(--c);color:#15171c}.prehead .pmodel i{color:#15171ca6}.prehead .pmodel span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;min-width:0}.prehead .pmodel b{font:700 9.5px var(--mono);letter-spacing:.08em;color:#15171c9e}.prehead .pmodel em{font-style:normal;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.prehead .pmodel span{flex:1 1 auto}.prehead .icon-btn.hd{flex:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:0;cursor:pointer}.prehead .icon-btn.hd svg{width:19px;height:19px}.soloq.hold:after{width:10px;height:10px}.knob.tgl{touch-action:manipulation;cursor:pointer}.knob.tgl .tind{height:36px;flex:none;display:flex;align-items:center;justify-content:center;gap:5px}.knob.tgl .lamp{width:30px;height:14px;border-radius:7px;border:1.6px solid var(--ink-3);box-sizing:border-box;transition:background .12s,border-color .12s}.knob.tgl.lit{border-color:var(--kc);background:color-mix(in srgb,var(--kc) 14%,var(--panel))}.knob.tgl.lit .lamp{background:var(--kc);border-color:var(--kc);box-shadow:0 0 8px color-mix(in srgb,var(--kc) 60%,transparent)}.knob.tgl .pip{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ink-3);box-sizing:border-box}.knob.tgl .pip.at{background:var(--kc);border-color:var(--kc)}.knob.tgl.sm .tind{height:28px}.knob.tgl.sm .lamp{width:24px;height:11px}.knob.h.tgl .tind{grid-row:1/3;width:28px;height:26px;gap:3px}.knob.h.tgl .lamp{width:24px;height:11px}.knob.h.tgl .pip{width:6px;height:6px}.labknobs .knob.tgl .tind{height:28px}#trackKnobs .knob.tgl .tind{height:26px}.verline{display:block;margin:14px auto 4px;padding:6px 10px;background:none;border:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-3);text-align:center;max-width:100%}.verline.ready{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}.visfs{display:none;position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#0b0d1273;color:#ffffff8c;place-items:center;z-index:2;padding:0}.visfs svg{width:18px;height:18px}.tbar.tbbig.tbmaster .visfs{display:grid}#visFull{position:fixed;inset:0;z-index:15;background:#0b0d12;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}#visFull canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#visFull .vfhint{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));margin:0;text-align:center;font:600 12px var(--mono);letter-spacing:.08em;color:#ffffff8c;transition:opacity .6s;pointer-events:none}#visFull.hinted .vfhint{opacity:0}.vislist .item[aria-current=true]{border-color:var(--line);box-shadow:none;background:var(--seltint)}@media(orientation:landscape){#scr-mixer:has(>.tbar.tbmaster){grid-template-areas:"vol rack" "acts rack" "bar bar"}#scr-mixer>.tbar.tbmaster{width:auto;justify-self:stretch}}#srvUrl::placeholder{color:var(--ink-3);opacity:1}#srvUrl:focus::placeholder{color:transparent}.prehead .pmodel em.long{font-size:12.5px}.vismic .st{font:700 11px var(--mono);letter-spacing:.08em;color:var(--ink-3)}.vismic[aria-pressed=true]{border-color:var(--ink)}.vismic[aria-pressed=true] .st{color:var(--ink)}.pairbox{margin:10px 0 6px}.pairbox .row{gap:8px}.pairbox .btn.big{width:100%;height:50px;font-size:16px}.keyalt{margin:6px 0}.keyalt summary{cursor:pointer;margin:4px 0}.paircode{font:800 54px/1.1 var(--mono);letter-spacing:.08em;text-align:center;margin:18px 0 10px}.pairwait{text-align:center}.paircodein{font:700 30px var(--mono)!important;letter-spacing:.12em;text-align:center}.gpgrab{outline:3px solid var(--c, var(--focus))!important;outline-offset:2px;box-shadow:0 0 0 8px color-mix(in srgb,var(--c, var(--focus)) 35%,transparent)!important;position:relative;z-index:2}.qmenu .item[aria-current=true]{border-color:var(--line);background:var(--seltint)}.sheet-body>.seg,.sheet-body>.row,.sheet-body>.pairbox{flex-shrink:0}.vismic{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;margin-bottom:6px}.vismic .grow{display:flex;flex-direction:column;gap:2px}.vismic .t{font-size:18px;font-weight:700}.vismic .m{font-size:13px;color:var(--ink-2)}.vismic .lamp{flex:none;width:40px;height:20px;border-radius:10px;border:2px solid var(--ink-3);box-sizing:border-box}.vismic[aria-pressed=true]{border-color:var(--rec);background:color-mix(in srgb,var(--rec) 10%,var(--panel))}.vismic[aria-pressed=true] .lamp{background:var(--rec);border-color:var(--rec);box-shadow:0 0 10px color-mix(in srgb,var(--rec) 65%,transparent)}.vmtag{position:absolute;top:6px;right:48px;z-index:2;font:800 10px var(--mono);letter-spacing:.1em;color:#fff;background:var(--rec);border-radius:5px;padding:2px 6px;pointer-events:none}.tbar:not(.tbbig) .vmtag{top:3px;right:8px}#visFull .vmtag{top:calc(14px + env(safe-area-inset-top,0px));right:16px;font-size:13px;padding:3px 9px}html.tv #fsBtn,html.tv .bp .key{display:none!important}.vislist .visrow{display:flex;gap:8px;align-items:stretch}.vislist .visrow .item{flex:1;min-width:0}.vischk{flex:none;width:52px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);color:transparent;font:800 20px var(--mono);cursor:pointer}.vischk[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.viscyc{margin:14px 0 8px}.viscyc[aria-pressed=true]{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,var(--panel))}.viscyc[aria-pressed=true] .lamp{background:var(--strong);border-color:var(--strong);box-shadow:none}.speedlist{margin:4px 0 0;padding:0;list-style:none;font:12px/1.5 var(--mono);color:var(--ink-2)}.speedlist li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:3px 0;white-space:pre}.speedlist li b{color:var(--ink)}.speedlist li.busy b{color:var(--ink-3)}#prepCard{position:fixed;left:50%;top:calc(58px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:31;background:var(--strong);color:var(--on-strong);border-radius:12px;padding:8px 8px 8px 16px;display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:0 8px 24px #00000059;max-width:calc(100% - 32px);white-space:nowrap}#prepCard em{font-style:normal;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;opacity:.8}#prepCard .btn{background:transparent;color:var(--on-ink);border-color:color-mix(in srgb,var(--on-ink) 40%,transparent)}.pbar{display:block;width:140px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--on-ink) 22%,transparent);overflow:hidden}.pbar i{display:block;height:100%;width:0;background:var(--on-ink);transition:width .2s}.stembar{position:absolute;left:4px;right:4px;bottom:2px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 15%,transparent);overflow:hidden;pointer-events:none}.stembar i{display:block;height:100%;width:3%;background:var(--c,var(--ink));transition:width .25s}.seg>button.gpfocus{outline-offset:-4px;box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--focus) 28%,transparent)!important}:root{--seltint:color-mix(in srgb,var(--ink) 11%,var(--panel))}.item[aria-current=true],.master.sel{border-color:var(--line);box-shadow:none;background:var(--seltint)}.scene.sel{border-color:var(--line);background:var(--seltint)}#skSync{background:var(--panel);border:1px solid var(--line);color:var(--ink-3)}#skSync.hot{background:var(--go);border-color:var(--go);color:var(--on-go)}.pad.sel{outline:0;box-shadow:inset 0 0 0 3px var(--c,var(--ink-2)),inset 0 -3px #00000040}.cell.sel{box-shadow:inset 0 0 0 3px var(--c),inset 0 0 0 6px color-mix(in srgb,var(--c) 22%,var(--bg))}.cell.playing.sel{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--c) 45%,#0b0d0c)}.cell.empty.sel{box-shadow:none;background:color-mix(in srgb,var(--c) 14%,transparent);border-style:solid}.fxchip.sel{box-shadow:inset 0 -3px 0 var(--ink);background:var(--seltint)}.chip.stemwait{opacity:.42;filter:saturate(.6)}.chip{transition:opacity .25s,transform .14s ease}.qbar{display:block;height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 15%,transparent);overflow:hidden;pointer-events:none}.qbar i{display:block;height:100%;width:8%;background:var(--strong);transition:width .25s}#brand{position:relative}#brand .qbar{position:absolute;left:0;right:0;bottom:-4px}.item.slot .qbar{position:absolute;left:12px;right:12px;bottom:5px}.item.slot,.scene{position:relative}.scene .sbar{position:absolute;left:6px;right:46px;bottom:3px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--ink) 15%,transparent);overflow:hidden;pointer-events:none}.scene .sbar i{display:block;height:100%;width:8%;background:var(--strong);transition:width .25s}.scene.prep .go{animation:scprep 1s ease-in-out infinite alternate}@keyframes scprep{0%{opacity:1}to{opacity:.45}}.scene .stp{flex:none;font-size:10.5px;color:var(--ink-3)}.stempo{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px}.stempo .btn[aria-pressed=true]{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.stempo .stv{font-family:var(--mono);font-weight:700}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){#scr-mixer .rack{display:flex;flex-direction:column;align-self:stretch}.fxcols{flex:1 1 auto;min-height:200px;align-items:start}.fxcols .fxcol{max-height:100%}.fxcols .fxcol.blank{align-self:stretch}.fxcols .fxkn{flex:none}.fxcols .knob.h{flex:none;height:44px;max-height:44px}.fxcols .fxft{margin-top:4px}.fxcols .fxpick{height:auto;min-height:0;max-height:100%}}.khelp h3{margin:14px 0 6px}.khelp .kh{display:flex;align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}.khelp .kh span{flex:0 0 46%;display:flex;flex-wrap:wrap;gap:4px}.khelp .kh em{font-style:normal;color:var(--ink-2);font-size:13px}.khelp kbd{font-family:var(--mono);font-size:11.5px;padding:2px 7px;border-radius:6px;border:1px solid var(--line);border-bottom-width:2px;background:var(--panel)}.fkval{font:700 22px var(--mono);background:none;border:1px dashed transparent;border-radius:8px;color:var(--ink);padding:2px 10px;max-width:100%;cursor:text}.fkval:hover{border-color:var(--line)}.sheet-body{overflow-x:hidden}.slider{max-width:100%;box-sizing:border-box}.knob.fxmore .v.pr{grid-row:1/3;align-self:center;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}.prearw{width:52px;font-size:13px}#prePrev{border-right:1px solid var(--line)}#preNext{border-left:1px solid var(--line)}.fxprebar .prearw:first-child{border-right:1px solid var(--line)}.fxprebar .prearw:last-child{border-left:1px solid var(--line)}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.mdlbar .mdlbtn{width:86px;justify-content:space-between}}.fader .vu{transition:width .25s,left .25s}.fader .vu.l{left:25%;width:25%}.fader .vu.r{left:50%;right:auto;width:25%;box-shadow:none}.fader.stereo .vu.l{left:10%;width:35%}.fader.stereo .vu.r{left:55%;width:35%}#scr-mixer #masterRow .mvu i,#scr-mixer #masterRow .mvu:before,#scr-mixer #masterRow .mvu:after{height:6px}#scr-mixer #masterRow .mvu i.l,#scr-mixer #masterRow .mvu:before{top:2px}#scr-mixer #masterRow .mvu i.r,#scr-mixer #masterRow .mvu:after{top:14px}.padck{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px}.padck.on{background:var(--seltint)}.padck .pch{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.padck .pch span{font-size:12px;color:var(--ink-2)}.padck .pcb{display:flex;flex-wrap:wrap;gap:4px}.padck .pcb i{font:600 10px var(--mono);font-style:normal;width:24px;height:22px;border-radius:5px;display:grid;place-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) calc(var(--v)*60%),var(--panel))}.padck .pcb i.p{background:var(--strong);color:var(--on-strong)}.padck .pca{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.padck .pca span{position:relative;width:70px;height:12px;border-radius:6px;background:var(--panel);border:1px solid var(--line);font:9px var(--mono);color:var(--ink-3);text-align:center;line-height:12px}.padck .pca em{position:absolute;top:1px;width:8px;height:8px;border-radius:50%;background:var(--strong);transform:translate(-50%)}.shtog{display:flex;flex-wrap:wrap;gap:6px}.shtog button{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:19px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);font-weight:600}.shtog button[aria-pressed=true]{color:var(--ink);background:var(--seltint)}.shtog .lamp{width:10px;height:10px;border-radius:50%;background:var(--line)}.shtog button[aria-pressed=true] .lamp{background:#ff9f1c;box-shadow:0 0 6px #ff9f1c}.cell.insel{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 55%,transparent)}.cell.insel.empty{background:var(--seltint)}.cpcap{display:flex;align-items:center;gap:8px;min-height:24px}.cpcap .lbl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpcap.dk{display:none}.cpcap .x{width:32px;height:28px;border:0;background:none;color:var(--ink);font-size:20px;border-radius:8px;flex:none}.cpbtns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cpbtns.row{grid-template-columns:repeat(3,minmax(0,1fr))}.cpbtns.box{grid-template-columns:repeat(2,minmax(0,1fr))}.cpbtns.one1{grid-template-columns:minmax(0,1fr)}.cpbtns .cpauto{grid-column:1/-1}.cpq{grid-column:1/-1;display:flex;align-items:center;gap:10px}.cpq .seg{flex:1}.clippanel .btn{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;font-size:12.5px}.tbar .launchq{display:none}.launchpop{position:fixed;z-index:30;display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 10px 26px #00000047}.launchpop button{height:34px;border:0;border-radius:7px;background:none;color:var(--ink);font-weight:600;font-size:13px;text-align:left;padding:0 10px}.launchpop button[aria-checked=true]{background:var(--seltint);font-weight:800}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.tbar .launchq{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:100%;height:44px;padding:0 10px;line-height:1.1}.tbar .launchq .lbl{font-size:8.5px}.tbar .launchq b{font-size:13px}#clipPanel .cpq{display:none}}.vistop{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.vistop .viscyc{margin:0}.vislist .item .m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.vistop{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.vistop:not(:has(#visMic)){grid-template-columns:minmax(0,1fr)}.vistop #visSecs{grid-column:-2/-1}.vistop .vismic{padding:8px 12px;margin:0}.vistop .vismic .t{font-size:15px}.vistop .vismic .m{font-size:11.5px}.vislist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.vislist .visrow .item{min-height:0;padding-top:7px;padding-bottom:7px}.vislist .visrow .item .t{font-size:14px}.vislist .visrow .item .m{font-size:11.5px}.vislist .vischk{width:40px;font-size:16px}.shtog button{height:32px}}.play{background:var(--sage);color:var(--on-sage)}.fader .cap{background:color-mix(in srgb,var(--c) 26%,var(--capg))}.act{background:color-mix(in srgb,var(--c) 52%,var(--pad-on-mix));color:var(--pad-text)}.mdlbtn{border-width:3px;border-color:var(--c)}#skSync{border-color:var(--strong)}.tbar .tbw{background:color-mix(in srgb,var(--c) 8%,var(--wbase))}@media(orientation:portrait)and (max-width:700px){.top{gap:5px}.top .undoq,.top .recq,.top .play{flex:none;width:calc((100% - 35px)/8);height:auto;aspect-ratio:1;min-width:0;padding:0;border-radius:9px}.top .recq .rc{position:absolute;bottom:2px;right:3px;font-size:9px}.top .recq{position:relative}.top .bpm{flex:none}}.namebox button{background:none}.namebox button:active{background:var(--pad)}#skSync.synced #skSyncSub{color:var(--full);opacity:1}.cell.sel,.cell.insel,.cell.playing.sel,.cell.playing.insel{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 70%,transparent)}@media(min-width:1100px){.top .undoq,.top .fsq{width:44px;height:44px;min-width:44px}}.master.sel{background:var(--panel);border-color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--ink-2)}#scr-mixer #masterRow .mvu i.tick{height:auto;top:-5px;bottom:-5px;width:13px;margin-left:-5px;border-radius:4px;background:var(--capg);border-left:2px solid var(--ink-2);box-shadow:0 2px 6px #00000073;z-index:3}#skSync.hot #skSyncSub{color:var(--on-go);opacity:1}.gpfocus.gpin{outline-offset:-4px!important;box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--focus) 28%,transparent)!important}.gpgrab{outline:4px solid var(--c, var(--focus))!important;box-shadow:0 0 0 10px color-mix(in srgb,var(--c, var(--focus)) 50%,transparent)!important}.gpgrab.gpin{outline-offset:-5px!important;box-shadow:inset 0 0 0 9px color-mix(in srgb,var(--c, var(--focus)) 45%,transparent)!important}#gpMarks{position:fixed;inset:0;pointer-events:none;z-index:60}#gpMarks i{position:fixed;font-style:normal;font-size:15px;line-height:1;color:var(--c, var(--focus));text-shadow:0 0 4px var(--bg);transform:translate(-50%,-50%)}.item.slot{min-height:40px;padding:3px 12px}#slotList{gap:4px}.verline{margin:6px auto 0;padding:4px 10px}.chip .arptag{top:50%;right:5px;transform:translateY(-62%)}.tbar .tbw b .arptag{text-shadow:none}.prehead .pmodel{background:none;border:3px solid var(--c);color:var(--ink)}.prehead .pmodel i,.prehead .pmodel b{color:var(--ink-3)}.bp.st{background:linear-gradient(to bottom,color-mix(in srgb,var(--c) calc(34% + var(--g)*38%),var(--panel)) 45%,color-mix(in srgb,var(--c) calc(58% + var(--g)*38%),var(--panel)) 45%)}.p16 .bp.st{background:linear-gradient(to bottom,color-mix(in srgb,var(--c) calc(34% + var(--g)*38%),var(--panel)) 44%,color-mix(in srgb,var(--c) calc(58% + var(--g)*38%),var(--panel)) 44%)}.bp.st.down,.bp.st.hit{background:var(--c)}.arph{margin:14px 0 2px;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.arph:first-of-type{margin-top:4px}:root{--kw:#DDE2DE;--kwo:#6E7570;--kb:#15191B;--kbo:#3A4043;--klab:#2B3133}@media(prefers-color-scheme:light){:root:not([data-fgtheme=dark]):not([data-theme=dark]){--kw:#FFFFFF;--kwo:#C4C9C4;--kb:#262B2D;--kbo:#8E958F;--klab:#5A625D}}:root[data-theme=light],:root[data-fgtheme=light]{--kw:#FFFFFF;--kwo:#C4C9C4;--kb:#262B2D;--kbo:#8E958F;--klab:#5A625D}.psurf{flex:1;min-height:0;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.psurf[hidden]{display:none}.psurf.kbd .key{position:absolute;top:0;border:0;padding:0;margin:0;cursor:pointer;touch-action:none}.psurf.kbd .wht{bottom:0;background:var(--kw);border-right:1px solid rgba(0,0,0,.28);border-radius:0 0 9px 9px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;box-shadow:inset 0 -1px #0003}.psurf.kbd .wht:first-child{border-radius:9px 0 9px 9px}.psurf.kbd .wht:nth-last-child(1 of.wht){border-right:0}.psurf.kbd .wht.off{background:var(--kwo)}.psurf.kbd .wht span{font:700 11px var(--mono);color:var(--klab);letter-spacing:.02em}.psurf.kbd .blk{height:60%;z-index:1;background:var(--kb);border-radius:0 0 7px 7px;box-shadow:0 2px 4px #00000059}.psurf.kbd .blk.off{background:var(--kbo)}.psurf.kbd .key.root{box-shadow:inset 0 -9px 0 var(--c)}.psurf.kbd .blk.root{box-shadow:inset 0 -7px 0 var(--c),0 2px 4px #00000059}.psurf.kbd .key.down{background:var(--c)}.psurf.kbd .key.down span{color:#161a18}.psurf.ggrid{display:grid;grid-template-columns:repeat(var(--cols,8),minmax(0,1fr));grid-template-rows:repeat(var(--rows,8),minmax(0,1fr));gap:5px}.psurf.ggrid .gc{border:0;border-radius:8px;background:color-mix(in srgb,var(--c) 24%,var(--panel));padding:0 0 4px 6px;display:flex;align-items:flex-end;justify-content:flex-start;cursor:pointer;touch-action:none;min-width:0;min-height:0}.psurf.ggrid .gc.root{background:color-mix(in srgb,var(--c) 72%,var(--panel))}.psurf.ggrid .gc.off{background:var(--panel);border:1px solid var(--line)}.psurf.ggrid .gc span{font:700 9.5px var(--mono);color:var(--ink-2);letter-spacing:.02em}.psurf.ggrid .gc.root span{color:#161a18}.psurf.ggrid .gc.down{background:var(--c);box-shadow:0 0 12px color-mix(in srgb,var(--c) 60%,transparent)}.psurf.ggrid .gc.down span{color:#161a18}.psurf.ggrid i.none{display:block}.pads.d64{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:4px}.pads.d64 .pad{border-radius:7px;box-shadow:inset 0 -2px #00000040}.pads.d64 .pad .sub,.pads.d64 .pad .cond,.pads.d64 .pad .lenwrap{display:none}.pads.d64 .pad .ix{font-size:7.5px;top:3px;left:4px}.pads.d64 .pad .val{font-size:9px}.pages .densb{width:auto;min-width:44px;padding:0 7px 5px;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--ink);margin-left:6px}.pages .densb b{font-weight:700}.pages .densb .pips{display:flex;gap:3px;position:absolute;left:50%;bottom:4px;transform:translate(-50%)}.pages .densb .pips i{width:3.5px;height:3.5px;border-radius:50%;background:var(--ink-3)}.pages .densb .pips i.at{background:var(--ink)}.pads.d64 .pad .sub.chd{display:block;font-size:0;bottom:2px;right:4px}.pads.d64 .pad .sub.chd:before{font-size:11px;margin:0}.surfbtn{position:relative;height:54px;min-width:64px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 12px;flex:none}.surfbtn b{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.surfbtn .tind{display:flex;gap:5px}.surfbtn .pip{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ink-3);box-sizing:border-box}.surfbtn .pip.at{background:var(--kc);border-color:var(--kc)}.pstage{flex:1;min-height:0;display:flex;gap:8px}.pstage[hidden]{display:none}.pstage.across{flex-direction:column}.pstage>.pgrid,.pstage>.psurf{flex:1;min-width:0;min-height:0}.pwheels{display:flex;gap:6px;flex:none}.pwheels[hidden]{display:none}.pstage:not(.across) .pwheels{width:76px}.pstage.across .pwheels{height:44px}.pwh{position:relative;flex:1;border-radius:10px;background:var(--panel);border:1px solid var(--line);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ns-resize}.pstage.across .pwh{cursor:ew-resize}.pwh .wf{position:absolute;background:color-mix(in srgb,var(--c) 70%,var(--panel));pointer-events:none}.pwh .wc{position:absolute;background:var(--ink-3);pointer-events:none}.pstage:not(.across) .pwh .wc{left:6px;right:6px;top:50%;height:2px;margin-top:-1px}.pstage.across .pwh .wc{top:6px;bottom:6px;left:50%;width:2px;margin-left:-1px}.pwh b{position:absolute;font:700 8.5px var(--mono);letter-spacing:.08em;color:var(--ink-2);pointer-events:none}.pstage:not(.across) .pwh b{left:50%;bottom:6px;transform:translate(-50%)}.pstage.across .pwh b{left:8px;top:50%;transform:translateY(-50%)}.psurf.kbd{display:flex;flex-direction:column;gap:8px}.psurf.kbd .krow{position:relative;flex:1;min-height:0}.psurf.kbd .krow .wht:first-child{border-radius:9px 0 9px 9px}.psurf.kbd .key.on:not(.down){background:color-mix(in srgb,var(--c) 55%,var(--kw))}.psurf.kbd .blk.on:not(.down){background:color-mix(in srgb,var(--c) 70%,var(--kb))}.psurf.ggrid .gc.on:not(.down){background:color-mix(in srgb,var(--c) 80%,#fff);box-shadow:0 0 10px color-mix(in srgb,var(--c) 50%,transparent)}.psurf.ggrid .gc.on:not(.down) span{color:#161a18}.tbar .tbw.wmono{background:color-mix(in srgb,var(--c) 20%,var(--panel))}.tbar .tbw.wst{background:linear-gradient(to bottom,color-mix(in srgb,var(--c) 34%,var(--panel)) 50%,color-mix(in srgb,var(--c) 58%,var(--panel)) 50%)}.rw .meter.hot i{background:#e5484d!important}.rw .tag.hot{color:#fff;background:#e5484d}.tp-metro{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.tp-metro b{font-size:14px}.tp-metro .seg{width:110px}#padHead8{height:54px;margin-top:6px;justify-content:flex-start}#padHead8 .back{position:relative;height:54px;padding:0 0 0 14px;border-radius:12px;gap:10px;overflow:hidden;flex:0 1 auto;min-width:0;max-width:260px;display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);color:var(--ink)}#padHead8 .back .arw{width:54px;height:54px;display:grid;place-items:center;background:var(--c);color:#161a18;flex:none}#padHead8 .back .arw svg{width:26px;height:26px}#padHead8 .back .bt{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;text-align:left}#padHead8 .back .bt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#padHead8 .back .bt span{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#padHead8 .back:disabled{opacity:.45}#padHead8 .back[hidden]{display:none}#padHead8 .hint{flex:1 1 auto;min-width:0;text-align:center}#padHead8 .bankseg{flex:none}#padRep{position:relative;height:54px;border-radius:12px;padding:0 14px;margin-left:auto;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:700 11px var(--mono);letter-spacing:.08em}#padRep b{font-weight:700}#padRep i{font-style:normal;font-weight:700;font-size:10px;opacity:.85}#padRep i:empty{display:none}#padRep.on{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}#padRep[hidden]{display:none}#padHead16 .back.notext,#padHead8 .back.notext{padding:0;gap:0;border-radius:12px 0 0 12px;flex:none}#padHead8 .back.fwd.notext{border-radius:0 12px 12px 0}#padHead16 .back.notext .bt,#padHead8 .back.notext .bt{display:none}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#padHead8{display:flex;height:44px;margin-top:4px}#padHead8 .back,#padRep{height:44px}#padHead8 .back .arw{width:44px;height:44px}}@media(max-width:600px){#padHead16,#padHead8,#padHead16 .pctl{gap:6px}#padHead16 .octs .ib{width:36px}#padHead16 .octs #padDn{padding-left:7px}#padHead16 .octs #padUp{padding-right:7px}#padHead16 .octs .ol b{font-size:7.5px}#padHead16 .tog{padding:0 9px;font-size:12.5px}.surfbtn{min-width:56px;padding:0 8px}#padHead16 .back .arw,#padHead8 .back .arw{width:46px}#padHead16 .back{gap:8px;padding-right:8px}#padHead8 .back{gap:8px;padding-left:8px}}.verline{position:relative;display:block;margin:10px auto 2px;min-width:230px;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-2);text-align:center;cursor:pointer}.verline.ready{color:var(--on-strong);background:var(--strong);border-color:var(--strong);text-decoration:none;font-weight:700}.verline.checking:after{content:"";display:inline-block;width:1.5em;text-align:left;animation:verdots 1s steps(4) infinite}@keyframes verdots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#skScale{border:1px solid var(--strong)}#skScale[aria-pressed=true]{border-color:var(--strong)}#skScale[aria-pressed=true].hold:after{background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.32) 50%)}#skScale #skScaleSub{opacity:1;color:var(--full)}#skScale[aria-pressed=true] #skScaleSub{color:#000}.pads.d64 .pad.ph{box-shadow:inset 0 0 0 2px var(--ink)}#skScale{position:relative}.seg button[aria-pressed=true].hold:after{background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--on-strong) 45%,transparent) 50%)}.pbrow{display:contents}.labbody .tools .btn{height:44px;min-height:44px;font-size:12.5px}@media(max-width:600px){.labbody .tools.sl{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.labbody .tools.sl .btn{grid-column:span 2;min-width:0}.labbody .tools.sl #fillBtn,.labbody .tools.sl #sendBtn{grid-column:span 5}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.labbody .tools .btn{height:32px;min-height:32px;font-size:10px}.pbrow{display:flex;gap:6px}.pbrow>#pbMode{flex:3 1 0;min-width:0}.pbrow>#gateSeg{flex:2 1 0;min-width:0}}.chip .arptag{top:50%;right:4px;transform:translateY(-22%);padding:0 2px;font-size:6.5px;line-height:1.3}#arRt .rff,#rpRt .rff,.rfw .rff{margin-top:4px}.arpbtn{padding:0 6px}.arpbtn span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.midib{display:inline-flex;align-items:center;justify-content:center;gap:4px}.midib svg{width:12px;height:12px;flex:none}@media(max-width:600px){.midib .w{display:none}}#mMake small{display:block;font-size:9px;opacity:.75;font-weight:400}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#scr-steps{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"clip knobs" "pads knobs" "pads rack" "bar rack"}#scr-steps .padwrap{gap:0;justify-content:space-evenly}#scr-steps .padwrap .modes{height:min(calc(100cqw - 100px),100cqh);width:58px;justify-content:center}#scr-steps .padwrap .pads{width:min(calc(100cqw - 100px),100cqh);height:min(calc(100cqw - 100px),100cqh)}#scr-steps .padwrap #modeSeg{grid-auto-flow:row;grid-auto-rows:minmax(0,1fr);flex:1;min-height:0}#scr-steps .padwrap #modeSeg button{height:auto;max-height:34px;min-height:0;font-size:11px;padding:0 2px}#scr-steps .padwrap #modeSeg button+button{border-left:0;border-top:1px solid var(--line)}#scr-steps .fxcols .knob.h{height:40px;max-height:40px;min-height:0}}@media(max-width:600px)and (orientation:portrait){#scr-mixer .volpart{flex:none}#scr-mixer .faders{flex:0 0 140px}#scr-mixer .rack{flex:1 1 auto;max-height:none}}@media(max-width:600px)and (orientation:portrait){#modeSeg{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}#modeSeg button{height:36px;font-size:12px;letter-spacing:0}#modeSeg button:nth-child(5){border-left:0}#modeSeg button:nth-child(n+5){border-top:1px solid var(--line)}}@media(max-width:600px)and (orientation:portrait)and (max-height:700px){#scr-steps .modes>div:first-child{display:none!important}#modeSeg button{height:32px}}@media(max-width:600px)and (orientation:portrait){#scr-lab[data-page=fx] .labfx{flex:1 1 330px}}.numpad{position:fixed;left:0;right:0;bottom:0;z-index:400;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -10px 30px #00000059;padding:10px 12px calc(12px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .16s ease-out;touch-action:manipulation;user-select:none;-webkit-user-select:none}.numpad.in{transform:none}.numpad .nphd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 8px}.numpad .nphd span{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.numpad .nphd b{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--ink)}.numpad .npk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:460px;margin:0 auto}.numpad .npk button{height:50px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:21px;font-weight:600}.numpad .npk button.fn{font-family:inherit;font-size:14px;color:var(--ink-2)}.numpad .npk button.ok{background:var(--strong);color:var(--on-strong);border-color:var(--strong);font-family:inherit;font-size:15px;font-weight:700}.numpad .npk button:active{filter:brightness(1.2)}@media(orientation:landscape)and (max-height:500px){.numpad{left:auto;width:min(380px,50vw);border-left:1px solid var(--line);border-radius:14px 0 0}.numpad .npk button{height:40px}.numpad .nphd{margin-bottom:5px}}.fxcols .fxcol.fx{overflow:hidden}.fxcols .fxcol.sq .fxkn .knob.h{flex:none!important;height:var(--kh)!important;max-height:var(--kh)!important;min-height:0!important}.fxcols .fxcol.sq .fxkn{gap:3px}.fxcols .fxcol.sq .knob.h svg,.fxcols .fxcol.sq .knob.h .mdial{width:22px;height:22px}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#scr-session{grid-template-columns:calc(50vw - 52px) minmax(0,1fr) 170px;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"grid grid scenes" "stops stops stopall" "bar panel panel";column-gap:8px;row-gap:4px}#scr-session>.tbar{width:calc(50vw - 52px);justify-self:start}#scenes{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr));grid-auto-flow:row;gap:3px}#scenes .scene .snm b{font-size:12px}#stopAll{height:18px;font-size:11px;gap:6px}#stopAll svg{width:9px;height:9px}#clipPanel{padding:4px 6px;justify-content:center}#clipPanel .cpcap:not(.hintcap):has(>.lbl){display:none}#clipPanel .hintcap .lbl{white-space:normal;font-size:10.5px;line-height:1.35}#clipPanel .cpbtns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#clipPanel .cpbtns .btn{min-height:28px;height:28px;font-size:12px;padding:0 4px;min-width:0}#clipPanel .cpbtns.one1{grid-template-columns:minmax(0,1fr)}}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){#clipPanel #mScene{display:none}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.midib .w{display:none}}.nfxtog{display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;margin:14px 0 8px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink-2);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nfxtog:first-of-type{margin-top:4px}.nfxtog .lamp{width:28px;height:12px;border-radius:6px;background:var(--pad);border:1px solid var(--line)}.nfxtog[aria-pressed=true]{background:var(--strong);color:var(--on-strong);border-color:var(--strong)}.nfxtog[aria-pressed=true] .lamp{background:var(--on-strong);border-color:var(--on-strong)}.nfxsec{transition:opacity .15s}.nfxsec.off{opacity:.5}.rfb button.na{opacity:.4}.arpbtn b{font-size:11px;letter-spacing:.04em}.arpbtn span[hidden]{display:none}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.tbar .tbv[data-v=steps] .arpbtn span{display:none}.tbar .tbv[data-v=steps] .arpbtn b{font-size:10.5px;line-height:1.15;white-space:normal;text-align:center}}#sheetBody .nfxtog{height:46px;min-height:46px;margin:16px 0 10px;padding:0 14px;font-size:13px}#sheetBody .nfxtog:first-child,#sheetBody .sheet-head+.nfxtog{margin-top:6px}:root{--rc:#e8a33a}.btn{border:1.5px solid color-mix(in srgb,var(--ink) 34%,transparent);background:transparent;border-radius:999px}.btn:disabled{opacity:.4}.btn.primary{background:var(--strong);border-color:var(--strong);color:var(--on-strong)}.btn.warn{border-color:color-mix(in srgb,var(--rec) 65%,transparent);color:var(--rec)}.btn.tog[aria-pressed=true]{background:var(--strong);border-color:var(--strong);color:var(--on-strong)}.seg{border:0;background:color-mix(in srgb,var(--ink) 7%,var(--panel));border-radius:12px;padding:3px;gap:3px}.seg button,.seg button+button{border:0!important;border-radius:9px}.seg button[aria-pressed=true]{background:var(--strong);color:var(--on-strong);box-shadow:0 1px 3px #0000004d}.seg.sm{border-radius:11px}input[type=range].slider{-webkit-appearance:none;appearance:none;background:transparent;height:32px;margin:4px 0;cursor:pointer;touch-action:pan-y}input[type=range].slider::-webkit-slider-runnable-track{height:30px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 45%,var(--panel)) 0 var(--p,0%),color-mix(in srgb,var(--ink) 7%,var(--panel)) var(--p,0%) 100%)}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:30px;border-radius:2px;background:var(--rc);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg) 40%,transparent)}input[type=range].slider::-moz-range-track{height:30px;border-radius:10px;background:color-mix(in srgb,var(--ink) 7%,var(--panel))}input[type=range].slider::-moz-range-progress{height:30px;border-radius:10px 0 0 10px;background:color-mix(in srgb,var(--rc) 45%,var(--panel))}input[type=range].slider::-moz-range-thumb{width:4px;height:30px;border:0;border-radius:2px;background:var(--rc)}input[type=range].slider:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tp-swing .slider{height:32px}.sw{position:relative;flex:none;width:50px;height:30px;padding:0;border-radius:15px;border:1px solid var(--line);background:var(--bg);cursor:pointer;transition:background .15s,border-color .15s}.sw i{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--ink-3);transition:left .15s,background .15s}.sw[aria-checked=true]{background:var(--rc);border-color:var(--rc)}.sw[aria-checked=true] i{left:24px;background:#161a18}.swrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.tp-metro .sw{margin-left:auto}.card{flex:none;display:flex;flex-direction:column;border-radius:14px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.cardhd{display:flex;align-items:center;gap:10px;min-height:46px;padding:4px 12px 4px 14px;background:color-mix(in srgb,#8A9196 var(--ccmix,48%),var(--panel));border-bottom:1px solid color-mix(in srgb,#8A9196 75%,var(--panel))}.cardhd>b,.cardhd>h3{flex:1;margin:0;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink)}.card[style*=--cc]>.cardhd{background:var(--cc);border-bottom-color:var(--cc)}.card[style*=--cc]>.cardhd>b,.card[style*=--cc]>.cardhd>h3{color:#161a18}.cardbd{display:flex;flex-direction:column;gap:12px;padding:12px 14px 14px;transition:opacity .15s}.cardbd.off{opacity:.45}.cardbd>.fine{margin:0}.cf{display:flex;flex-direction:column;gap:6px}.cf>.cl{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}:root[data-theme=light] .cardhd,:root[data-fgtheme=light] .cardhd{--ccmix:60%}@media(prefers-color-scheme:light){:root:not([data-fgtheme=dark]):not([data-theme=dark]) .cardhd{--ccmix:60%}}button.cardhd{width:100%;border:0;border-bottom:1px solid var(--cc,#8A9196);color:#161a18;text-align:left;font:inherit;cursor:pointer;user-select:none}.cardhd .sw{margin-left:auto}.card[style*=--cc]>.cardhd .sw{background:#161a182e;border-color:#161a1873}.card[style*=--cc]>.cardhd .sw i{background:#161a188c}.card[style*=--cc]>.cardhd[aria-checked=true] .sw{background:#161a18;border-color:#161a18}.card[style*=--cc]>.cardhd[aria-checked=true] .sw i{left:24px;background:var(--cc)}.khelp{display:flex;flex-direction:column;gap:12px}.khelp .card .cardbd{gap:0;padding-top:4px;padding-bottom:6px}.khelp .card .kh:last-child{border-bottom:0}.arpbtn,.bpm{position:relative}.arpbtn.on.hold:after{background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--on-strong) 45%,transparent) 50%)}.labbody .tools .btn{border-radius:999px;background:transparent;border:1.5px solid color-mix(in srgb,var(--ink) 34%,transparent);color:var(--ink)}.labbody .tools .btn[aria-pressed=true]{background:var(--strong);border-color:var(--strong);color:var(--on-strong)}.swrow>span:not(.field){font-size:14px;font-weight:600}.swrow>span.field{font-size:inherit}.tempo-pop{max-height:calc(100vh - 66px);overflow-y:auto;overscroll-behavior:contain}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#scr-steps .padwrap .modes{width:62px}#scr-steps .padwrap #modeSeg{padding:2px;gap:2px}#scr-steps .padwrap #modeSeg button{font-size:10.5px;letter-spacing:-.01em}}button.swrow{width:100%;border:0;background:none;padding:0;color:var(--ink);text-align:left;cursor:pointer}button.swrow>span:first-child{font-size:14px;font-weight:600}.swrow[aria-checked=true] .sw{background:var(--rc);border-color:var(--rc)}.swrow[aria-checked=true] .sw i{left:24px;background:#161a18}span.sw{display:inline-block}.dragbub{position:fixed;z-index:500;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:8px 16px 10px;border-radius:14px;background:var(--panel);border:2px solid var(--c);box-shadow:0 10px 30px #00000073;transform:translate(-50%);opacity:0;transition:opacity .12s}.dragbub.on{opacity:1}.dragbub span{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase;white-space:nowrap}.dragbub b{font-family:var(--mono);font-size:30px;font-weight:700;color:var(--ink);line-height:1.05;white-space:nowrap}.dragbub:after{content:"";position:absolute;bottom:-8px;left:var(--ax,50%);width:14px;height:14px;background:var(--panel);border-right:2px solid var(--c);border-bottom:2px solid var(--c);transform:translate(-50%) rotate(45deg)}.dragbub.below:after{bottom:auto;top:-8px;transform:translate(-50%) rotate(225deg)}.tbar .launchq.btn{border-radius:9px;border:1px solid var(--line);background:var(--panel)}.scene{gap:0}#clipPanel .cpbtns .btn{min-height:42px;height:42px}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){#clipPanel .cpbtns .btn{min-height:38px;height:38px}#clipPanel{padding:4px 6px}}.dragbub em{display:none;font-style:normal;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--bg);background:var(--c);padding:1px 6px;border-radius:4px;margin-top:2px}.dragbub.def{box-shadow:0 0 0 3px var(--c),0 10px 30px #00000073}.dragbub.def em{display:block}.tbar .soloq{width:44px;height:44px;flex:none}.tbar .tbv>*,.tbar .tbv .panbtn,.tbar .tbv .scenebox,.tbar .tbv .q,.tbar .tbv .fxcommit,.tbar .launchq.btn{height:44px;min-height:44px;box-sizing:border-box}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.tbar .soloq{width:38px;height:38px}.tbar .tbv>*,.tbar .tbv .panbtn,.tbar .tbv .scenebox,.tbar .tbv .q,.tbar .tbv .fxcommit,.tbar .launchq.btn{height:38px;min-height:38px}}.on.hold:after,.hold[aria-pressed=true]:after,.hold.lit:after,.btn.primary.hold:after{background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--on-strong) 45%,transparent) 50%)}.verline,#syncStatusEl{flex:none}@media(min-width:1100px){#sheetBody{max-height:calc(100% - 16px)}}@media(min-width:1100px)and (max-height:760px){#slotList .item.slot{min-height:33px;padding-top:0;padding-bottom:0}}.rfb.r2{display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.seg{position:relative}.seg>button{position:relative;z-index:1}.segpill{position:absolute;z-index:0;pointer-events:none}.seg.sliding>button[aria-pressed=true]{background:transparent!important;box-shadow:none!important}.tbar .scenego{flex:none;width:44px;height:44px;padding:0;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:grid;place-items:center}.tbar .scenego svg{width:14px;height:14px}.tbar .scenego:active{background:var(--go);border-color:var(--go);color:var(--on-go)}@media(min-width:1100px),(orientation:landscape)and (max-height:500px)and (pointer:coarse){.tbar .scenego{display:none}}#clipPanel .hintcap .lbl{white-space:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bp{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,var(--panel))}.bp.down,.bp.hit{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 40%,transparent)}.bp.root{box-shadow:inset 0 0 0 2px var(--c)}.bp.sel{box-shadow:inset 0 0 0 4px var(--c)}.pad,.pads.d64 .pad{box-shadow:inset 0 0 0 1px var(--line)}.pad.on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 70%,#000)}.pad.sel,.pad.on.sel{box-shadow:inset 0 0 0 3px var(--c,var(--ink-2))}#skSync{border:1px solid var(--strong)}#skSync.hot{background:var(--go);border-color:var(--go-edge);color:var(--on-go)}#skScale[aria-pressed=true]{border-color:var(--pp-edge)}.tbar .tbx{min-width:0;overflow:hidden}.tbar .tbv .scenebox{flex:1 1 auto;min-width:0;max-width:none}.tbar .tbv .scenebox b{max-width:100%}.tbar .tbv:has(.scenebox){min-width:0;flex:1 1 auto}@supports not (color:color-mix(in srgb,red 50%,blue)){.bp{background:var(--panel);box-shadow:inset 0 0 0 1px var(--c)}.bp:not(.vel):before{content:"";position:absolute;inset:0;background:var(--c);opacity:.22;pointer-events:none;border-radius:inherit}.pad.on{background:var(--c);box-shadow:none}.pad.on .fill{background:#00000059}.hold:after{background:linear-gradient(135deg,transparent 50%,rgba(128,128,128,.4) 50%)}.chip{box-shadow:none}.tbar.hit{background:var(--panel-2)}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse)and (max-width:720px){.app{grid-template-columns:46px minmax(0,1fr) auto auto auto auto;grid-template-rows:40px minmax(0,1fr);grid-template-areas:"brand chips bpm undo rec play" "tabs main main main main main";column-gap:5px}.top .brand{grid-area:brand;position:relative;width:46px;align-self:stretch;border-right:1px solid var(--line);border-radius:0}.top .brand>*{display:none}.top .brand:before{content:"";position:absolute;left:12px;top:9px;width:22px;height:22px;background:var(--ink-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='2.5'/%3E%3Cpath d='M8 8.5h8M8 12h8M8 15.5h5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='2.5'/%3E%3Cpath d='M8 8.5h8M8 12h8M8 15.5h5'/%3E%3C/svg%3E") center/contain no-repeat}.top .brand.dirty:after{content:"";position:absolute;right:6px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--rec)}.top .brand.syncing:before{animation:syncdot .9s ease-in-out infinite}.tabs button{font-size:0;gap:0}.tabs button svg{width:24px;height:24px}.tabs button[aria-current=page]{background:color-mix(in srgb,var(--ink) 9%,transparent);border-radius:10px;margin:0 4px}.chips{width:auto}.chips .chip{min-width:0}.top .play{width:48px}.top .recq{padding:0 10px}.screen>.tbar,#scr-pads>.tbar{width:auto!important;max-width:none!important;justify-self:stretch;grid-column:1/-1}#scr-pads>.tbar{width:100%!important}.tbar .tbx{width:auto}.tbar .tbw{min-width:90px}#scr-session{grid-template-areas:"grid grid scenes" "stops stops stopall" "bar bar panel"}#scr-session .seshint{display:none}#scr-session>.tbar{grid-column:auto!important;grid-area:bar}#scr-steps{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"clip knobs" "pads pads" "bar bar"}#stepsRack{display:none!important}#trackKnobs{grid-template-columns:repeat(5,60px)}#trackKnobs .fxbtn{display:flex}#trackKnobs .knob,#trackKnobs .fxbtn{height:54px}#trackKnobs .knob svg{width:20px;height:20px}#scr-steps .padwrap{display:flex;align-items:center;gap:8px}#scr-steps .padwrap .pads:not(.d64){grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:calc(100cqw - 80px);height:auto;aspect-ratio:4/1;max-height:100%}#scr-mixer{grid-template-columns:minmax(0,1fr) 170px;grid-template-areas:"vol rack" "acts rack" "bar bar"}#scr-lab{grid-template-columns:minmax(0,1fr) 170px;grid-template-areas:"model fxhd" "top fx" "tabs fx" "body fx" "bar bar"}.labfxhd .hint{display:none}.fxcols{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;overscroll-behavior-x:contain}.fxcols>.fxcol{flex:0 0 100%;scroll-snap-align:start;min-width:0}}.fxaddtile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--ink-3)!important;background:none;color:var(--ink);text-align:center;padding:12px}.fxaddtile b{font-size:14px}.fxaddtile span{font-size:11.5px;color:var(--ink-2);line-height:1.3}