.lai-panel{--lai-bg: inherit;--lai-panel: inherit;--lai-line: currentColor;--lai-ink: inherit;--lai-dim: currentColor;--lai-amber: currentColor;--lai-amber-dim: var(--lai-amber);--lai-scope: currentColor;--lai-scope-dim: var(--lai-scope);--lai-warn: currentColor;--lai-on-accent: currentColor;background:var(--lai-bg);color:var(--lai-ink);font-family:inherit;border:1px solid color-mix(in srgb,var(--lai-line) 28%,transparent);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 color-mix(in srgb,var(--lai-line) 28%,transparent);background:var(--lai-panel)}.lai-brand{display:flex;align-items:center;gap:12px;min-width:0}.lai-brand-sub{font-size:.72rem;color:var(--lai-dim);border-left:1px solid color-mix(in srgb,var(--lai-line) 28%,transparent);padding-left:12px;white-space:nowrap}.lai-title{margin:0;font-size:1rem;font-weight:700}.lai-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lai-phase{font-size:.8rem;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:.8rem;color:var(--lai-amber)}.lai-button{background:transparent;color:var(--lai-ink);border:1px solid color-mix(in srgb,var(--lai-line) 42%,transparent);border-radius:inherit;padding:6px 12px;font-family:inherit;font-size:.85rem;line-height:1.25;cursor:pointer}.lai-button:hover:not(:disabled){border-color:var(--lai-amber);color:var(--lai-amber)}.lai-button:disabled{opacity:.4;cursor:not-allowed}.lai-button--primary{background:var(--lai-amber);border-color:var(--lai-amber);color:var(--lai-on-accent);font-weight:700}.lai-button--primary:hover:not(:disabled){background:var(--lai-amber);border-color:var(--lai-amber);filter:brightness(1.06);color:var(--lai-on-accent)}.lai-button--record{color:var(--lai-warn);border-color:var(--lai-warn)}.lai-button--record:hover:not(:disabled){background:var(--lai-warn);color:var(--lai-on-accent);border-color:var(--lai-warn)}.lai-button--danger{background:var(--lai-warn);border-color:var(--lai-warn);color:var(--lai-on-accent);font-weight:700}.lai-button--quiet{color:var(--lai-dim)}.lai-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--lai-dim);border:1px solid color-mix(in srgb,var(--lai-line) 42%,transparent);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:12px;height:12px;margin:0;border:1px solid var(--lai-dim);border-radius:inherit;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:.85rem;border:1px solid var(--lai-line)}.lai-error{color:var(--lai-warn);border-color:var(--lai-warn);background:color-mix(in srgb,var(--lai-warn) 8%,transparent)}.lai-error strong{margin-right:6px}.lai-notice{color:var(--lai-amber);border-color:var(--lai-amber-dim);background:color-mix(in srgb,var(--lai-amber) 6%,transparent)}.lai-notice--blocking{color:var(--lai-warn);border-color:var(--lai-warn);background:color-mix(in srgb,var(--lai-warn) 8%,transparent)}.lai-warning{display:block;font-size:.78rem;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:.85rem;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 color-mix(in srgb,var(--lai-line) 28%,transparent)}.lai-panel-title{font-size:.8rem;font-weight:600;color:var(--lai-dim);border-bottom:1px solid color-mix(in srgb,var(--lai-line) 28%,transparent);padding-bottom:8px}.lai-genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lai-genre-chip{background:transparent;border:1px solid color-mix(in srgb,var(--lai-line) 42%,transparent);border-radius:inherit;color:var(--lai-dim);padding:6px 4px;font-family:inherit;font-size:.8rem;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:var(--lai-on-accent);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 color-mix(in srgb,var(--lai-line) 42%,transparent);border-radius:inherit;color:var(--lai-ink);font-family:inherit;font-size:.9rem;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:.78rem}.lai-button--tiny{padding:3px 6px;font-size:.75rem;color:var(--lai-dim);align-self:flex-start}.lai-slider-row{display:flex;align-items:center;gap:8px}.lai-hint{margin:0;font-size:.8rem;line-height:1.5;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:.78rem;color:var(--lai-dim)}.lai-fld-value{font-size:.9rem;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:.8rem;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 color-mix(in srgb,var(--lai-line) 28%,transparent);padding-bottom:8px}.lai-panel-title--inline{border-bottom:0;padding-bottom:0}.lai-button--on{color:var(--lai-scope);border-color:var(--lai-scope)}.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 color-mix(in srgb,var(--lai-line) 42%,transparent);border-radius:inherit;cursor:pointer;font-family:inherit;overflow:hidden;background:color-mix(in srgb,hsl(var(--lai-slot-hue, 0) 40% 50%) 16%,transparent);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:var(--lai-on-accent);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:var(--lai-scope-dim);box-shadow:inset 0 0 0 1px var(--lai-scope-dim)}.lai-slot-label{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lai-slot-bars{font-size:.72rem;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 color-mix(in srgb,var(--lai-line) 28%,transparent);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:.9rem;font-weight:700}.lai-section-name:hover .lai-section-label{color:var(--lai-amber)}.lai-section-meta{font-size:.78rem;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:.78rem;padding:3px 8px;border:1px solid color-mix(in srgb,var(--lai-line) 42%,transparent);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:color-mix(in srgb,var(--lai-ink) 45%,transparent)}.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:.85rem;font-weight:600;color:var(--lai-dim);border-bottom:1px solid color-mix(in srgb,var(--lai-line) 28%,transparent);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:.78rem;color:var(--lai-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lai-fader{width:100%;appearance:none;-webkit-appearance:none;height:4px;background:color-mix(in srgb,var(--lai-line) 55%,transparent);border-radius:inherit;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:inherit;cursor:pointer}.lai-fader::-moz-range-thumb{width:12px;height:12px;background:var(--lai-amber);border:none;border-radius:inherit;cursor:pointer}.lai-fader:disabled{opacity:.4;cursor:not-allowed}.lai-mute{background:transparent;border:1px solid color-mix(in srgb,var(--lai-line) 42%,transparent);border-radius:inherit;color:var(--lai-dim);width:30px;height:26px;font-size:.85rem;cursor:pointer}.lai-mute--on{background:var(--lai-warn);border-color:var(--lai-warn);color:var(--lai-on-accent);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:.78rem;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 color-mix(in srgb,var(--lai-line) 42%,transparent);border-radius:inherit;background:color-mix(in srgb,var(--lai-line) 12%,transparent);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}.lai-input{display:flex;align-items:center;gap:12px}.lai-input-label{font-size:.78rem;color:var(--lai-dim);min-width:4rem}.lai-meter{flex:1;height:10px;background-color:color-mix(in srgb,var(--lai-line) 12%,transparent);border:1px solid color-mix(in srgb,var(--lai-line) 28%,transparent);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 color-mix(in srgb,var(--lai-line) 28%,transparent);background:var(--lai-panel);font-size:.78rem}.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 color-mix(in srgb,var(--lai-line) 28%,transparent)}.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}}