.lai-panel{--lai-bg: #0a0d10;--lai-panel: #0f1419;--lai-line: #1c2530;--lai-ink: #d7e0e8;--lai-dim: #5b6b7b;--lai-amber: #ffb020;--lai-amber-dim: #7a5710;--lai-scope: #35e0a0;--lai-scope-dim: #0f4d38;--lai-warn: #ff5c5c;--lai-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;background:var(--lai-bg);color:var(--lai-ink);font-family:var(--lai-mono);border:1px solid var(--lai-line);display:flex;flex-direction:column;gap:0;-webkit-font-smoothing:antialiased}.lai-panel *,.lai-panel *:before,.lai-panel *:after{box-sizing:border-box}.lai-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--lai-line);background:var(--lai-panel)}.lai-brand{display:flex;align-items:center;gap:12px;min-width:0}.lai-brand-sub{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--lai-dim);border-left:1px solid var(--lai-line);padding-left:12px;white-space:nowrap}.lai-title{margin:0;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.lai-title:before{content:"◢";color:var(--lai-amber);font-size:16px;margin-right:10px}.lai-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lai-phase{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-dim);font-variant-numeric:tabular-nums;min-width:11ch}.lai-phase--recording,.lai-phase--counting-in{color:var(--lai-warn);font-weight:700}.lai-building{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-amber)}.lai-button{background:transparent;color:var(--lai-ink);border:1px solid var(--lai-line);border-radius:0;padding:6px 12px;font-family:inherit;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.lai-button:hover:not(:disabled){border-color:var(--lai-amber);color:var(--lai-amber)}.lai-button:disabled{opacity:.35;cursor:not-allowed}.lai-button--primary{background:var(--lai-amber);border-color:var(--lai-amber);color:#0a0d10;font-weight:700}.lai-button--primary:hover:not(:disabled){background:#ffc451;color:#0a0d10}.lai-button--record{color:var(--lai-warn);border-color:var(--lai-warn)}.lai-button--record:hover:not(:disabled){background:var(--lai-warn);color:#0a0d10;border-color:var(--lai-warn)}.lai-button--danger{background:var(--lai-warn);border-color:var(--lai-warn);color:#0a0d10;font-weight:700}.lai-button--quiet{color:var(--lai-dim)}.lai-toggle{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-dim);border:1px solid var(--lai-line);padding:5px 10px;cursor:pointer}.lai-toggle:has(input:checked){color:var(--lai-amber);border-color:var(--lai-amber-dim)}.lai-toggle input{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin:0;border:1px solid var(--lai-dim);border-radius:0;background:transparent;cursor:pointer}.lai-toggle input:checked{background:var(--lai-amber);border-color:var(--lai-amber)}.lai-toggle input:focus-visible{outline:1px solid var(--lai-amber);outline-offset:2px}.lai-error,.lai-notice{margin:12px 18px 0;padding:8px 12px;font-size:12px;border:1px solid var(--lai-line)}.lai-error{color:var(--lai-warn);border-color:var(--lai-warn);background:#ff5c5c14}.lai-error strong{text-transform:uppercase;letter-spacing:1px;margin-right:6px}.lai-notice{color:var(--lai-amber);border-color:var(--lai-amber-dim);background:#ffb0200f}.lai-notice--blocking{color:var(--lai-warn);border-color:var(--lai-warn);background:#ff5c5c14}.lai-warning{display:block;font-size:11px;letter-spacing:.5px;color:var(--lai-amber)}.lai-gate{margin:18px;padding:28px 18px;background:var(--lai-panel);border:1px dashed var(--lai-line);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lai-gate p{margin:0;font-size:12px;color:var(--lai-dim)}.lai-grid{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:32rem;overflow:hidden}.lai-col{display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--lai-panel);overflow:auto}.lai-col-left{border-right:1px solid var(--lai-line)}.lai-panel-title{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--lai-amber);border-bottom:1px solid var(--lai-line);padding-bottom:8px}.lai-genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lai-genre-chip{background:transparent;border:1px solid var(--lai-line);border-radius:0;color:var(--lai-dim);padding:6px 4px;font-family:inherit;font-size:9px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-align:center}.lai-genre-chip:hover:not(:disabled){border-color:var(--lai-amber-dim);color:var(--lai-ink)}.lai-genre-chip--active{background:var(--lai-amber);border-color:var(--lai-amber);color:#0a0d10;font-weight:700}.lai-genre-chip:disabled{opacity:.4;cursor:not-allowed}.lai-block-row{display:flex;gap:5px}.lai-fld{background:var(--lai-bg);border:1px solid var(--lai-line);border-radius:0;color:var(--lai-ink);font-family:inherit;font-size:12px;letter-spacing:1px;padding:6px 8px;min-width:0}.lai-fld:focus{outline:none;border-color:var(--lai-amber)}.lai-fld:disabled{opacity:.45;cursor:not-allowed}.lai-block-input{flex:1}.lai-landmarks{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.lai-button--small{padding:5px 9px;font-size:10px}.lai-button--tiny{padding:3px 6px;font-size:9px;letter-spacing:.5px;color:var(--lai-dim);align-self:flex-start}.lai-slider-row{display:flex;align-items:center;gap:8px}.lai-hint{margin:0;font-size:10px;line-height:1.5;letter-spacing:.5px;color:var(--lai-dim);border-left:2px solid var(--lai-amber-dim);padding-left:8px}.lai-field{display:flex;flex-direction:column;gap:3px}.lai-fld-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--lai-dim)}.lai-fld-value{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-ink)}.lai-status-block{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--lai-line);background:var(--lai-bg)}.lai-seed{font-size:11px;letter-spacing:1px;color:var(--lai-scope);word-break:break-all}.lai-arrangement-actions{display:flex;gap:5px;align-items:center}.lai-arrangement-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--lai-line);padding-bottom:8px}.lai-panel-title--inline{border-bottom:0;padding-bottom:0}.lai-button--on{color:#4ea1ff;border-color:#4ea1ff}.lai-arrangement{display:flex;gap:3px;align-items:stretch}.lai-slot{flex:1 1 0;min-width:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;border:1px solid var(--lai-line);border-radius:0;cursor:pointer;font-family:inherit;overflow:hidden;background:hsl(var(--lai-slot-hue, 0) 40% 14%);color:var(--lai-dim)}.lai-slot:hover{border-color:var(--lai-amber-dim);color:var(--lai-ink)}.lai-slot--take{color:var(--lai-ink)}.lai-slot--focused{background:var(--lai-amber);color:#0a0d10;border-color:var(--lai-amber)}.lai-slot--playing{border-color:var(--lai-scope);box-shadow:inset 0 0 0 1px var(--lai-scope)}.lai-slot--looping{border-color:#4ea1ff;box-shadow:inset 0 0 0 1px #4ea1ff}.lai-slot-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lai-slot-bars{font-size:8px;letter-spacing:1px;opacity:.7}.lai-sections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lai-section{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,max-content);align-items:center;gap:14px;padding:10px 12px;background:var(--lai-panel);border:1px solid var(--lai-line);border-left:3px solid transparent}.lai-section--focused{border-left-color:var(--lai-amber)}.lai-section-name{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0}.lai-section-label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.lai-section-name:hover .lai-section-label{color:var(--lai-amber)}.lai-section-meta{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-dim)}.lai-section-state{display:flex;gap:5px;flex-wrap:wrap}.lai-section-actions{display:flex;gap:5px}.lai-chip{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border:1px solid var(--lai-line);color:var(--lai-dim);white-space:nowrap}.lai-chip--empty{color:var(--lai-dim);border-color:var(--lai-line)}.lai-chip--take{color:var(--lai-ink);border-color:var(--lai-ink)}.lai-chip--band{color:var(--lai-scope);border-color:var(--lai-scope-dim)}.lai-chip--stale{color:var(--lai-warn);border-color:var(--lai-warn)}.lai-mixer{margin:0;padding:14px;background:var(--lai-panel);border:1px solid var(--lai-line);display:flex;flex-direction:column;gap:12px}.lai-mixer-head{display:flex;flex-direction:column;gap:4px}.lai-mixer-head h3{margin:0;font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--lai-amber);border-bottom:1px solid var(--lai-line);padding-bottom:8px}.lai-channels{display:flex;flex-direction:column;gap:7px}.lai-channel{display:grid;grid-template-columns:minmax(8rem,11rem) minmax(0,1fr) auto;align-items:center;gap:12px}.lai-master-name,.lai-channel-name{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lai-fader{width:100%;appearance:none;-webkit-appearance:none;height:4px;background:var(--lai-line);border-radius:0;outline:none;cursor:pointer}.lai-fader::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:var(--lai-amber);border:none;border-radius:0;cursor:pointer}.lai-fader::-moz-range-thumb{width:12px;height:12px;background:var(--lai-amber);border:none;border-radius:0;cursor:pointer}.lai-fader:disabled{opacity:.4;cursor:not-allowed}.lai-mute{background:transparent;border:1px solid var(--lai-line);border-radius:0;color:var(--lai-dim);width:26px;height:22px;font:inherit;font-size:10px;cursor:pointer}.lai-mute--on{background:var(--lai-warn);border-color:var(--lai-warn);color:#0a0d10;font-weight:700}.lai-drums{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--lai-panel);border:1px solid var(--lai-line)}.lai-drumgrid{display:flex;flex-direction:column;gap:3px;overflow-x:auto}.lai-dg-row{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:8px}.lai-dg-lane{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-dim);white-space:nowrap}.lai-dg-steps{display:flex;gap:2px;min-width:max-content}.lai-dg-cell{width:14px;height:14px;padding:0;border:1px solid var(--lai-line);border-radius:0;background:#060809;cursor:pointer}.lai-dg-cell:hover{border-color:var(--lai-amber-dim)}.lai-dg-cell--beat{border-left-color:var(--lai-dim)}.lai-dg-cell--bar{border-left-color:var(--lai-amber-dim)}.lai-dg-cell--on{background:var(--lai-amber);border-color:var(--lai-amber)}.lai-dg-cell--playing{box-shadow:inset 0 0 0 1px var(--lai-scope)}.lai-devices{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--lai-panel);border:1px solid var(--lai-line)}.lai-io-row{display:flex;gap:5px;align-items:center}.lai-io-select{flex:1;min-width:0;text-transform:none}.lai-input{display:flex;align-items:center;gap:12px}.lai-input-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--lai-dim);min-width:4rem}.lai-meter{flex:1;height:10px;background:#060809;border:1px solid var(--lai-line);overflow:hidden}.lai-meter-fill{height:100%;background:var(--lai-scope)}.lai-meter-fill--clip{background:var(--lai-warn)}.lai-botbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 18px;border-top:1px solid var(--lai-line);background:var(--lai-panel);font-size:10px;letter-spacing:2px;text-transform:uppercase}.lai-botbar-dim{color:var(--lai-dim)}@media(max-width:860px){.lai-grid{grid-template-columns:minmax(0,1fr);min-height:0;overflow:visible}.lai-col-left{border-right:0;border-bottom:1px solid var(--lai-line)}.lai-col{overflow:visible}}@media(max-width:640px){.lai-section{grid-template-columns:minmax(0,1fr);gap:8px}.lai-channel{grid-template-columns:minmax(0,1fr) auto}.lai-master-name,.lai-channel-name{grid-column:1 / -1}}