:root{--bg-canvas:#0c0d10;--bg-panel:#141418;--bg-recess:#08080c;--bg-elevated:#1c1c22;--line:#ffffff0f;--line-strong:#ffffff1a;--ink-1:#f2f3f5;--ink-2:#9a9da6;--ink-3:#8a8d96;--warm:#ff7a1a;--warm-glow:#ffb36b;--warm-dim:#cf9a66;--warm-deep:#2a1d10;--cool:#5fd4c4;--cool-dim:#1f4a44;--green-data:#6fcf97;--violet-mod:#8b7fd9;--red-clip:#e94b3c;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--disp:"Inter", -apple-system, system-ui, sans-serif;--ui:"Inter", -apple-system, system-ui, sans-serif;--t-10:10px;--t-11:11px;--t-13:13px;--t-16:16px;--t-20:20px;--t-26:26px;--t-34:34px;--s-1:4px;--s-2:6px;--s-3:8px;--s-4:12px;--s-5:16px;--s-6:24px;--snap:80ms cubic-bezier(.2, .9, .3, 1);--ease:.18s cubic-bezier(.4, 0, .2, 1);--settle:.42s cubic-bezier(.2, 0, 0, 1);--recess:inset 0 1px 2px #000c, inset 0 -1px 0 #ffffff08;--raise:0 1px 0 #0009, inset 0 1px 0 #ffffff0d;--led-glow:0 0 10px #ff7a1a59;--z-overlay:800;--z-modal:1000;--z-gate:1200;--r-sm:3px;--r-md:4px;--r-lg:6px;--r-pill:99px;--bg-void:var(--bg-canvas);--ink-primary:var(--ink-1);--ink-secondary:var(--ink-2);--ink-tertiary:#c4bda8;--amber-hot:var(--warm);--amber-glow:var(--warm-glow);--amber-deep:#6b3410;--cyan-data:var(--cool);--cyan-deep:var(--cool-dim);--highlight:inset 0 1px 0 #ffffff0a;--shadow:0 1px 0 #0009;--t-micro:var(--t-11);--t-value:var(--t-13)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--amber-hot);outline-offset:2px}.chip{background:var(--bg-recess);border-radius:var(--r-sm);box-shadow:var(--recess);transition:all var(--snap);border:1px solid #000}.chip:hover{border-color:#ffffff24}html,body{height:100%}body{background:var(--bg-void);color:var(--ink-primary);font-family:var(--mono);font-size:var(--t-value);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;min-height:100%;padding:32px;line-height:1.4;display:flex}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.rack{background:var(--bg-panel);width:min(1440px,100%);box-shadow:0 60px 120px -40px #000000e6, var(--highlight), var(--shadow);border:1px solid #000;position:relative;overflow:hidden}.rackhead{border-bottom:1px solid var(--line);background:var(--bg-canvas);grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:14px 22px;display:grid}.brand{align-items:center;gap:10px;display:flex}.brand-glyph{background:linear-gradient(180deg, var(--warm-glow), var(--warm));width:9px;height:24px;box-shadow:var(--led-glow);border-radius:1px}.brand-glyph.running{background:linear-gradient(180deg, var(--amber-hot), var(--warm));animation:1.6s ease-in-out infinite glyph-run}@keyframes glyph-run{0%,to{box-shadow:var(--led-glow)}50%{box-shadow:0 0 16px #ff7a1ab3}}.brand-text{flex-direction:column;gap:1px;display:flex}.wordmark{font-family:var(--disp);font-weight:800;font-size:var(--t-16);letter-spacing:.3em;color:var(--ink-1);line-height:1.1}.mode-toggle{background:var(--bg-recess);border:1px solid var(--line);border-radius:var(--r-md);gap:0;padding:4px;display:inline-flex;position:relative}.mode-btn{font-family:var(--disp);font-weight:700;font-size:var(--t-13);letter-spacing:.18em;color:var(--ink-2);z-index:1;transition:color var(--snap);padding:8px 28px;position:relative}.mode-btn:hover,.mode-btn.active{color:var(--ink-1)}.mode-indicator{background:var(--bg-elevated);border-radius:var(--r-sm);width:calc(50% - 4px);transition:transform var(--settle), background var(--settle);pointer-events:none;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 1px #ffffff0f,0 1px #0006}.mode-toggle.is-jam .mode-indicator{background:var(--cool-dim);transform:translate(100%)}.mode-toggle.is-jam .mode-btn.active{color:var(--cool)}.transport{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.2em;color:var(--ink-2);justify-self:end;align-items:center;gap:10px;display:flex}.pwr{background:var(--bg-elevated);border:1px solid var(--line-strong);width:8px;height:8px;transition:background var(--ease), box-shadow var(--ease);border-radius:50%}.pwr.on{background:var(--warm);border-color:var(--warm);box-shadow:0 0 10px -1px var(--warm-glow)}.status{font-weight:700}.master-vol{background:var(--bg-recess);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:10px;margin-right:14px;padding:5px 12px;display:inline-flex}.mv-label{font-family:var(--mono);font-size:var(--t-10);letter-spacing:.16em;color:var(--ink-3);font-weight:700}.mv-knob{cursor:ns-resize;touch-action:none;background:var(--bg-void);width:28px;height:28px;box-shadow:var(--recess);transition:box-shadow var(--snap);border:1px solid #000;border-radius:50%;position:relative}.mv-knob:before{content:"";background:var(--bg-elevated);box-shadow:var(--highlight), var(--shadow);border-radius:50%;position:absolute;inset:3px}.mv-dial{border-radius:50%;position:absolute;inset:0}.mv-ind{background:var(--amber-hot);width:2px;height:8px;box-shadow:0 0 4px -1px var(--amber-glow);position:absolute;top:4px;left:50%;transform:translate(-50%)}.mv-knob:hover{box-shadow:var(--recess), 0 0 0 1px var(--ink-tertiary)}.mv-knob.drag{box-shadow:var(--recess), 0 0 0 1px var(--amber-hot)}.mv-val{font-family:var(--mono);color:var(--cyan-data);font-variant-numeric:tabular-nums;text-align:right;min-width:22px;font-size:11px;font-weight:500}.panels{position:relative}.panel{padding:20px 24px}.panel[hidden]{display:none}.preset-bar{background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);border:1px solid #000;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;padding:10px 14px;display:flex}.pb-label{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-tertiary);font-size:10px;font-weight:700}.pb-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.pb-chip{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-secondary);background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap), background var(--snap);border:1px solid #000;padding:7px 12px;font-size:10px;font-weight:700}.pb-chip:hover{color:var(--ink-primary);box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--ink-tertiary)}.pb-chip:active{box-shadow:var(--recess);transform:translateY(.5px)}.pb-chip.active{color:var(--bg-void);background:var(--amber-hot);box-shadow:inset 0 1px 0 #ffffff40, 0 0 12px var(--amber-glow)}.pb-hint{font-family:var(--mono);color:var(--ink-tertiary);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;font-size:10px;font-style:italic;overflow:hidden}.modules{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));display:grid}.mod{border-radius:var(--r-md);min-width:0;box-shadow:var(--raise);background:linear-gradient(#1e1e24,#17171b);border:1px solid #000;padding:14px 16px 16px}.mod h3{font-family:var(--mono);font-weight:700;font-size:var(--t-10);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;margin-bottom:14px;display:flex}.mod h3:before{content:"";background:var(--warm-dim);width:5px;height:5px}.mod-actions{gap:4px;margin-left:auto;display:inline-flex}.mod-action{font-family:var(--mono);font-weight:700;font-size:var(--t-10);letter-spacing:.16em;color:var(--ink-3);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;min-width:18px;padding:2px 6px;line-height:1}.mod-action:hover{color:var(--warm);box-shadow:var(--recess), 0 0 0 1px var(--warm)}.row{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:14px;display:flex}.ctl{flex-direction:column;align-items:center;gap:6px;min-width:44px;display:flex}.clabel{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;text-align:center}.cval{font-family:var(--mono);font-size:var(--t-11);color:var(--cool);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:var(--bg-recess);border-radius:var(--r-sm);min-height:12px;box-shadow:var(--recess);text-align:center;border:1px solid #000;padding:2px 8px;font-weight:500}.cval:empty{box-shadow:none;background:0 0;border:0;padding:2px 0}.ctl>.sw{margin:13px 0}.ctl>.sel{margin:10px 0}.knob{cursor:ns-resize;touch-action:none;background:var(--bg-recess);width:48px;height:48px;box-shadow:var(--recess);transition:box-shadow var(--snap);border:1px solid #000;border-radius:50%;position:relative}.knob:before{content:"";background:var(--bg-elevated);box-shadow:var(--highlight), var(--shadow);border-radius:50%;position:absolute;inset:5px}.kdial{border-radius:50%;position:absolute;inset:0}.kind{background:var(--warm);width:2px;height:13px;box-shadow:0 0 6px -1px var(--warm-glow);position:absolute;top:6px;left:50%;transform:translate(-50%)}.knob:hover{box-shadow:var(--recess), 0 0 0 1px var(--ink-2)}.knob:hover .kind{box-shadow:0 0 8px -1px var(--warm-glow)}.knob.drag{box-shadow:var(--recess), 0 0 0 1px var(--warm)}.sel{border-radius:var(--r-md);background:var(--bg-recess);width:96px;height:28px;box-shadow:var(--recess);cursor:pointer;transition:box-shadow var(--snap);box-sizing:border-box;border:1px solid #000;justify-content:center;align-items:center;padding:0 18px;display:flex;position:relative}.sel:hover{box-shadow:var(--recess), 0 0 0 1px var(--ink-2)}.sel:hover:before,.sel:hover:after{color:var(--ink-2)}.sval{font-family:var(--mono);font-weight:700;font-size:var(--t-11);letter-spacing:.14em;color:var(--warm-glow)}.sel:before,.sel:after{font-size:var(--t-11);color:var(--ink-3);font-family:var(--mono);position:absolute}.sel:before{content:"◂";left:6px}.sel:after{content:"▸";right:6px}.sw{border-radius:var(--r-sm);background:var(--bg-recess);width:40px;height:22px;box-shadow:var(--recess);cursor:pointer;transition:box-shadow var(--snap);border:1px solid #000;position:relative}.sw:hover{box-shadow:var(--recess), 0 0 0 1px var(--ink-3)}.sw:after{content:"";border-radius:var(--r-sm);background:var(--bg-elevated);width:14px;height:14px;box-shadow:var(--highlight), var(--shadow);transition:left var(--snap), background var(--snap);position:absolute;top:3px;left:3px}.sw.on:after{background:var(--warm);box-shadow:0 0 0 1px var(--warm), 0 0 8px -1px var(--warm-glow);left:21px}.play-icon{background:var(--ink-secondary);clip-path:polygon(14% 0%,100% 50%,14% 100%);width:16px;height:16px;transition:background var(--snap), clip-path var(--snap)}.seqzone{border-top:1px solid var(--line);padding-top:var(--s-5)}.seqzone-head{align-items:flex-start;gap:var(--s-5) var(--s-6);flex-wrap:wrap;display:flex}.seqzone-head .arp-slab{flex-flow:wrap;flex:360px;align-items:flex-start;margin:0}.seqzone-head .arp-slab>div{flex:240px}.seqzone-head .seqctrls{margin-left:auto}.seqzone-head .arp-section{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.seqzone-head .arp-flavor-caption{max-width:52ch}.seqzone .steps{margin-top:var(--s-6)}.arp-sound .preset-bar{margin-bottom:0}.seqwrap{background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border:1px solid #000;margin-bottom:16px;padding:16px 18px 18px}.seqhead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.seqhead h3{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-secondary);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.seqhead h3:before{content:"";background:var(--amber-deep);width:5px;height:5px}.seqctrls{flex-wrap:wrap;align-items:flex-start;gap:14px 18px;display:flex}.steps{grid-template-columns:repeat(var(--pat-len,16), 1fr);gap:var(--s-2);margin-bottom:10px;display:grid}.step.beyond,.lane-cell.beyond{display:none}.step{border-radius:var(--r-md);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-panel));height:68px;box-shadow:var(--raise);cursor:pointer;transition:box-shadow var(--snap);border:1px solid #000;flex-direction:column;justify-content:flex-end;padding:6px 0;display:flex;position:relative;overflow:hidden}.step:nth-child(4n+1){box-shadow:var(--raise), inset 1px 0 0 #ffffff0d}.step:nth-child(4n+1):before{content:"";background:var(--ink-3);height:2px;position:absolute;top:0;left:0;right:0}.stepfill{border-radius:var(--r-sm);background:var(--ink-3);height:0;transition:height var(--ease), background var(--ease), opacity var(--ease);margin:0 6px}.step.on .stepfill{background:var(--warm);opacity:.45;height:50%}.step.acc .stepfill{background:var(--warm);opacity:1;height:100%;box-shadow:0 0 8px -2px var(--warm-glow)}.playled{background:var(--ink-3);width:5px;height:5px;transition:background var(--snap), box-shadow var(--snap);position:absolute;top:6px;left:50%;transform:translate(-50%)}.step.live{box-shadow:var(--raise), 0 0 0 2px var(--warm), 0 0 8px -2px var(--warm-glow)}.step.live .playled{background:var(--warm);box-shadow:0 0 4px -1px var(--warm-glow)}.mod-lanes{border-top:1px solid var(--line-strong);margin-top:6px;padding-top:12px}.lane-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.lane-tab{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;padding:5px 12px;font-size:9px;font-weight:700;position:relative}.lane-tab:hover{color:var(--ink-1)}.lane-rnd{margin-left:auto}.lane-tab.active{color:var(--warm-glow);box-shadow:var(--recess), inset 0 -2px 0 var(--warm)}.lane-tab.has-data:after{content:"";background:var(--cool);border-radius:50%;width:3px;height:3px;position:absolute;top:4px;right:4px}.lane-editor{grid-template-columns:repeat(var(--pat-len,16), 1fr);gap:var(--s-2);height:100px;padding-top:var(--s-2);border-top:2px solid #ff7a1a40;display:grid}.lane-cell{background:var(--bg-recess);box-shadow:var(--recess);cursor:ns-resize;touch-action:none;border-radius:var(--r-sm);border:1px solid #000;position:relative;overflow:hidden}.lane-bar{background:var(--cool);opacity:.45;transition:height var(--snap), opacity var(--snap);position:absolute;bottom:0;left:0;right:0}.lane-cell:hover .lane-bar{opacity:.75}.lane-cell.zero .lane-bar{opacity:.15}.cell-value{text-align:center;font-family:var(--mono);color:var(--ink-2);letter-spacing:.05em;pointer-events:none;transition:color var(--snap);z-index:2;font-size:10px;font-weight:700;position:absolute;top:4px;left:0;right:0}.lane-cell:hover .cell-value{color:var(--cool)}.lane-cell.zero .cell-value{color:var(--ink-3);opacity:.4}.cell-ghosts{pointer-events:none;z-index:1;position:absolute;inset:0}.ghost-tick{opacity:.55;pointer-events:none;width:60%;height:1px;position:absolute;left:50%;transform:translate(-50%)}.ghost-tick.g-velocity{background:var(--cool);height:2px}.ghost-tick.g-gate{border-top:2px dashed var(--violet-mod);background:0 0;height:0}.ghost-tick.g-octave{border-top:2px dotted var(--warm-glow);background:0 0;height:0}.ghost-tick.g-ratchet{background:var(--green-data);width:40%;height:2px}.lane-readout{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;border-top:1px dashed #ffffff0a;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:6px;display:flex}.lane-readout .r-label{color:var(--ink-3);font-size:9px}.lane-readout .r-value{color:var(--cool);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.kbwrap{border-top:1px solid var(--line);padding-top:var(--s-5)}.kbhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.kbhead .left{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;font-size:9px}select.drop{appearance:none;font-family:var(--mono);color:var(--ink-1);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-md);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;border:1px solid #000;padding:8px 28px 8px 12px;font-size:12px;font-weight:500}.minibtn{font-family:var(--mono);font-weight:700;font-size:var(--t-11);letter-spacing:.16em;color:var(--ink-1);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-md);cursor:pointer;transition:box-shadow var(--snap), color var(--snap);border:1px solid #000;padding:9px 16px}.minibtn:hover{color:var(--warm);box-shadow:var(--recess), 0 0 0 1px var(--warm)}.minibtn[aria-pressed=true],.minibtn.on{color:var(--cool);box-shadow:var(--recess), 0 0 0 1px var(--cool)}.minibtn.seq-action{height:48px;font-size:var(--t-10);letter-spacing:.18em;align-items:center;padding:0 13px;display:inline-flex}.minibtn.flash{color:var(--warm);box-shadow:var(--recess), 0 0 0 1px var(--warm), 0 0 12px var(--warm)}.hint{font-family:var(--mono);font-size:var(--t-10);letter-spacing:.08em;color:var(--ink-2);text-align:right;max-width:420px}.hint b{color:var(--warm);font-weight:700}.kb{height:140px;margin-bottom:12px;position:relative}.wrow{gap:2px;height:100%;display:flex}.wkey{background:var(--ink-primary);border-radius:0 0 var(--r-md) var(--r-md);cursor:pointer;transition:background var(--snap);touch-action:none;border:1px solid #000;flex:1;position:relative;box-shadow:inset 0 -8px 12px #00000029}.wkey.scale{background:linear-gradient(#eaf2f0,#d8e7e3)}.wkey.scale:after{content:"";background:var(--cool);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.kdeg{text-align:center;font-family:var(--mono);color:#52615f;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700;position:absolute;bottom:24px;left:0;right:0}.wkey.out-of-scale{background:#e8e4d966}.wkey.out-of-scale .kdeg{display:none}.wkey.tonic{box-shadow:inset 0 0 0 2px var(--cool), inset 0 -8px 12px #00000029}.wkey.tonic.scale{background:linear-gradient(#d2ebe5,#afd8ce)}.wkey.tonic .kdeg{color:#0a3d3a;font-size:13px;font-weight:800}.wkey.press,.wkey.held{background:var(--warm-glow)}.wkey.latched,.wkey.tonic.latched{background:var(--warm)}.wkey.latched .kdeg,.wkey.held .kdeg{color:#3a1c00}.brow{pointer-events:none;height:62%;position:absolute;top:0;left:0;right:0}.bkey{background:var(--bg-elevated);border-radius:0 0 var(--r-sm) var(--r-sm);cursor:pointer;pointer-events:auto;width:4.4%;height:100%;box-shadow:var(--highlight), 0 3px 6px #0009;transition:background var(--snap);touch-action:none;border:1px solid #000;position:absolute;top:0}.bkey.scale{box-shadow:var(--highlight), 0 3px 6px #0009, inset 0 0 0 1px var(--cool)}.bkey.scale:after{content:"";background:var(--cool);opacity:.85;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.bkey .kdeg{color:var(--cool);opacity:.85;font-size:9px;bottom:18px}.bkey.tonic .kdeg{color:#bff3f4;opacity:1;font-weight:800}.bkey.out-of-scale{opacity:.5}.bkey.out-of-scale .kdeg{display:none}.bkey.tonic:before{content:"";background:var(--cool);width:5px;height:5px;box-shadow:0 0 5px var(--cool);z-index:2;pointer-events:none;border-radius:50%;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bkey.press,.bkey.held{background:var(--amber-deep)}.bkey.latched{background:var(--warm)}.kname{text-align:center;font-family:var(--mono);color:#6b7b78;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700;position:absolute;bottom:38px;left:0;right:0}.wkey.tonic .kname{color:#0a3d3a}.wkey.latched .kname,.wkey.held .kname{color:#3a1c00}.bkey .kname{color:var(--cool);opacity:.8;font-size:8px;bottom:30px}.bkey.tonic .kname{color:#bff3f4;opacity:1}.bkey.latched .kname,.bkey.held .kname{color:#3a1c00;opacity:1}.kbfoot{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:9px;display:flex}.kbf-grp{flex-wrap:wrap;align-items:center;gap:4px 12px;display:inline-flex}.kbf-item{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.kbf-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;display:inline-block}.kbf-dot.tonic{box-shadow:inset 0 0 0 2px var(--cool), 0 0 4px #5fd4c480;background:0 0}.kbf-dot.scale{background:var(--cool);opacity:.6}.kbf-dot.note{background:var(--warm);box-shadow:0 0 4px var(--warm-glow)}.fbwrap{border-radius:var(--r-md);background:0 0;margin-top:14px;padding:8px 6px}.fb-scroll{overscroll-behavior-x:contain;cursor:grab;scrollbar-width:thin;scrollbar-color:transparent transparent;overflow:auto hidden}.fb-scroll.scrolling{scrollbar-color:#7fe8e073 transparent}.fb-scroll::-webkit-scrollbar{height:6px}.fb-scroll::-webkit-scrollbar-track{background:0 0}.fb-scroll::-webkit-scrollbar-thumb{background:0 0;border-radius:3px}.fb-scroll.scrolling::-webkit-scrollbar-thumb{background:#7fe8e066}.fb-scroll.panning{cursor:grabbing}.fb-modal .fb-scroll{cursor:default}.fb-board{-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.fb-img{pointer-events:none;height:100%;display:block;position:absolute;top:0}.fb-dot{background:var(--pc);pointer-events:none;z-index:2;border:1px solid #0000008c;border-radius:50%;justify-content:center;align-items:center;width:clamp(18px,2.3vw,28px);height:clamp(18px,2.3vw,28px);display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 3px #0000004d,0 1px 3px #0000008c}.fb-dot-name{font-family:var(--mono);color:#000000c7;letter-spacing:0;text-shadow:0 1px #ffffff2e;font-size:clamp(8px,.9vw,11px);font-weight:700;line-height:1}.fb-dot.tonic{background:var(--amber-hot);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -2px 3px #0000004d, 0 0 0 1px var(--amber-hot), 0 0 10px var(--amber-glow);z-index:3;border-color:#000000b3}.fb-dot.tonic .fb-dot-name{color:#140a00eb;text-shadow:0 1px #ffc88c73}.fb-frets{width:100%;height:16px;margin-top:4px;position:relative}.fb-fret-num{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-tertiary);font-size:13px;font-weight:500;line-height:1;position:absolute;top:0;transform:translate(-50%)}.fb-fret-num.fb-fret-octave{color:var(--ink-secondary);font-weight:700}.fb-dot.fb-now{z-index:4;background:#ffb23e;box-shadow:inset 0 1px #ffffff61,inset 0 -2px 3px #0000004d,0 0 9px 1px #ffb23e6b}.fb-dot.fb-now .fb-dot-name{color:#2d1900eb;text-shadow:none}.fb-dot.fb-now-root{z-index:6;background:#ff3b3b;width:clamp(24px,3vw,36px);height:clamp(24px,3vw,36px);box-shadow:inset 0 1px #fff6,inset 0 -2px 3px #0000004d,0 0 0 2.5px #6fe05a,0 0 16px 3px #ff3b3b8c}.fb-dot.fb-now-root .fb-dot-name{color:#320000f2;text-shadow:none}.fb-dot.fb-shared{z-index:5;background:#ffb23e;box-shadow:inset 0 1px #ffffff61,inset 0 -2px 3px #0000004d,0 0 9px 1px #ffb23e6b,0 0 0 2px #7fe8e099}.fb-dot.fb-shared .fb-dot-name{color:#2d1900eb;text-shadow:none}.fb-dot.fb-next{z-index:3;opacity:.95;background:radial-gradient(circle at 50% 36%,#9cf0e98c,#26787ef0 76%);border:1.5px solid #7fe8e0d9;box-shadow:inset 0 1px #fff3,inset 0 -2px 3px #00000047,0 0 9px 1px #7fe8e04d}.fb-dot.fb-next-root{z-index:3;opacity:1;background:radial-gradient(circle at 50% 36%,#aaf6f09e,#208086f5 76%);border:2px solid #96f0e9f2;width:clamp(22px,2.8vw,33px);height:clamp(22px,2.8vw,33px);box-shadow:inset 0 1px #ffffff38,inset 0 -2px 3px #00000047,0 0 11px 2px #7fe8e05c}.fb-dot.fb-next .fb-dot-name,.fb-dot.fb-next-root .fb-dot-name{color:#ecfcfafa;text-shadow:0 1px 2px #001c1ee6}.fb-board.fb-focus .fb-dot:not(.fb-now):not(.fb-now-root):not(.fb-shared):not(.fb-next):not(.fb-next-root){opacity:1;filter:none;z-index:1;background:#434851;border-color:#0006;width:clamp(18px,2.25vw,24px);height:clamp(18px,2.25vw,24px);box-shadow:inset 0 1px #ffffff1f}.fb-board.fb-focus .fb-dot:not(.fb-now):not(.fb-now-root):not(.fb-shared):not(.fb-next):not(.fb-next-root) .fb-dot-name{opacity:.85;color:#d8dee6f7;text-shadow:none;font-size:clamp(8px,1vw,11px)}.fb-dot.off-scale{display:none}.fb-dot.off-scale.fb-now,.fb-dot.off-scale.fb-now-root,.fb-dot.off-scale.fb-shared,.fb-dot.off-scale.fb-next,.fb-dot.off-scale.fb-next-root{display:flex}.fb-overlay-toggle{font-family:var(--mono);font-size:var(--t-10);letter-spacing:.12em;color:var(--ink-3);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-pill);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;padding:6px 12px;font-weight:700}.fb-overlay-toggle:hover{color:var(--ink-1)}.fb-overlay-toggle.on{color:var(--cool);box-shadow:var(--recess), 0 0 0 1px var(--cool-dim)}.fb-overlay-toggle:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.jam-fretboard .jam-row-title{align-items:center;gap:10px;display:flex}.jam-fretboard .jam-row-label{font-size:var(--t-10);letter-spacing:.18em;color:var(--ink-3)}.fb-section-spacer{flex:1}.jam-fretboard .fbwrap{border:1px solid var(--line);border-radius:var(--r-lg);margin-top:0;padding:10px 12px}.fb-magnify{font-family:var(--mono);color:var(--ink-3);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-pill);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;padding:6px 11px;font-size:13px;line-height:1}.fb-magnify:hover{color:var(--cool)}.fb-magnify:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.fb-modal{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080abd;justify-content:center;align-items:center;padding:10px;display:none;position:fixed;inset:0}.fb-modal.open{display:flex}.fb-modal-card{background:var(--bg-panel);border:1px solid var(--cyan-deep);border-radius:var(--r-md);width:100%;max-height:94vh;padding:12px 12px 14px;position:relative;overflow:auto;box-shadow:0 20px 60px #0009}.fb-modal-close{font-family:var(--mono);color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.fb-modal-close:hover{color:var(--cyan-data)}.fb-modal-close:focus-visible{outline:2px solid var(--amber-hot);outline-offset:2px}.fb-modal-board{width:100%}.fb-modal-head{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 2px 10px;padding-right:36px;display:flex}.fb-modal-head .jam-drop{min-width:64px;padding-top:4px;padding-bottom:4px;font-size:12px}.fb-modal-section{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-secondary);font-size:10px}.fb-modal-prog{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.fb-modal-chip{border-radius:var(--r-sm);color:var(--ink-secondary);transition:color var(--snap), border-color var(--snap);border:1px solid #0000;padding:4px 9px;font-size:13px;line-height:1}.fb-modal-chip.now{color:#ffb23e;border-color:#ffb23e8c;box-shadow:0 0 8px #ffb23e2e}.fb-modal-chip.next{color:#7fe8e0e6;border-color:#7fe8e059}kbd{font-family:var(--mono);color:var(--ink-secondary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);border:1px solid #000;margin:0 2px;padding:1px 6px;font-size:9px;font-weight:500}.panel.jam-panel,.panel.arp-panel{padding:0}.jam-stage,.arp-stage{gap:var(--s-5);padding:var(--s-6) 22px;background:var(--bg-canvas);flex-direction:column;display:flex}.stage-section{gap:var(--s-4);flex-direction:column;display:flex}.stage-section[hidden],.rig-dock[hidden],.song-drawer[hidden]{display:none!important}.drawer-head{align-items:center;gap:var(--s-4);border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;width:100%;min-height:44px;padding:0 2px;display:flex}.drawer-label{font-family:var(--disp);font-weight:700;font-size:var(--t-11);letter-spacing:.18em;color:var(--ink-2)}.drawer-head:hover .drawer-label{color:var(--ink-1)}.drawer-sub,.rig-summary{min-width:0;font-family:var(--mono);font-size:var(--t-10);letter-spacing:.04em;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.drawer-chev{color:var(--ink-3);font-size:var(--t-11);transition:transform var(--ease)}.drawer-head[aria-expanded=true] .drawer-chev,.fb-head[aria-expanded=true] .drawer-chev{transform:rotate(180deg)}.fb-head{align-items:center;gap:var(--s-3);cursor:pointer;background:0 0;border:0;min-height:28px;padding:0;display:inline-flex}.fb-head:hover .jam-row-label{color:var(--ink-1)}.fbwrap[hidden],.fb-overlay-toggle[hidden],.fb-magnify[hidden],.modules[hidden]{display:none!important}.drawer-body,.rig-body{gap:var(--s-4);flex-direction:column;display:flex}.drawer-body[hidden],.rig-body[hidden]{display:none}.rig-dock{padding:var(--s-5) 22px;gap:var(--s-4);background:linear-gradient(#16161a,#111114);border-top:1px solid #000;flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffff0d}.rig-dock .jam-section{box-shadow:none;background:0 0;border:0;padding:0}.jam-rig .jam-chip{box-shadow:var(--raise);color:var(--ink-2);font-size:var(--t-10);letter-spacing:.16em;background:linear-gradient(#222228,#18181c);border:1px solid #000;border-radius:5px;padding:7px 14px;font-weight:700}.jam-rig .jam-chip:hover{color:var(--ink-1);box-shadow:var(--raise), 0 0 0 1px #ffffff1f}.jam-rig .jam-chip.active{background:linear-gradient(180deg, #3a2a1a, var(--warm-deep));color:var(--warm-glow);box-shadow:var(--led-glow), inset 0 1px 0 #ffffff1a}.jam-slab,.arp-slab{box-shadow:none;background:0 0;border:0;flex-direction:column;gap:14px;padding:0;display:flex}.arp-slab{margin-top:14px}.jam-section,.arp-section{background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-panel) 64%);border-radius:var(--r-md);box-shadow:var(--highlight), var(--shadow), 0 2px 6px -3px #000000b3;border:1px solid #000;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.jam-section[hidden],.jam-row-title[hidden],.chip-row[hidden],.chord-grid[hidden]{display:none}.arp-tpl-empty{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-tertiary);padding:7px 0;font-size:10px}.arp-flavor-caption{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-tertiary);font-size:10px;line-height:1.5}.ctl-modal-ignored .sel{opacity:.4;pointer-events:none}.ctl-modal-ignored .clabel{opacity:.55}.stage-transport{gap:var(--s-3);flex-direction:column;display:flex}.transport-line{justify-content:space-between;align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.transport-left,.transport-right{align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.stage-play{background:var(--warm);cursor:pointer;width:38px;height:38px;transition:all var(--ease);border:0;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.stage-play .play-icon{border-left:11px solid var(--bg-canvas);border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;margin-left:3px}.stage-play.playing .play-icon{border-top:0;border-bottom:0;border-left:3.5px solid var(--bg-canvas);border-right:3.5px solid var(--bg-canvas);width:10px;height:12px;margin-left:0}.stage-play:hover{background:var(--warm-glow)}.stage-play.playing{box-shadow:0 0 14px #ff7a1a80}.tempo-readout{cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--r-md);align-items:baseline;gap:5px;padding:0 4px;display:inline-flex}.tempo-num{font-family:var(--disp);font-size:var(--t-34);font-variant-numeric:tabular-nums;color:var(--ink-1);font-weight:200;line-height:1}.tempo-unit{font-size:var(--t-10);letter-spacing:.15em;color:var(--ink-3)}.mobile-transport{display:none}.jam-tap{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-primary);background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border-radius:var(--r-md);cursor:pointer;transition:color var(--snap), box-shadow var(--snap), background var(--snap);border:1px solid #000;padding:10px 16px;font-size:11px;font-weight:700}.jam-tap:hover{color:var(--amber-hot);box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--amber-hot)}.jam-tap.flash{background:var(--amber-hot);color:var(--bg-void);box-shadow:0 0 0 1px var(--amber-hot), 0 0 14px -2px var(--amber-glow)}.jam-inspire{font-family:var(--disp);font-weight:700;font-size:var(--t-11);letter-spacing:.12em;color:var(--bg-canvas);background:var(--warm);border-radius:var(--r-pill);cursor:pointer;transition:background var(--snap), box-shadow var(--snap), transform var(--snap);border:0;padding:8px 20px}.jam-inspire:hover{background:var(--warm-glow);box-shadow:0 0 14px -2px var(--warm)}.jam-inspire:active{transform:translateY(1px)}.jam-scale-gloss{font-family:var(--mono);font-size:var(--t-10);letter-spacing:.04em;color:var(--ink-3);text-align:right;flex-basis:100%}.jam-live-caption{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-data);font-variant-numeric:tabular-nums;min-height:14px;margin-top:10px;font-size:11px;font-weight:700}.section-legend{font-family:var(--mono);letter-spacing:.03em;color:var(--ink-tertiary);flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;font-size:10px;display:flex}.section-legend kbd{font-family:var(--mono);color:var(--ink-secondary);background:var(--bg-recess);box-shadow:var(--highlight);border:1px solid #000;border-radius:3px;padding:1px 5px;font-size:9px}.warm-strip{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-tertiary);transition:opacity var(--settle);align-items:center;gap:10px;font-size:10px;display:flex}.warm-label{color:var(--amber-glow);white-space:nowrap;font-weight:700}.warm-label.ready{color:var(--cyan-data)}.warm-bar{background:var(--bg-recess);border-radius:var(--r-sm);min-width:80px;height:6px;box-shadow:var(--recess);background-image:repeating-linear-gradient(90deg,#0000 0 5px,#00000080 5px 6px);flex:1;overflow:hidden}.warm-fill{background:var(--amber-hot);width:0%;height:100%;box-shadow:0 0 6px -1px var(--amber-glow);transition:width var(--ease)}.warm-count{color:var(--ink-secondary);text-align:right;min-width:46px}.warm-strip.ready{opacity:0}.warm-gate{width:min(360px,80vw)}.jam-field{flex-direction:column;gap:5px;display:flex}.jam-field label{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-tertiary);text-transform:uppercase;font-size:9px}select.jam-drop{border:0;border-bottom:1px solid var(--line-strong);min-width:96px;box-shadow:none;background-color:#0000;background-position:calc(100% - 10px),calc(100% - 6px);border-radius:0;padding:6px 24px 6px 2px}select.jam-drop:hover{border-bottom-color:var(--cool)}.stage-transport .jam-field label{color:var(--cool);opacity:.75}.jam-row-title{align-items:center;gap:10px;display:flex}.jam-row-label{font-family:var(--mono);letter-spacing:.24em;color:var(--ink-tertiary);text-transform:uppercase;font-size:9px;font-weight:700}.jam-template-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.jam-template-toggle{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-tertiary);box-shadow:var(--highlight), var(--shadow);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), background var(--snap), box-shadow var(--snap);background:0 0;border:1px solid #000;padding:4px 8px;font-size:9px;font-weight:700}.jam-template-toggle:hover{color:var(--ink-primary)}.jam-template-toggle.active{color:var(--bg-void);background:var(--cyan-data);box-shadow:inset 0 1px 0 #ffffff40, 0 0 12px -2px var(--cyan-data)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.jam-chip{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-secondary);background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap), background var(--snap);border:1px solid #000;padding:7px 12px;font-size:10px;font-weight:700}.jam-chip:hover{color:var(--ink-primary);box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--ink-tertiary)}.jam-chip:active{box-shadow:var(--recess);transform:translateY(.5px)}.jam-chip.active{color:var(--bg-void);background:var(--cyan-data);box-shadow:inset 0 1px 0 #ffffff40, 0 0 12px -2px var(--cyan-data)}.jam-disabled-hint{color:var(--ink-tertiary);font-family:var(--mono);letter-spacing:.06em;background:var(--bg-recess);border-radius:var(--r-sm);box-shadow:var(--recess);padding:16px 20px;font-size:11px;line-height:1.6}.jam-disabled-hint[hidden]{display:none}.chord-grid{gap:var(--s-3);grid-template-columns:repeat(8,1fr);display:grid}.chord-card{border-radius:var(--r-lg);border:1px solid var(--line-strong);cursor:pointer;transition:background var(--ease), border-color var(--ease), opacity var(--ease);background:#ffffff08;flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex;position:relative;overflow:hidden}.chord-card:hover{border-color:#ffffff38}.card-line{align-items:baseline;gap:8px;min-height:24px;display:flex}.card-roman{font-family:var(--disp);font-size:var(--t-20);color:var(--ink-1);font-weight:600;line-height:1}.card-letter{font-family:var(--mono);font-size:var(--t-13);color:var(--ink-2)}.card-fn{font-size:var(--t-10);letter-spacing:.12em;color:var(--ink-3);min-height:13px}.chord-card.empty .card-roman{color:var(--ink-3)}.chord-card.is-live{background:#ff7a1a17;border-color:#ff7a1a80}.chord-card.is-live .card-roman{color:var(--ink-1)}.chord-card.is-live .card-letter{color:var(--warm-glow)}.chord-card.is-live .card-fn{color:var(--warm-dim)}.card-progress{background:var(--warm);width:0;height:2px;transition:width var(--settle);position:absolute;bottom:0;left:0}.chord-card.continuation{opacity:.55;border-left:1px dashed var(--ink-3)}.chord-card.continuation .card-letter{font-size:var(--t-10);opacity:.7}.chord-card.continuation.is-live{opacity:.85}.chord-card.empty{opacity:.3;cursor:default}.chord-card.out-of-mode:after{content:"";background:var(--cool);opacity:.65;width:5px;height:5px;box-shadow:0 0 6px -1px var(--cool);border-radius:50%;position:absolute;top:6px;right:6px}.picker-modal{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080abd;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.chord-picker{background:var(--bg-elevated);width:min(460px,100%);max-height:90vh;box-shadow:var(--highlight), 0 20px 60px #0009;border-radius:var(--r-md);border:1px solid #000;flex-direction:column;gap:8px;padding:14px;display:flex;position:relative;overflow:auto}.picker-head{font-family:var(--mono);color:var(--ink-primary);letter-spacing:.06em;padding-right:30px;font-size:14px;font-weight:700}.picker-close{font-family:var(--mono);color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;position:absolute;top:6px;right:8px}.picker-close:hover{color:var(--cyan-data)}.picker-close:focus-visible{outline:2px solid var(--amber-hot);outline-offset:2px}.picker-title{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-tertiary);text-transform:uppercase;font-size:9px;font-weight:700}.picker-row{flex-wrap:wrap;gap:4px;display:flex}.picker-btn{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-secondary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;min-width:32px;padding:6px 10px;font-size:10px;font-weight:700}.picker-btn:hover{color:var(--ink-primary)}.picker-btn.active{color:var(--amber-hot);box-shadow:var(--recess), inset 0 -2px 0 var(--amber-hot)}.jam-mixer{justify-content:space-between;align-items:center;gap:var(--s-6);flex-direction:row;display:flex}.jam-mixer-rows{gap:var(--s-3);flex-direction:column;flex:auto;min-width:0;display:flex}.jam-mixer-row{grid-template-columns:52px minmax(78px,1fr) minmax(90px,1.4fr) auto;align-items:center;gap:12px;display:grid}.jam-mixer-label{font-family:var(--mono);font-weight:700;font-size:var(--t-10);letter-spacing:.18em;color:var(--ink-2);text-shadow:0 1px #000000d9}.jam-mixer-select{width:100%;font-family:var(--mono);color:var(--ink-primary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-md);cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-secondary) 50%), linear-gradient(135deg, var(--ink-secondary) 50%, transparent 50%);background-position:calc(100% - 13px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px;border:1px solid #000;padding:7px 24px 7px 10px;font-size:11px}.jam-mixer-select:focus{outline:2px solid var(--amber-hot);outline-offset:1px}.jam-mixer-slider{appearance:none;background:var(--bg-recess);border-radius:var(--r-sm);width:100%;height:6px;box-shadow:var(--highlight), var(--shadow);cursor:pointer;accent-color:var(--amber-hot);border:1px solid #000}.jam-mixer-slider::-webkit-slider-thumb{appearance:none;background:var(--amber-hot);width:14px;height:14px;box-shadow:0 0 6px -1px var(--amber-glow);cursor:pointer;border:1px solid #000;border-radius:50%}.jam-mixer-slider::-moz-range-thumb{background:var(--amber-hot);width:14px;height:14px;box-shadow:0 0 6px -1px var(--amber-glow);cursor:pointer;border:1px solid #000;border-radius:50%}.jam-mute-led{padding:6px 10px;font-size:9px}.jam-leds{flex-wrap:wrap;gap:10px;display:flex}.led{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-secondary);background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border-radius:var(--r-md);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;align-items:center;gap:8px;padding:8px 14px;font-size:10px;font-weight:700;display:inline-flex}.led:hover{color:var(--ink-primary)}.led-dot{background:var(--ink-tertiary);width:8px;height:8px;transition:background var(--snap), box-shadow var(--snap);border-radius:50%}.led.on .led-dot{background:var(--amber-hot);box-shadow:0 0 0 1px var(--amber-hot), 0 0 8px -1px var(--amber-glow)}.led.on{color:var(--ink-primary)}.rackfoot{border-top:1px solid var(--line);background:var(--bg-canvas);font-family:var(--mono);font-size:var(--t-10);letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 22px;display:flex}.meter{color:var(--cool);font-size:var(--t-11);letter-spacing:.12em;font-variant-numeric:tabular-nums;transition:color var(--snap);margin-left:6px}.meter.hot{color:var(--warm-glow)}.meter.clip{color:var(--red-clip);text-shadow:0 0 6px var(--red-clip)}.foot-actions{align-items:center;gap:10px;display:flex}.share-btn,.rec-btn,.help-btn{letter-spacing:.22em;border-radius:var(--r-sm);padding:4px 12px;font-size:9.5px}.help-btn{letter-spacing:0;padding:3px 11px;font-size:13px;line-height:1}.foot-link{color:var(--ink-secondary);transition:color var(--snap), text-shadow var(--snap);text-decoration:none}.foot-link:hover{color:var(--cyan-data);text-shadow:0 0 8px #5fd4d680}.foot-link:focus-visible{color:var(--cyan-data)}.help-modal{z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050509b8;justify-content:center;align-items:center;padding:24px;animation:.18s help-fade;display:flex;position:fixed;inset:0}@keyframes help-fade{0%{opacity:0}to{opacity:1}}@keyframes help-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-card{background:var(--bg-elevated);border:1px solid var(--cyan-deep);border-radius:var(--r-md);width:100%;max-width:460px;box-shadow:var(--shadow), 0 0 30px -6px #5fd4d666;padding:22px 24px;animation:.3s help-rise;position:relative}.help-title{font-family:var(--ui);letter-spacing:.16em;color:var(--cyan-data);margin-bottom:12px;font-size:13px;font-weight:700}.help-steps{font-family:var(--ui);letter-spacing:.01em;color:var(--ink-secondary);flex-direction:column;gap:9px;margin:0 0 16px;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.help-steps b{color:var(--ink-primary);font-weight:600}.help-steps kbd{font-family:var(--mono);color:var(--ink-secondary);background:var(--bg-recess);border:1px solid #000;border-radius:3px;padding:1px 5px;font-size:11px}.help-close{color:var(--ink-tertiary);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1;position:absolute;top:9px;right:12px}.help-close:hover{color:var(--ink-primary)}.help-ok{font-family:var(--ui);letter-spacing:.1em;color:var(--bg-void);background:var(--cyan-data);border-radius:var(--r-md);cursor:pointer;transition:box-shadow var(--snap);border:none;padding:8px 18px;font-size:12px;font-weight:700}.help-ok:hover{box-shadow:0 0 12px -2px var(--cyan-data)}.share-btn.ok{color:var(--cyan-data);box-shadow:var(--recess), 0 0 0 1px var(--cyan-data)}.import-card{max-width:380px}.import-input{width:100%;font-family:var(--mono);font-size:var(--t-12,12px);letter-spacing:.04em;color:var(--ink-1);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-md);transition:box-shadow var(--snap);border:1px solid #000;padding:9px 10px}.import-input::placeholder{color:var(--ink-3)}.import-input:focus-visible{box-shadow:var(--recess), 0 0 0 1px var(--cool);outline:none}.import-text{font-family:var(--ui);color:var(--ink-2);margin:0;font-size:12px}.import-hint{font-family:var(--mono);font-weight:700;font-size:var(--t-10,10px);letter-spacing:.12em;color:var(--red-clip);min-height:14px;margin-top:8px}.import-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.import-load{color:var(--warm);box-shadow:var(--recess), 0 0 0 1px var(--warm)}.import-load:hover{box-shadow:var(--recess), 0 0 0 1px var(--warm), 0 0 12px -2px var(--warm)}.rec-btn{align-items:center;gap:6px;display:inline-flex}.rec-dot{background:var(--ink-tertiary);width:8px;height:8px;transition:background var(--ease), box-shadow var(--ease);border-radius:50%}.rec-btn.rec .rec-dot{background:var(--red-clip);box-shadow:0 0 6px var(--red-clip);animation:1.4s ease-in-out infinite rec-pulse}.rec-btn.rec{color:var(--red-clip);box-shadow:var(--recess), 0 0 0 1px var(--red-clip)}.rec-btn:disabled{opacity:.5;cursor:not-allowed}.rec-time{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink-secondary);text-align:right;min-width:32px;font-size:9px}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.rec-btn.rec .rec-dot{animation:none}}.gate{z-index:var(--z-gate);background:var(--bg-canvas);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:20px;display:flex;position:fixed;inset:0}.gate.hidden{display:none}.gate-brand{align-items:center;gap:16px;display:flex}.gate-glyph{background:linear-gradient(180deg, var(--warm-glow), var(--warm));border-radius:2px;width:16px;height:44px;box-shadow:0 0 24px #ff7a1a80}.gate-wordmark{font-family:var(--disp);font-size:var(--t-34);letter-spacing:.42em;text-indent:.42em;color:var(--ink-1);font-weight:800;line-height:1}.gate-sub{font-family:var(--mono);font-size:var(--t-11);letter-spacing:.2em;color:var(--ink-3);line-height:1.9}.ignite{border-radius:var(--r-pill);border:1px solid var(--warm);color:var(--warm-glow);background:var(--warm-deep);font-family:var(--disp);font-size:var(--t-13);letter-spacing:.24em;cursor:pointer;box-shadow:var(--led-glow);transition:all var(--ease);padding:14px 44px;font-weight:700}.ignite:hover{background:#3a2a1a;box-shadow:0 0 18px #ff7a1a8c}.ignite:active{transform:translateY(1px)}.ignite:disabled{opacity:.7;cursor:default}.jam-sections-bar{flex-direction:column;gap:10px;padding:0;display:flex}.section-tabs{align-items:flex-start;gap:var(--s-3);flex-direction:row;display:flex}.section-tab{border-radius:var(--r-pill);color:var(--ink-2);cursor:pointer;transition:background var(--ease), color var(--ease), border-color var(--ease), box-shadow var(--ease);background:#ffffff0d;border:1px solid #0000;align-items:center;gap:8px;padding:6px 14px;display:inline-flex;position:relative}.section-tab:hover{color:var(--ink-1);background:#ffffff17}.section-tab:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.section-tab.is-idle .section-name,.section-tab.is-idle .section-key{color:var(--ink-3)}.section-tab.is-active{background:#5fd4c41f;border-color:#5fd4c466}.section-tab.is-active .section-name,.section-tab.is-active .section-key{color:var(--cool)}.section-tab.is-active .section-style{color:var(--ink-2)}.section-tab.is-queued{border-color:var(--warm);animation:.6s ease-in-out infinite alternate section-queue-pulse}.section-tab.is-queued .section-name,.section-tab.is-queued .section-key{color:var(--warm-glow)}@keyframes section-queue-pulse{0%{box-shadow:none;border-color:#ff7a1a40}to{border-color:var(--warm);box-shadow:0 0 8px -2px var(--warm)}}.section-key{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);opacity:.8;font-size:9px;font-weight:700;line-height:1.4}.section-name{font-family:var(--disp);font-weight:700;font-size:var(--t-11);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);line-height:1.1}.section-style{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:9px;line-height:1}.section-cell{flex-direction:column;align-items:center;gap:5px;display:flex}.section-stepper{justify-content:center;align-items:center;gap:6px;display:none}.section-cell.song-on .section-stepper{display:flex}.section-step-btn{font-family:var(--mono);color:var(--ink-secondary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);cursor:pointer;width:22px;height:20px;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;font-size:13px;font-weight:700;line-height:1}.section-step-btn:hover{color:var(--cyan-data);box-shadow:var(--recess), 0 0 0 1px var(--cyan-data)}.section-step-btn:focus-visible{outline:2px solid var(--amber-hot);outline-offset:1px}.section-step-count{font-family:var(--mono);color:var(--ink-primary);text-align:center;min-width:16px;font-size:11px;font-weight:700}.section-tab.is-zero{opacity:.4;background:#ffffff05}.section-tab.is-zero .section-name,.section-tab.is-zero .section-key,.section-tab.is-zero .section-style{color:var(--ink-3)}.song-toggle-row{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-tertiary);align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex}.section-arrows{gap:4px;margin-left:auto;display:flex}.section-arrow{color:var(--ink-secondary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;padding:5px 9px;font-size:11px;line-height:1}.section-arrow:hover{color:var(--cyan-data);box-shadow:var(--recess), 0 0 0 1px var(--cyan-data)}.section-arrow:focus-visible{outline:2px solid var(--amber-hot);outline-offset:1px}.jam-duo{gap:var(--s-4) var(--s-5);flex-wrap:wrap;align-items:flex-start;display:flex}.jam-duo>.jam-section{flex:280px;min-width:0}.practice-stop .section-stepper,.practice-loop .section-stepper{display:flex}.song-toggle-row .ctl>.sw,.ws-controls .ctl>.sw{margin:2px 0}.song-toggle-row .cval:empty,.ws-controls .cval:empty{display:none}.jam-practice .song-toggle-row{flex-wrap:wrap;align-items:flex-end;row-gap:8px}.jam-practice .clabel,.jam-practice .ws-field-label{white-space:nowrap}.jam-woodshed .section-stepper{display:flex}.ws-controls{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:8px;display:flex}.ws-field{flex-direction:column;align-items:center;gap:5px;display:flex}.ws-field-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-tertiary);font-size:9px;font-weight:700}.ws-reset{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-secondary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);cursor:pointer;transition:color var(--snap), box-shadow var(--snap);border:1px solid #000;padding:8px 12px;font-size:10px;font-weight:700}.ws-reset:hover{color:var(--amber-hot);box-shadow:var(--recess), 0 0 0 1px var(--amber-deep)}.ws-reset:focus-visible{outline:2px solid var(--amber-hot);outline-offset:1px}.ws-readout{font-family:var(--mono);letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-height:14px;margin-top:8px;font-size:13px;display:flex}.ws-line{color:var(--amber-glow);font-size:13px;font-weight:500}.ws-next{color:var(--ink-tertiary)}.ws-line.ws-flash{animation:.55s ease-out wsFlash}@keyframes wsFlash{0%{color:#fff;text-shadow:0 0 10px var(--amber-glow)}to{color:var(--amber-glow);text-shadow:none}}@media (width<=800px){body{padding:16px}}@media (width>=641px) and (width<=920px){.transport-line{gap:12px 16px}.transport-left,.transport-right{flex:0 auto;gap:12px 14px}.jam-scale-gloss{white-space:normal}.jam-mixer{flex-direction:column;align-items:stretch;gap:14px}.jam-mixer-row{grid-template-columns:48px 1fr auto;grid-template-areas:"label select mute""slider slider slider";gap:8px 10px}.jam-mixer-label{grid-area:label}.jam-mixer-select{grid-area:select}.jam-mixer-slider{grid-area:slider}.jam-mute-led{grid-area:mute}.fb-dot{width:clamp(15px,2vw,19px);height:clamp(15px,2vw,19px)}.fb-dot-name{font-size:8px}.fb-dot.fb-now-root{width:clamp(20px,2.6vw,25px);height:clamp(20px,2.6vw,25px)}.fb-dot.fb-next-root{width:clamp(18px,2.4vw,23px);height:clamp(18px,2.4vw,23px)}.fb-board.fb-focus .fb-dot:not(.fb-now):not(.fb-now-root):not(.fb-shared):not(.fb-next):not(.fb-next-root){width:clamp(14px,1.9vw,17px);height:clamp(14px,1.9vw,17px)}.fb-board.fb-focus .fb-dot:not(.fb-now):not(.fb-now-root):not(.fb-shared):not(.fb-next):not(.fb-next-root) .fb-dot-name{font-size:8px}}@media (width<=640px){body{padding:0;display:block}.rack{width:100%;box-shadow:none;padding-bottom:calc(72px + env(safe-area-inset-bottom));border:none}.rackhead{height:auto;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.rackhead .brand{order:1}.rackhead .transport{order:2;justify-self:auto;margin-left:auto}.rackhead .mode-toggle{flex-basis:100%;order:3}.mode-btn{text-align:center;flex:1;padding:12px 0;font-size:15px}.rackfoot{padding:12px max(24px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-wrap:wrap;align-items:center;row-gap:10px}.rackfoot>span:first-child{flex:100%}.rackfoot .meter{margin-left:auto}.panel{padding:12px 12px 18px}.pb-chips{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;width:100%;display:grid}.pb-chip{text-align:center;padding:9px 8px}.pb-hint{flex-basis:100%}.modules{gap:10px}.mod,.preset-bar{margin-bottom:0}.seqhead{flex-wrap:wrap;gap:10px}.seqctrls{flex-wrap:wrap;gap:12px 18px}.section-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.chord-grid{grid-template-columns:repeat(4,1fr)}.transport-line{gap:12px 16px}.transport-left,.transport-right{flex:0 auto;justify-content:flex-start;gap:12px 14px}.jam-scale-gloss{white-space:normal;text-align:left}.jam-mixer{flex-direction:column;align-items:stretch;gap:14px}.jam-mixer-row{grid-template-columns:48px 1fr auto;grid-template-areas:"label select mute""slider slider slider";gap:8px 10px}.jam-mixer-label{grid-area:label}.jam-mixer-select{grid-area:select}.jam-mixer-slider{grid-area:slider}.jam-mute-led{grid-area:mute}.pb-chip,.jam-chip,.lane-tab,.minibtn,.led,.jam-mute-led,.rec-btn,.share-btn,.ws-reset,.fb-overlay-toggle,.mod-action,.picker-btn,.jam-inspire,.fb-head{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.sel,select.drop,.jam-drop,.jam-mixer-select{height:44px;min-height:44px}.stage-play{flex-basis:44px;width:44px;height:44px}.mode-btn{padding:14px 0}.section-step-btn{width:44px;height:44px}.section-arrow{min-width:40px;min-height:40px;padding:8px 12px}.sw:before{content:"";position:absolute;inset:-11px 0}.steps,.lane-editor{grid-template-columns:repeat(8,1fr)}.fb-dot{width:clamp(13px,3.8vw,16px);height:clamp(13px,3.8vw,16px)}.fb-dot-name{font-size:7px}.fb-dot.fb-now-root{width:19px;height:19px}.fb-dot.fb-next-root{width:17px;height:17px}.fb-board.fb-focus .fb-dot:not(.fb-now):not(.fb-now-root):not(.fb-shared):not(.fb-next):not(.fb-next-root){width:12px;height:12px}.fb-board.fb-focus .fb-dot:not(.fb-now):not(.fb-now-root):not(.fb-shared):not(.fb-next):not(.fb-next-root) .fb-dot-name{font-size:7px}.mobile-transport{justify-content:space-between;align-items:center;gap:var(--s-4);z-index:var(--z-overlay);background:var(--bg-panel);border-top:1px solid var(--line-strong);padding:8px max(16px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -12px #000c}.mt-left{align-items:center;gap:var(--s-4);display:flex}.mobile-transport .tempo-num{font-size:var(--t-26)}.mobile-transport .tempo-readout{min-height:44px}.mt-mode{gap:4px;display:flex}.mt-mode button{min-width:46px;min-height:44px;font-family:var(--disp);font-weight:700;font-size:var(--t-13);letter-spacing:.1em;color:var(--ink-3);background:var(--bg-recess);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 10px}.mt-mode button.active{color:var(--ink-1);background:var(--bg-elevated);border-color:var(--line-strong)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mv-label,.pb-label,.pb-chip,.mod h3,.clabel,.seqhead h3,.lane-tab,.field label,.fb-overlay-toggle,.jam-tap,.section-legend,.jam-field label,.jam-row-label,.jam-template-toggle,.jam-chip,.picker-title,.picker-btn,.jam-mixer-label,.section-style,.section-step-btn,.ws-field-label,.ws-reset,.minibtn,.mode-btn{font-family:var(--ui);letter-spacing:.05em}.pb-hint,.hint,.kbfoot,.arp-tpl-empty,.arp-flavor-caption,.jam-scale-gloss,.jam-live-caption,.warm-strip,.jam-disabled-hint,.song-toggle-row{font-family:var(--ui);letter-spacing:.01em}select.drop,.jam-mixer-select{font-family:var(--ui);letter-spacing:.02em}.field label,.jam-field label,.jam-row-label,.ws-field-label,.picker-title{font-size:11px}.lane-tab,.jam-template-toggle,.song-toggle-row,.kbfoot,.lane-readout .r-label{font-size:10px}