:root{--bg-void:#0a0a0f;--bg-panel:#14141c;--bg-recess:#08080d;--bg-elevated:#1c1c26;--ink-primary:#e8e4d9;--ink-secondary:#b0ab9d;--ink-tertiary:#8e887a;--amber-hot:#ff8a3d;--amber-glow:#ffb877;--amber-deep:#6b3410;--cyan-data:#5fd4d6;--cyan-deep:#1f4a4b;--violet-mod:#8b7fd9;--red-clip:#e94b3c;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--disp:"Inter", -apple-system, system-ui, sans-serif;--t-micro:11px;--t-value:13px;--t-step:16px;--t-header:22px;--t-key:36px;--t-tempo:96px;--snap:80ms cubic-bezier(.2, .9, .3, 1);--ease:.18s cubic-bezier(.4, 0, .2, 1);--settle:.42s cubic-bezier(.2, 0, 0, 1);--highlight:inset 0 1px 0 #ffffff0a;--shadow:0 1px 0 #0009;--recess:inset 0 1px 2px #000c, inset 0 -1px 0 #ffffff08;--r-sm:3px;--r-md:4px;--r-lg:6px}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--amber-hot);outline-offset:2px}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{background:var(--bg-panel);box-shadow:var(--highlight);border-bottom:1px solid #000;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:18px 24px;display:grid}.brand{flex-direction:column;gap:2px;display:flex}.wordmark{font-family:var(--disp);font-weight:800;font-size:var(--t-header);letter-spacing:.04em;color:var(--ink-primary);line-height:1}.caption{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-tertiary);font-size:10px}.mode-toggle{background:var(--bg-recess);box-shadow:var(--recess);border:1px solid #000;gap:0;padding:4px;display:inline-flex;position:relative}.mode-btn{font-family:var(--disp);letter-spacing:.18em;color:var(--ink-secondary);z-index:1;transition:color var(--snap);padding:8px 28px;font-size:14px;font-weight:700;position:relative}.mode-btn:hover,.mode-btn.active{color:var(--ink-primary)}.mode-indicator{background:var(--bg-elevated);width:calc(50% - 4px);transition:transform 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(--cyan-deep);transform:translate(100%)}.mode-toggle.is-jam .mode-btn.active{color:var(--cyan-data)}.transport{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.2em;color:var(--ink-secondary);justify-self:end;align-items:center;gap:10px;display:flex}.pwr{background:var(--ink-tertiary);width:8px;height:8px;transition:background var(--ease), box-shadow var(--ease)}.pwr.on{background:var(--amber-hot);box-shadow:0 0 0 1px var(--amber-hot), 0 0 10px -1px var(--amber-glow)}.status{font-weight:700}.hdr-side{align-items:center;gap:14px;display:inline-flex}.hdr-play{border-radius:var(--r-sm);background:var(--bg-elevated);width:34px;height:34px;box-shadow:var(--highlight), var(--shadow);cursor:pointer;transition:box-shadow var(--snap), background var(--snap);border:1px solid #000;justify-content:center;align-items:center;padding:0;display:inline-flex}.hdr-play:hover{box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--ink-tertiary)}.hdr-play:active{box-shadow:var(--recess)}.hdr-play .play-icon{width:13px;height:13px}.master-vol{background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-sm);border:1px solid #000;align-items:center;gap:10px;margin-right:14px;padding:5px 12px;display:inline-flex}.mv-label{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-tertiary);font-size:9px;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:10px;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:.22em;color:var(--ink-tertiary);font-size:9px;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)}.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{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px;display:grid}.mod{background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border:1px solid #000;min-height:132px;padding:14px 16px 16px}.mod h3{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-secondary);align-items:center;gap:6px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.mod h3:before{content:"";background:var(--amber-deep);width:5px;height:5px}.mod-actions{gap:4px;margin-left:auto;display:inline-flex}.mod-action{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-tertiary);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;font-size:9px;font-weight:700;line-height:1}.mod-action:hover{color:var(--amber-hot);box-shadow:var(--recess), 0 0 0 1px var(--amber-hot)}.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);letter-spacing:.18em;color:var(--ink-tertiary);text-transform:uppercase;text-align:center;font-size:9px}.cval{font-family:var(--mono);color:var(--cyan-data);letter-spacing:.04em;font-variant-numeric:tabular-nums;min-height:12px;font-size:10px;font-weight:500}.ctl>.sw{margin:11px 0}.ctl>.sel{margin:8px 0}.knob{cursor:ns-resize;touch-action:none;background:var(--bg-recess);width:44px;height:44px;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(--amber-hot);width:2px;height:12px;box-shadow:0 0 6px -1px var(--amber-glow);position:absolute;top:6px;left:50%;transform:translate(-50%)}.knob:hover{box-shadow:var(--recess), 0 0 0 1px var(--ink-tertiary)}.knob.drag{box-shadow:var(--recess), 0 0 0 1px var(--amber-hot)}.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-tertiary)}.sval{font-family:var(--mono);letter-spacing:.14em;color:var(--amber-hot);font-size:11px;font-weight:700}.sel:before,.sel:after{color:var(--ink-tertiary);font-size:8px;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;border:1px solid #000;position:relative}.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(--amber-hot);box-shadow:0 0 0 1px var(--amber-hot), 0 0 8px -1px var(--amber-glow);left:21px}.play-btn{border-radius:var(--r-md);background:var(--bg-elevated);min-width:54px;height:44px;box-shadow:var(--highlight), var(--shadow);cursor:pointer;transition:box-shadow var(--snap), background var(--snap);border:1px solid #000;justify-content:center;align-items:center;padding:0 14px;display:flex}.play-btn:hover{box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--ink-tertiary)}.play-btn:active{box-shadow:var(--recess)}.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)}.play-btn.playing,.hdr-play.playing{box-shadow:var(--highlight), 0 0 0 1px var(--amber-hot), 0 0 14px -3px var(--amber-glow)}.play-btn.playing .play-icon,.hdr-play.playing .play-icon{clip-path:none;background:linear-gradient(90deg, var(--amber-hot) 0 38%, transparent 38% 62%, var(--amber-hot) 62% 100%)}.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:6px;margin-bottom:10px;display:grid}.step.beyond,.lane-cell.beyond{display:none}.step{border-radius:var(--r-md);background:var(--bg-elevated);height:56px;box-shadow:var(--highlight), var(--shadow);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):before{content:"";background:var(--ink-tertiary);height:2px;position:absolute;top:0;left:0;right:0}.stepfill{border-radius:var(--r-sm);background:var(--ink-tertiary);height:0;transition:height var(--ease), background var(--ease);margin:0 6px}.step.on .stepfill{background:var(--amber-deep);height:50%}.step.acc .stepfill{background:var(--amber-hot);height:100%;box-shadow:0 0 8px -2px var(--amber-glow)}.playled{background:var(--ink-tertiary);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(--highlight), 0 0 0 1px var(--amber-hot), 0 0 14px -2px var(--amber-glow)}.step.live .playled{background:var(--amber-hot);box-shadow:0 0 6px var(--amber-glow)}.mod-lanes{border-top:1px solid var(--ink-tertiary);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-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 12px;font-size:9px;font-weight:700;position:relative}.lane-tab:hover{color:var(--ink-primary)}.lane-tab.active{color:var(--cyan-data);box-shadow:var(--recess), inset 0 -2px 0 var(--cyan-data)}.lane-tab.has-data:after{content:"";background:var(--cyan-data);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:6px;height:84px;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(--cyan-data);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.live .lane-bar{opacity:1;background:var(--amber-hot)}.lane-cell.zero .lane-bar{opacity:.15}.lane-cell.live{box-shadow:var(--recess), 0 0 0 1px var(--amber-glow)}.cell-value{text-align:center;font-family:var(--mono);color:var(--ink-tertiary);letter-spacing:.05em;pointer-events:none;transition:color var(--snap);z-index:2;font-size:9px;font-weight:700;position:absolute;top:4px;left:0;right:0}.lane-cell:hover .cell-value{color:var(--cyan-data)}.lane-cell.zero .cell-value{color:var(--ink-tertiary);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(--cyan-data)}.ghost-tick.g-gate{background:var(--violet-mod)}.ghost-tick.g-octave{background:var(--amber-glow)}.ghost-tick.g-ratchet{background:#6fcf97}.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-tertiary);font-size:9px}.lane-readout .r-value{color:var(--cyan-data);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.kbwrap{background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border:1px solid #000;padding:16px 18px 18px}.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-tertiary);text-transform:uppercase;font-size:9px}select.drop{appearance:none;font-family:var(--mono);color:var(--ink-primary);background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-md);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink-secondary) 50%), linear-gradient(135deg, var(--ink-secondary) 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);letter-spacing:.16em;color:var(--ink-primary);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;font-size:11px;font-weight:700}.minibtn:hover{color:var(--amber-hot);box-shadow:var(--recess), 0 0 0 1px var(--amber-hot)}.minibtn.seq-action{letter-spacing:.18em;align-items:center;height:44px;padding:0 13px;font-size:10px;display:inline-flex}.minibtn.flash{color:var(--amber-hot);box-shadow:var(--recess), 0 0 0 1px var(--amber-hot), 0 0 12px var(--amber-hot)}.hint{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-secondary);text-align:right;max-width:420px;font-size:10px}.hint b{color:var(--amber-hot);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);border:1px solid #000;flex:1;position:relative;box-shadow:inset 0 -8px 12px #00000029}.wkey.scale:after{content:"";background:var(--cyan-data);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:var(--ink-tertiary);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700;position:absolute;bottom:22px;left:0;right:0}.wkey.tonic .kdeg{color:var(--amber-hot)}.wkey.out-of-scale{background:#e8e4d966}.wkey.out-of-scale .kdeg{display:none}.wkey.tonic:before{content:"";background:var(--amber-hot);width:6px;height:6px;box-shadow:0 0 6px var(--amber-glow);z-index:2;pointer-events:none;border-radius:50%;position:absolute;top:8px;left:50%;transform:translate(-50%)}.wkey.press,.wkey.held{background:var(--amber-glow)}.wkey.latched{background:var(--amber-hot)}.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);border:1px solid #000;position:absolute;top:0}.bkey.scale{box-shadow:var(--highlight), 0 3px 6px #0009, inset 0 0 0 1px var(--cyan-data)}.bkey.scale:after{content:"";background:var(--cyan-data);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(--cyan-data);opacity:.85;font-size:8px;bottom:18px}.bkey.tonic .kdeg{color:var(--amber-hot);opacity:1}.bkey.out-of-scale{opacity:.5}.bkey.out-of-scale .kdeg{display:none}.bkey.tonic:before{content:"";background:var(--amber-hot);width:5px;height:5px;box-shadow:0 0 5px var(--amber-glow);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(--amber-hot)}.kbfoot{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-tertiary);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:9px;display:flex}.kbf-legend{align-items:center;gap:4px;display:inline-flex}.kbf-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 4px 0 0;display:inline-block}.kbf-dot.tonic{background:var(--amber-hot);box-shadow:0 0 4px var(--amber-glow)}.kbf-dot.scale{background:var(--cyan-data);opacity:.6}.fbwrap{background:var(--bg-recess);box-shadow:var(--recess);border-radius:var(--r-md);border:1px solid #000;margin-top:14px;padding:10px 8px}.fb-board{aspect-ratio:1672/255;-webkit-user-select:none;user-select:none;width:100%;position:relative}.fb-img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset: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:12px;margin-top:4px;position:relative}.fb-fret-num{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-tertiary);font-size:9px;font-weight:500;line-height:1;position:absolute;top:0;transform:translate(-50%)}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}.jam-panel{padding:24px}.jam-slab,.arp-slab{background:var(--bg-recess);box-shadow:var(--recess);border:1px solid #000;flex-direction:column;gap:18px;padding:22px 26px;display:flex}.arp-slab{gap:12px;margin-top:14px;padding:16px 22px}.jam-section,.arp-section{flex-direction:column;gap:10px;display:flex}.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}.jam-header{border-bottom:1px solid #ffffff0a;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding-bottom:16px;display:grid}.jam-header-left{align-items:center;gap:18px;display:flex}.jam-header-mid{justify-content:center;align-items:flex-end;gap:14px;display:flex}.jam-header-right{justify-content:flex-end;align-items:center;gap:14px;display:flex}.jam-tempo-block{align-items:baseline;gap:10px;display:flex}.jam-tempo-num{font-family:var(--disp);color:var(--ink-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:1}.jam-tempo-label{font-family:var(--mono);letter-spacing:.28em;color:var(--ink-tertiary);text-transform:uppercase;font-size:11px}.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(--mono);letter-spacing:.22em;color:var(--cyan-data);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), transform var(--snap);border:1px solid #000;padding:10px 16px;font-size:11px;font-weight:700}.jam-inspire:hover{color:var(--bg-void);background:var(--cyan-data);box-shadow:0 0 0 1px var(--cyan-data), 0 0 14px -2px var(--cyan-data)}.jam-inspire:active{transform:translateY(1px)}.jam-scale-gloss{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-tertiary);text-align:center;grid-column:1/-1;margin-top:10px;font-size:10px}.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}.onboard-hint{z-index:1000;background:var(--bg-elevated);border:1px solid var(--cyan-deep);border-radius:var(--r-md);max-width:470px;box-shadow:var(--shadow), 0 0 26px -6px #5fd4d666;padding:18px 22px;animation:.3s onboard-in;position:fixed;top:18px;left:50%;transform:translate(-50%)}@keyframes onboard-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.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)}.warm-standalone{z-index:1000;background:var(--bg-elevated);border:1px solid var(--cyan-deep);border-radius:var(--r-md);width:min(340px,100vw - 32px);box-shadow:var(--shadow), 0 0 26px -6px #5fd4d666;padding:12px 16px;animation:.3s onboard-in;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.onboard-title{font-family:var(--mono);letter-spacing:.22em;color:var(--cyan-data);margin-bottom:10px;font-size:12px;font-weight:700}.onboard-steps{font-family:var(--mono);color:var(--ink-secondary);flex-direction:column;gap:7px;margin:0 0 14px;padding:0;font-size:11px;line-height:1.45;list-style:none;display:flex}.onboard-steps b{color:var(--ink-primary);font-weight:700}.onboard-steps kbd{color:var(--ink-secondary);background:var(--bg-recess);border:1px solid #000;border-radius:3px;padding:1px 5px;font-size:9px}.onboard-close{color:var(--ink-tertiary);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.onboard-close:hover{color:var(--ink-primary)}.onboard-ok{font-family:var(--mono);letter-spacing:.18em;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:11px;font-weight:700}.onboard-ok:hover{box-shadow:0 0 12px -2px var(--cyan-data)}.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{min-width:96px}.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)}.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{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.chord-cell{background:var(--bg-panel);box-shadow:var(--highlight), var(--shadow);border-radius:var(--r-md);cursor:pointer;min-height:74px;transition:box-shadow var(--snap), background var(--snap);border:1px solid #000;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 10px;display:flex;position:relative}.chord-cell:hover{box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--ink-tertiary)}.chord-cell.is-live{background:var(--bg-elevated);box-shadow:var(--highlight), 0 0 0 1px var(--amber-hot), 0 0 14px -2px var(--amber-glow)}.chord-cell.empty .chord-roman{color:var(--ink-tertiary)}.chord-roman{font-family:var(--disp);letter-spacing:.02em;color:var(--ink-primary);font-size:22px;font-weight:800;line-height:1}.chord-cell.is-live .chord-roman{color:var(--amber-hot)}.chord-letter-ghost{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-secondary);opacity:.95;margin-top:2px;font-size:12px}.chord-cell.is-live .chord-letter-ghost{color:var(--cyan-data);opacity:1}.chord-cell.continuation{opacity:.55;border-left:1px dashed var(--ink-tertiary)}.chord-cell.continuation .chord-letter-ghost{opacity:.7;font-size:10px}.chord-cell.continuation.is-live{opacity:.85}.chord-cell.out-of-mode:after{content:"";background:var(--cyan-data);opacity:.65;width:5px;height:5px;box-shadow:0 0 6px -1px var(--cyan-data);border-radius:50%;position:absolute;top:6px;right:6px}.chord-picker{background:var(--bg-elevated);box-shadow:var(--highlight), 0 8px 22px -4px #000c;border-radius:var(--r-md);z-index:30;border:1px solid #000;flex-direction:column;gap:8px;min-width:240px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.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:24px;flex-direction:row!important}.jam-mixer-rows{flex-direction:column;flex:auto;gap:8px;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);letter-spacing:.18em;color:var(--ink-secondary);font-size:10px;font-weight:700}.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{background:var(--bg-panel);box-shadow:var(--highlight);font-family:var(--mono);letter-spacing:.18em;color:var(--ink-tertiary);text-transform:uppercase;border-top:1px solid #000;justify-content:space-between;padding:12px 24px;font-size:9.5px;display:flex}.meter{color:var(--cyan-data);font-variant-numeric:tabular-nums;transition:color var(--snap)}.meter.hot{color:var(--amber-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{letter-spacing:.22em;border-radius:var(--r-sm);padding:4px 12px;font-size:9.5px}.share-btn.ok{color:var(--cyan-data);box-shadow:var(--recess), 0 0 0 1px var(--cyan-data)}.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:60;text-align:center;background:#08080df5;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex;position:fixed;inset:0}.gate p{font-family:var(--mono);letter-spacing:.28em;color:var(--ink-secondary);font-size:10px;line-height:1.9}.gate.hidden{display:none}.ignite{font-family:var(--disp);letter-spacing:.24em;background:var(--amber-hot);color:var(--bg-void);cursor:pointer;border:1px solid var(--amber-hot);box-shadow:0 0 0 1px var(--amber-hot), 0 0 40px -4px var(--amber-glow);transition:transform var(--snap), box-shadow var(--snap);padding:16px 40px;font-size:16px;font-weight:800}.ignite:hover{box-shadow:0 0 0 1px var(--amber-hot), 0 0 60px -2px var(--amber-glow);transform:translateY(-1px)}.ignite:active{transform:translateY(0)}.jam-sections-bar{flex-direction:column;gap:10px;padding:0;display:flex}.section-tabs{flex-direction:row;gap:6px;display:flex}.section-tab{border-radius:var(--r-sm);background:var(--bg-elevated);width:100%;box-shadow:var(--highlight), var(--shadow);cursor:pointer;transition:background var(--snap), color var(--snap), box-shadow var(--snap);border:1px solid #000;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 12px;display:flex;position:relative}.section-tab:hover{box-shadow:var(--highlight), var(--shadow), 0 0 0 1px var(--ink-tertiary)}.section-tab:focus-visible{outline:2px solid var(--amber-hot);outline-offset:2px}.section-tab.is-idle{background:var(--bg-recess);box-shadow:var(--recess)}.section-tab.is-idle .section-name,.section-tab.is-idle .section-key{color:var(--ink-tertiary)}.section-tab.is-active{background:var(--cyan-deep);border-color:var(--cyan-data);box-shadow:var(--highlight), 0 0 0 1px var(--cyan-data), 0 0 12px -2px var(--cyan-data)}.section-tab.is-active .section-name{color:var(--cyan-data)}.section-tab.is-active .section-key{color:var(--cyan-data);opacity:.8}.section-tab.is-active .section-style{color:var(--ink-secondary)}.section-tab.is-queued{background:var(--bg-elevated);border-color:var(--cyan-data);animation:.6s ease-in-out infinite alternate section-queue-pulse}.section-tab.is-queued .section-name{color:var(--ink-primary)}.section-tab.is-queued .section-key{color:var(--cyan-data)}@keyframes section-queue-pulse{0%{border-color:var(--cyan-deep);box-shadow:var(--highlight), var(--shadow)}to{border-color:var(--cyan-data);box-shadow:var(--highlight), 0 0 0 1px var(--cyan-data), 0 0 8px -2px var(--cyan-data)}}.section-key{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-tertiary);background:var(--bg-recess);border-radius:var(--r-sm);border:1px solid #000;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4}.section-name{font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-primary);font-size:13px;font-weight:700;line-height:1.1}.section-style{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-tertiary);font-size:.7em;line-height:1}.section-cell{flex-direction:column;flex:1 1 0;gap:5px;min-width:0;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{background:var(--bg-recess);box-shadow:var(--recess);opacity:.4}.section-tab.is-zero .section-name,.section-tab.is-zero .section-key,.section-tab.is-zero .section-style{color:var(--ink-tertiary)}.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}@media (width<=1280px){.modules{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.modules{grid-template-columns:repeat(2,1fr)}body{padding:16px}}@media (width>=641px) and (width<=920px){.jam-header{flex-wrap:wrap;gap:12px 16px;display:flex}.jam-header-left,.jam-header-mid,.jam-header-right{flex-wrap:wrap;flex:0 auto;align-items:center;gap:12px 14px}.jam-header-right{margin-left:auto}.jam-scale-gloss{white-space:normal;flex-basis:100%}.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}}@media (width<=640px){body{padding:0;display:block}.rack{width:100%;box-shadow:none;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 .hdr-side{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))}.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{grid-template-columns:1fr;gap:10px}.seqwrap,.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)}.jam-header{flex-wrap:wrap;gap:12px 16px;display:flex}.jam-header-left,.jam-header-mid,.jam-header-right{flex-wrap:wrap;flex:0 auto;justify-content:flex-start;align-items:center;gap:12px 14px}.jam-scale-gloss{white-space:normal;flex-basis:100%}.jam-mixer{align-items:stretch;gap:14px;flex-direction:column!important}.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}:root{--t-tempo:60px;--t-key:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}