@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--canvas:#090b0c;--canvas-raised:#0e1112;--panel:#121617;--panel-raised:#171c1d;--line:#293031;--line-soft:#202627;--line-faint:#181d1e;--ink:#f1f3ee;--ink-soft:#c0c7c1;--ink-muted:#7f8984;--accent:#fd4733;--accent-hover:#ff6b57;--accent-ink:#250904;--accent-rgb:253, 71, 51;--danger:#ff7a68;--danger-rgb:255, 122, 104;--topbar-bg:#090b0cf2;--popover-bg:#111617;--control-bg:#171c1d;--control-hover:#202627;--control-raised:#1a1f21;--control-strong:#242a2c;--control-strong-hover:#303839;--control-active:#3a4245;--control-active-border:#4b5558;--editor-sidebar-bg:#101415;--divider-bg:#0c1011;--editor-bg:#0a0c0d;--editor-foreground:#dce5d7;--editor-gutter:#56605b;--editor-comment:#68776e;--editor-string:#b8d98a;--editor-number:#f0c878;--editor-keyword:#d9a8ff;--editor-function:#86d9d0;--editor-property:#a4c8ff;--editor-operator:#8c9791;--canvas-inset:#0b0e0f;--lane-bg:#0e1213;--timeline-header-bg:#171c1d;--timeline-control-bg:#121718;--add-track-bg:#1d2325;--track-header-bg:#14191a;--track-control-bg:#1a2021;--mode-bg:#252c2e;--mode-border:#30383a;--mode-hover:#313a3b;--ink-muted-strong:#5f6a64;--shadow-popover:0 18px 42px #0000007a;--shadow-topbar:0 8px 28px #00000029;--shadow-control:0 5px 16px #0000003d;--diagnostic-bg:#111617f5;--diagnostic-surface:#0000002e;--pan-track:#26302d;--pan-mid:#e7ece3;--pan-center:#111718;--thumb-ring:#f1f3eea6;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--sans:"Space Grotesk", "Avenir Next", Avenir, "Segoe UI", sans-serif;--track-label-width:270px;--editor-line-height:21px;--timeline-cell-width:64px;--timeline-cell-count:16;--timeline-content-width:calc(var(--timeline-cell-count) * var(--timeline-cell-width));color-scheme:dark;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=light]{--canvas:#f4f6f3;--canvas-raised:#edf0ed;--panel:#fff;--panel-raised:#f0f3f0;--line:#cbd3cd;--line-soft:#dce3de;--line-faint:#e7ece8;--ink:#18211d;--ink-soft:#44524b;--ink-muted:#6b7770;--accent:#d93627;--accent-hover:#b82c20;--accent-ink:#fff8f5;--accent-rgb:217, 54, 39;--danger:#bd3e31;--danger-rgb:189, 62, 49;--topbar-bg:#fffffff0;--popover-bg:#fff;--control-bg:#eef2ef;--control-hover:#e5ebe7;--control-raised:#e7ece8;--control-strong:#dfe6e1;--control-strong-hover:#d2dbd5;--control-active:#cbd6ce;--control-active-border:#9eaca3;--editor-sidebar-bg:#edf1ee;--divider-bg:#dfe6e1;--editor-bg:#fbfcfb;--editor-foreground:#1c2922;--editor-gutter:#5e6f64;--editor-comment:#5d7163;--editor-string:#1d6a37;--editor-number:#8a5010;--editor-keyword:#713d96;--editor-function:#08645d;--editor-property:#24598f;--editor-operator:#4b5a50;--canvas-inset:#f0f3f0;--lane-bg:#f7f9f7;--timeline-header-bg:#f0f3f0;--timeline-control-bg:#f7f9f7;--add-track-bg:#e6ece8;--track-header-bg:#f0f3f0;--track-control-bg:#e8eee9;--mode-bg:#e0e7e2;--mode-border:#bcc9c0;--mode-hover:#d4ded7;--ink-muted-strong:#829087;--shadow-popover:0 18px 42px #1c2a222e;--shadow-topbar:0 8px 28px #1c2a221a;--shadow-control:0 5px 16px #1c2a221f;--diagnostic-bg:#fffffff5;--diagnostic-surface:#1c2a2212;--pan-track:#c7d2ca;--pan-mid:#fff;--pan-center:#6c7a71;--thumb-ring:#18211d52;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html,body{min-height:100%}html{background:var(--canvas)}body{background:var(--canvas);min-width:320px;color:var(--ink);margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{--topbar-height:72px;--playhead-position:0;background:radial-gradient(circle at 75% -20%, rgba(var(--accent-rgb), .055), transparent 32rem), var(--canvas);flex-direction:column;height:100svh;min-height:100svh;display:flex;overflow:hidden}.studio-topbar{z-index:50;border-bottom:1px solid var(--line);background:var(--topbar-bg);min-height:72px;box-shadow:var(--shadow-topbar);backdrop-filter:blur(14px);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) minmax(0,1040px) minmax(0,1fr);align-items:center;padding:0 18px;font-size:10px;display:grid;position:sticky;top:0}.topbar-brand-group,.topbar-right,.topbar-transport,.topbar-metrics{align-items:center;display:flex}.topbar-brand-group{gap:14px;min-width:0}.topbar-settings-control{display:inline-flex;position:relative}.topbar-settings-button{width:28px;height:28px;color:var(--ink-muted);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.topbar-settings-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:18px;height:18px}.topbar-settings-button:hover:not(:disabled),.topbar-settings-button[aria-expanded=true]{background:var(--control-hover);color:var(--ink)}.topbar-settings-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-settings-button:disabled{cursor:not-allowed;opacity:.4}.topbar-settings-menu{z-index:30;border:1px solid var(--line);background:var(--popover-bg);width:min(320px,100vw - 28px);max-height:calc(100svh - 96px);box-shadow:var(--shadow-popover);color:var(--ink-soft);letter-spacing:normal;text-align:left;text-transform:none;border-radius:5px;gap:12px;padding:14px 12px 12px;display:grid;position:absolute;top:calc(100% + 11px);left:0;overflow-y:auto}.topbar-settings-menu:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--popover-bg);width:10px;height:10px;position:absolute;top:-6px;left:14px;transform:rotate(45deg)}.settings-menu-heading{gap:2px;display:grid}.settings-menu-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-menu-save-state{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:8px;display:inline-flex}.settings-menu-save-state .save-dot{width:5px;height:5px}.settings-menu-section{border-top:1px solid var(--line-soft);gap:6px;padding-top:10px;display:grid}.settings-menu-section h3{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:500}.settings-menu-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-menu-appearance-mode{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.settings-menu-appearance{border-top:1px solid var(--line-soft);display:grid}.settings-menu-appearance-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:7px 2px;display:flex}.settings-menu-appearance-row>span{gap:3px;min-width:0;display:grid}.settings-menu-appearance-row strong{color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;font-size:11px;font-weight:500}.settings-menu-appearance-row small{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;overflow:hidden}.appearance-toggle{background:var(--line);width:38px;height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);border:0;border-radius:999px;flex:0 0 38px;padding:2px;transition:background-color .14s,box-shadow .14s;position:relative}.appearance-toggle>span{background:var(--panel);border-radius:50%;width:18px;height:18px;transition:transform .14s;display:block;box-shadow:0 1px 3px #00000047}.appearance-toggle[aria-checked=true]{background:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .5)}.appearance-toggle[aria-checked=true]>span{transform:translate(16px)}.appearance-toggle:hover{background:var(--ink-muted)}.appearance-toggle[aria-checked=true]:hover{background:var(--accent-hover)}.appearance-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-menu-system-button{width:100%;min-height:30px;color:var(--accent);font-family:var(--sans);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 2px 2px;font-size:10px;display:flex}.settings-menu-system-button small{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:7px}.settings-menu-system-button:hover:not(:disabled),.settings-menu-system-button:focus-visible{color:var(--accent-hover);outline:0}.settings-menu-system-button:disabled{cursor:default;color:var(--ink-muted);opacity:.72}.settings-menu-list{border-top:1px solid var(--line-soft);gap:0;display:grid}.settings-menu-action,.settings-menu-project{border:0;border-bottom:1px solid var(--line-soft);width:100%;min-width:0;min-height:35px;color:var(--ink-soft);text-align:left;background:0 0;border-radius:0;align-items:center;padding:7px 2px;display:flex}.settings-menu-action{gap:9px}.settings-menu-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:0 0 16px;width:16px;height:16px}.settings-menu-action>span,.settings-menu-project>span{gap:3px;min-width:0;display:grid}.settings-menu-action strong,.settings-menu-project strong{color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.settings-menu-action small,.settings-menu-project small{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;overflow:hidden}.settings-menu-action:hover:not(:disabled),.settings-menu-action:focus-visible,.settings-menu-project:hover:not(:disabled),.settings-menu-project:focus-visible{background:rgba(var(--accent-rgb), .08);color:var(--ink);outline:0}.settings-menu-action:disabled,.settings-menu-project:disabled{cursor:not-allowed;opacity:.42}.settings-menu-project{justify-content:space-between;gap:10px}.settings-menu-project:last-child,.settings-menu-action:last-child{border-bottom:0}.settings-menu-project>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 14px;width:14px;height:14px}.settings-menu-template strong{color:var(--accent)}.settings-menu-refresh{width:20px;height:20px;color:var(--ink-muted);background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:inline-grid}.settings-menu-refresh svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:14px;height:14px}.settings-menu-refresh:hover:not(:disabled),.settings-menu-refresh:focus-visible{background:rgba(var(--accent-rgb), .08);color:var(--ink);outline:0}.settings-menu-refresh:disabled{cursor:not-allowed;opacity:.42}.settings-menu-status{border-top:1px dashed var(--line);color:var(--ink-muted);font-family:var(--mono);margin:0;padding:7px 2px;font-size:8px;line-height:1.45}.settings-menu-status-error{border-color:rgba(var(--danger-rgb), .45);color:var(--danger)}.wordmark{border-radius:4px;flex:none;align-items:center;width:104px;height:30px;text-decoration:none;display:inline-flex}.wordmark-logo{object-fit:contain;object-position:left center;content:url(/logos/brand-wordmark-white.png);width:100%;height:100%;display:block}:root[data-theme=light] .wordmark-logo{content:url(/logos/brand-wordmark-color.png)}.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.transport-divider{background:var(--line);width:1px;height:20px}.timeline-heading-cell,.timeline-ruler,.track-name-wrap span,.diagnostic-meta,.transport-readout,.topbar-metrics,.save-state{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.save-state{color:var(--ink-muted);align-items:center;gap:5px;display:inline-flex}.save-state-dirty{color:var(--accent)}.topbar-session{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.session-name-row{justify-content:center;align-items:center;gap:8px;display:flex}.project-name-input{width:150px;color:var(--ink);font-family:var(--sans);letter-spacing:-.02em;cursor:text;text-align:center;background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:500}.project-name-input:hover{color:var(--accent)}.project-name-input:focus{border-bottom:1px solid var(--accent)}.save-dot,.status-dot,.lane-led{background:var(--ink-muted);border-radius:50%;width:6px;height:6px;display:inline-block}.save-state-dirty .save-dot,.status-playing,.led-live{background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .1)}.topbar-transport{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;gap:14px;width:100%;padding-inline:12px;display:grid}.topbar-transport-left{align-items:center;gap:8px;min-width:0;display:flex}.topbar-transport-left>*{min-width:0}.topbar-transport-left{grid-column:1;justify-self:end}.transport-playback{grid-area:1/2}.topbar-transport-right{grid-area:1/3;justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.transport-status{justify-content:flex-end;align-items:center;gap:8px;min-width:max-content;display:flex}.topbar-global-controls{flex:none;align-items:center;gap:4px;display:inline-flex;position:relative}.topbar-global-control{position:relative}.topbar-control-trigger{border:1px solid var(--line);background:var(--control-bg);min-height:34px;color:var(--ink-soft);font-family:var(--sans);letter-spacing:-.02em;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;line-height:1;transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s;display:inline-flex}.topbar-control-trigger strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;line-height:1}.topbar-control-trigger span{color:var(--ink-muted);letter-spacing:0;font-size:11px;line-height:1}.topbar-control-trigger:hover:not(:disabled),.topbar-control-trigger[aria-expanded=true]{border-color:var(--ink-muted);background:var(--control-hover);color:var(--ink)}.topbar-control-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-control-trigger:disabled{cursor:not-allowed;opacity:.4}.topbar-bpm-control .topbar-control-trigger{min-width:84px}.topbar-key-control .topbar-control-trigger{min-width:90px}.topbar-key-control .topbar-control-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:13px;height:13px}.topbar-quarter-control{border:1px solid var(--line);background:var(--control-bg);min-height:34px;color:var(--ink-muted);font-family:var(--sans);border-radius:4px;align-items:center;gap:5px;padding:0 9px;font-size:11px;line-height:1;display:inline-flex}.topbar-quarter-control input{width:24px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield;background:0 0;border:0;outline:0;height:14px;padding:0;font-size:14px;line-height:1}.topbar-quarter-control input:focus-visible{color:var(--accent)}.topbar-quarter-control input::-webkit-inner-spin-button,.topbar-quarter-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.topbar-quarter-unit{color:var(--ink-muted);letter-spacing:0}.topbar-global-popover{z-index:30;border:1px solid var(--line);background:var(--popover-bg);box-shadow:var(--shadow-popover);color:var(--ink-soft);letter-spacing:normal;text-transform:none;border-radius:5px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 11px);left:50%;transform:translate(-50%)}.topbar-global-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--popover-bg);width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tempo-popover{width:242px}.key-popover{width:326px}.topbar-popover-title{color:var(--ink);font-family:var(--sans);letter-spacing:-.02em;font-size:17px;font-weight:500}.topbar-popover-note{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.tempo-stepper{background:var(--control-raised);border-radius:4px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:12px;display:grid}.tempo-step-button{border:1px solid var(--line);background:var(--control-strong);width:38px;height:38px;color:var(--ink-soft);border-radius:4px;place-items:center;padding:0;font-size:22px;line-height:1;display:inline-grid}.tempo-step-button:hover:not(:disabled),.tempo-step-button:focus-visible{border-color:var(--accent);background:var(--control-strong-hover);color:var(--ink);outline:0}.tempo-step-button:disabled{cursor:not-allowed;opacity:.35}.tempo-value-field{flex-direction:column;align-items:center;gap:2px;display:flex}.tempo-value-field input{width:100%;color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:28px}.tempo-value-field input:focus{color:var(--accent)}.tempo-value-field input::-webkit-inner-spin-button,.tempo-value-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.tempo-value-field span{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.key-quality-toggle{border:1px solid var(--line-soft);background:var(--control-raised);border-radius:4px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.key-quality-button{min-height:34px;color:var(--ink-muted);font-family:var(--sans);background:0 0;border:1px solid #0000;border-radius:3px;padding:0 10px;font-size:13px}.key-quality-button:hover,.key-quality-button:focus-visible{color:var(--ink);outline:0}.key-quality-button-active{border-color:var(--control-active-border);background:var(--control-active);color:var(--ink);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .05)}.key-root-grid,.key-root-row{gap:8px;display:grid}.key-root-row-accidentals{grid-template-columns:repeat(5,minmax(0,1fr))}.key-root-row-naturals{grid-template-columns:repeat(7,minmax(0,1fr))}.key-root-button{border:1px solid var(--line);min-height:42px;color:var(--ink-soft);font-family:var(--sans);background:0 0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;padding:3px 2px;font-size:14px;line-height:1;display:inline-flex}.key-root-button small{color:var(--ink-muted);margin-top:2px;font-size:10px}.key-root-button:hover,.key-root-button:focus-visible{border-color:var(--ink-muted);background:var(--control-hover);color:var(--ink);outline:0}.key-root-button-active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.key-root-button-active small{color:var(--accent-ink);opacity:.72}.topbar-source-actions{border-left:1px solid var(--line);align-items:center;gap:3px;padding-left:8px;display:flex}.topbar-source-actions-right{border-left:1px solid var(--line);align-items:center;gap:3px;padding-left:10px;display:flex}.transport-playback{justify-content:center;align-items:center;gap:8px;min-width:max-content;display:flex}.transport-button{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--ink-soft);font-family:var(--mono);border-radius:4px;flex:0 0 28px;place-items:center;padding:0;font-size:10px;transition:border-color .14s,background-color .14s,color .14s,opacity .14s;display:inline-grid}.transport-button:hover:not(:disabled){border-color:var(--ink-muted);color:var(--ink)}.source-action-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}.project-import-input{display:none}.source-action-commit{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.source-action-commit:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-ink)}.source-action-commit:disabled{border-color:var(--line);background:var(--panel);color:var(--ink-muted)}.transport-play{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.transport-play:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-ink)}.transport-button:disabled{opacity:.38}.transport-clock{min-width:78px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.04em}.transport-cycle{min-width:64px;color:var(--ink-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:8px}.transport-readout{color:var(--accent)}.topbar-right{justify-content:flex-end;gap:8px;min-width:0}.topbar-help-control{display:inline-flex;position:relative}.topbar-help-button{background:var(--panel);width:28px;height:28px;color:var(--ink-soft);font-family:var(--sans);border:0;border-radius:4px;place-items:center;padding:0;font-size:15px;font-weight:500;line-height:1;display:inline-grid}.topbar-help-button:hover:not(:disabled),.topbar-help-button[aria-expanded=true]{background:var(--control-hover);color:var(--ink)}.topbar-help-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-help-button:disabled{cursor:not-allowed;opacity:.4}.topbar-help-popover{z-index:30;border:1px solid var(--line);background:var(--popover-bg);width:286px;box-shadow:var(--shadow-popover);color:var(--ink-soft);letter-spacing:normal;text-transform:none;border-radius:5px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 11px);right:0}.topbar-help-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--popover-bg);width:10px;height:10px;position:absolute;top:-6px;right:10px;transform:rotate(45deg)}.hotkey-list{gap:9px;display:grid}.hotkey-item{color:var(--ink-soft);font-family:var(--sans);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.hotkey-item span{text-align:right}.hotkey-item kbd{border:1px solid var(--line);background:var(--control-bg);color:var(--ink);font-family:var(--mono);white-space:nowrap;border-radius:3px;flex:none;padding:4px 6px;font-size:8px}.topbar-metrics{color:var(--ink-muted);white-space:nowrap;gap:12px}.topbar-metric-control{color:var(--ink-muted);align-items:baseline;gap:3px;display:inline-flex}.topbar-metric-control input{width:32px;color:var(--ink-soft);font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;border-bottom:1px solid #0000;outline:0;padding:0}.topbar-metric-control input:hover,.topbar-metric-control input:focus{border-bottom-color:var(--accent);color:var(--accent)}.topbar-metric-control input::-webkit-inner-spin-button,.topbar-metric-control input::-webkit-outer-spin-button{opacity:.4;margin:0}.topbar-metric-duration{color:var(--ink-muted);font-variant-numeric:tabular-nums}.studio-body{grid-template-columns:var(--editor-width,350px) 10px minmax(0, 1fr);height:calc(100svh - var(--topbar-height));flex:1;min-height:0;display:grid;overflow:hidden}.source-sidebar{background:var(--editor-sidebar-bg);flex-direction:column;min-width:0;height:100%;min-height:0;padding:0 0 18px;display:flex;overflow:hidden}.editor-resize-divider{background:var(--divider-bg);border-right:1px solid var(--line);place-items:stretch stretch;display:grid}.editor-resize-handle{cursor:col-resize;background:0 0;border:0;width:100%;min-height:100%;padding:0;display:block;position:relative}.editor-resize-handle:after{content:"";background:var(--line);width:1px;transition:width .14s,background-color .14s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.editor-resize-handle:hover:after,.editor-resize-handle:focus-visible:after{background:var(--accent);width:2px}.editor-resize-handle:focus-visible{outline:0}.timeline-head,.track-lane{display:grid}.source-editor-shell{border-bottom:1px solid var(--line);background:var(--editor-bg);flex:auto;min-height:0;display:block;position:relative;overflow:hidden}.source-editor-host{background:var(--editor-bg);width:100%;height:100%;min-height:0;color:var(--editor-foreground);font-family:var(--mono);font-size:12px;line-height:var(--editor-line-height);--background:var(--editor-bg);--lineBackground:transparent;--foreground:var(--editor-foreground);--selection:rgba(var(--accent-rgb), .22);--selectionMatch:rgba(var(--accent-rgb), .14);--lineHighlight:transparent;--gutterBackground:var(--editor-bg);--gutterForeground:var(--editor-gutter);--comment:var(--editor-comment);--string:var(--editor-string);--number:var(--editor-number);--keyword:var(--editor-keyword);--label:var(--accent);--function:var(--editor-function);--property:var(--editor-property);--operator:var(--editor-operator);--identifier:var(--editor-foreground);--font-family:var(--mono);--font-size:12px}.source-editor-host-hidden{visibility:hidden;pointer-events:none}.source-editor-fallback{background:var(--editor-bg);width:100%;height:100%;min-height:0;display:flex;position:absolute;inset:0}.source-editor-fallback-input{resize:none;width:100%;height:100%;min-height:0;color:var(--editor-foreground);font-family:var(--mono);font-size:12px;line-height:var(--editor-line-height);tab-size:2;white-space:pre;background:0 0;border:0;outline:0;padding:14px}.source-editor-fallback-input:focus{outline:0}.source-editor-error{z-index:20;border:1px solid rgba(var(--danger-rgb), .55);background:var(--diagnostic-bg);color:var(--danger);font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:9px;line-height:1.35;display:flex;position:absolute;top:10px;left:10px;right:10px}.source-editor-error span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.source-editor-error button{border:1px solid rgba(var(--danger-rgb), .65);color:var(--danger);font-family:var(--mono);text-transform:uppercase;background:0 0;border-radius:3px;flex:none;padding:5px 8px;font-size:9px}.source-editor-error button:hover{background:rgba(var(--danger-rgb), .12)}.source-editor-host .cm-scroller{height:100%;font-family:var(--mono);font-size:12px;line-height:var(--editor-line-height);padding-top:14px!important}.source-editor-host .cm-content{font-size:12px;padding:0 14px 50vh!important}.source-editor-host .cm-line{line-height:var(--editor-line-height)}.source-editor-host .cm-line>*{background:var(--lineBackground)}.source-editor-host .cm-editor{color:var(--foreground);font-family:var(--mono);z-index:11;height:100%;font-size:12px;background-color:#0000!important}.source-editor-host .cm-theme,.source-editor-host .cm-theme-light{width:100%;height:100%}.source-editor-host .cm-cursorLayer{animation-name:inherit!important}.source-editor-host .cm-cursor{border-left:2px solid var(--accent)!important}.source-editor-host .cm-foldGutter{display:none!important}.source-editor-host .cm-focused{outline:none}.source-editor-host .cm-matchingBracket{text-underline-offset:.22rem;text-decoration:underline .18rem}.source-editor-host .cm-gutters{background:var(--editor-bg);color:var(--editor-gutter);font-family:var(--mono);border:0;font-size:11px}.source-editor-host .cm-lineNumbers .cm-gutterElement{line-height:var(--editor-line-height);padding:0 8px 0 4px}.source-editor-host .cm-tooltip,.source-editor-host .cm-tooltip-autocomplete{background:var(--background);border-color:var(--line);color:var(--foreground)}.source-editor-host .cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--panel-raised);color:var(--ink)}.source-editor-host .cm-slider input{width:64px;margin-right:4px;transform:translateY(4px)}.cm-tooltip.cm-completionInfo{overflow:auto;border:1px solid var(--foreground)!important;background-color:var(--lineHighlight)!important;background:var(--background)!important;border-radius:4px!important;min-width:300px!important;max-width:500px!important;max-height:400px!important;padding:0!important;box-shadow:0 4px 12px #0000004d!important}.autocomplete-info-container{color:var(--foreground);font-family:var(--font-family,"SF Mono", "Monaco", monospace);font-size:var(--font-size,13px);min-width:400px;max-width:600px;height:100%;line-height:1.4;white-space:normal!important;border-radius:4px!important;padding:12px!important;overflow-y:auto!important}.autocomplete-info-tooltip{overflow-y:auto!important}.autocomplete-info-function-description{white-space:pre-wrap!important}.autocomplete-info-function-name{color:var(--foreground);margin:0 0 8px;font-size:15px;font-weight:600}.autocomplete-info-function-synonyms,.autocomplete-info-function-description{color:var(--foreground);opacity:.8;margin:0 0 12px;line-height:1.5}.autocomplete-info-section-title{color:var(--foreground);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 6px;font-size:12px;font-weight:600}.autocomplete-info-section-title:first-child{margin-top:0}.autocomplete-info-params-section,.autocomplete-info-examples-section{margin-top:12px}.autocomplete-info-params-list{margin:0;padding:0;list-style:none}.autocomplete-info-param-item{background:var(--lineBackground);border-left:2px solid var(--foreground,#555);border-radius:3px;margin-bottom:8px;padding:8px}.autocomplete-info-param-item:last-child{margin-bottom:0}.autocomplete-info-param-name{color:var(--variable,var(--foreground));margin-right:8px;font-weight:600}.autocomplete-info-param-type{background:var(--gutterForeground);color:var(--comment);border-radius:2px;padding:1px 4px;font-size:12px}.autocomplete-info-param-desc{color:var(--foreground);opacity:.7;margin-top:4px;font-size:10px;line-height:1.4}.autocomplete-info-example-code{background:var(--lineBackground);border:1px solid var(--foreground,#3a3a3a);color:var(--foreground);font-family:var(--font-family,"SF Mono", "Monaco", monospace);white-space:pre;border-radius:3px;margin:4px 0;padding:8px;font-size:12px;line-height:1.5;overflow-x:auto}.autocomplete-info-tooltip::-webkit-scrollbar{width:4px}.autocomplete-info-tooltip::-webkit-scrollbar-thumb{border-radius:2px}.transport-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-diagnostic{border:1px solid rgba(var(--danger-rgb), .45);color:var(--danger);font-family:var(--mono);letter-spacing:.05em;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:7px;margin:12px 14px 0;padding:8px 9px;font-size:9px;line-height:1.35;display:grid}.sidebar-diagnostic .error-mark{width:15px;height:15px}.sidebar-diagnostic-revision{color:var(--ink-muted)}.daw-canvas{background:var(--canvas-inset);min-width:0;height:100%;min-height:0;padding:0;overflow:hidden}.timeline-shell{background:var(--panel);overflow-anchor:none;overscroll-behavior:contain;height:100%;min-height:0;box-shadow:none;border:0;flex-direction:column;margin-top:0;display:flex;overflow:auto}.timeline-head,.track-lane,.timeline-fill{grid-template-columns:var(--track-label-width) var(--timeline-grid-width,560px);min-width:calc(var(--track-label-width) + var(--timeline-grid-width,560px));display:grid}.timeline-head{z-index:9;border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 78px;position:sticky;top:0}.timeline-heading-cell{border-right:1px solid var(--line);background:var(--timeline-header-bg);min-height:78px;color:var(--ink-soft);z-index:5;border-top-left-radius:14px;flex-direction:column;justify-content:center;padding:8px 10px;display:flex;position:sticky;left:0;overflow:visible}.timeline-duration{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:6px;margin-top:5px;font-size:8px;display:flex}.timeline-length-control-wrap{display:inline-flex;position:relative}.timeline-length-trigger{border:1px solid var(--line);background:var(--timeline-control-bg);min-height:24px;color:var(--ink-muted);font:inherit;letter-spacing:.04em;border-radius:4px;align-items:center;gap:5px;padding:0 7px;line-height:1;display:inline-flex}.timeline-length-trigger strong{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:9px;font-weight:500;line-height:1}.timeline-length-trigger span{font-size:8px;line-height:1}.timeline-length-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:11px;height:11px;margin-left:1px}.timeline-length-trigger:hover:not(:disabled),.timeline-length-trigger[aria-expanded=true]{border-color:var(--ink-muted);background:var(--control-hover);color:var(--ink)}.timeline-length-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timeline-length-trigger:disabled{cursor:not-allowed;opacity:.4}.timeline-length-popover{z-index:30;border:1px solid var(--line);background:var(--popover-bg);width:236px;box-shadow:var(--shadow-popover);color:var(--ink-soft);letter-spacing:normal;text-transform:none;border-radius:5px;gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 9px);left:0}.timeline-length-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--popover-bg);width:10px;height:10px;position:absolute;top:-6px;left:18px;transform:rotate(45deg)}.timeline-length-value{background:var(--control-raised);border-radius:4px;justify-content:center;align-items:baseline;gap:7px;padding:10px;display:flex}.timeline-length-value input{width:86px;color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:26px}.timeline-length-value input:focus{color:var(--accent)}.timeline-length-value input::-webkit-inner-spin-button,.timeline-length-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.timeline-length-value>span{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.08em;font-size:9px}.timeline-length-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.timeline-length-preset{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);font-family:var(--mono);font-variant-numeric:tabular-nums;background:0 0;border-radius:3px;padding:0;font-size:9px}.timeline-length-preset:hover,.timeline-length-preset:focus-visible{border-color:var(--ink-muted);background:var(--control-hover);color:var(--ink);outline:0}.timeline-length-preset-active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.timeline-length-note{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:8px}.arrangement-toolbar{align-items:center;gap:7px;width:100%;display:flex}.add-track-button{background:var(--add-track-bg);min-width:0;min-height:38px;color:var(--ink);font-family:var(--sans);letter-spacing:-.02em;white-space:nowrap;border:0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .14s,color .14s;display:inline-flex}.add-track-button span{font-size:22px;font-weight:400;line-height:0}.add-track-button:hover:not(:disabled){background:var(--control-strong-hover);color:var(--accent)}.add-track-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timeline-ruler{grid-template-columns:repeat(var(--timeline-cell-count,16), minmax(0, 1fr));min-height:78px;color:var(--ink-muted-strong);font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;align-items:stretch;padding:0;font-size:12px;display:grid;position:relative}.timeline-ruler span{border-left:1px solid var(--line-faint);padding:7px 0 0 8px;position:relative}.timeline-ruler span:not(.bar-number){color:#0000}.timeline-ruler span:not(.bar-number):after{content:"";background:var(--line-faint);width:1px;height:11px;position:absolute;top:32px;left:-1px}.timeline-ruler .bar-number{color:var(--ink);border-left-color:var(--line)}.timeline-ruler-controls{z-index:8;border:1px solid var(--line);background:var(--timeline-control-bg);width:max-content;min-height:28px;box-shadow:var(--shadow-control);border-radius:4px;grid-area:1/1/auto/-1;place-self:start end;align-items:center;margin:7px 8px 0 0;display:inline-flex;position:sticky;top:7px;right:8px;overflow:hidden}.timeline-ruler-zoom-button{width:30px;height:28px;color:var(--ink-soft);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.timeline-ruler-zoom-button:hover:not(:disabled),.timeline-ruler-zoom-button:focus-visible{background:var(--control-strong-hover);color:var(--accent);outline:0}.timeline-ruler-zoom-button:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.timeline-ruler-zoom-button:disabled{cursor:not-allowed;opacity:.32}.timeline-ruler-zoom-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:15px;height:15px}.timeline-ruler-controls output{border-right:1px solid var(--line);border-left:1px solid var(--line);min-width:52px;color:var(--ink-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;justify-content:center;align-self:stretch;align-items:center;padding:0 6px;font-size:8px;display:inline-flex}.timeline-seek-surface{z-index:2;cursor:ew-resize;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.timeline-seek-surface:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.timeline-seek-surface:disabled{cursor:not-allowed}.timeline-playhead{z-index:1;top:0;bottom:0;left:calc(var(--playhead-position,0) * 100%);background:var(--accent);opacity:.65;width:1px;box-shadow:0 0 10px rgba(var(--accent-rgb), .55);pointer-events:none;position:absolute}.timeline-playhead:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}.track-lane{flex:0 0 var(--track-lane-height,82px);min-height:var(--track-lane-height,82px);border-bottom:1px solid var(--line-soft);cursor:pointer;position:relative}.track-lane:focus-visible{z-index:3;outline:2px solid var(--accent);outline-offset:-2px}.track-lane-selected .track-header{background:color-mix(in srgb, var(--track-color) 8%, var(--track-header-bg));box-shadow:inset 2px 0 0 var(--track-color)}.track-lane-selected .lane-grid{background:color-mix(in srgb, var(--track-color) 3%, var(--lane-bg))}.track-header{border-right:1px solid var(--line);background:var(--track-header-bg);z-index:4;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:6px 12px;display:flex;position:sticky;left:0}.track-header-top{align-items:center;gap:7px;min-width:0;display:flex}.track-instrument-icon{border:1px solid var(--track-color);height:18px;color:var(--track-color);border-radius:3px;flex:0 0 18px;place-items:center;font-size:13px;line-height:1;display:inline-grid}.track-color-picker{z-index:6;flex:0 0 18px;width:18px;height:18px;display:inline-flex;position:relative}.track-color-picker-trigger{border:1px solid var(--line);background:var(--track-control-bg);width:18px;height:18px;color:var(--ink-soft);border-radius:3px;place-items:center;padding:2px;display:inline-grid}.track-color-picker-trigger:hover:not(:disabled),.track-color-picker-trigger:focus-visible,.track-color-picker-trigger[aria-expanded=true]{border-color:var(--ink-muted);background:var(--control-strong-hover);outline:0}.track-color-picker-trigger:focus-visible{box-shadow:0 0 0 2px var(--accent)}.track-color-picker-trigger:disabled{cursor:not-allowed;opacity:.38}.track-color-picker-swatch,.track-color-picker-preset>span{background:var(--picker-color);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 28%, transparent);border-radius:2px;display:block}.track-color-picker-popover{z-index:20;border:1px solid var(--line);background:var(--timeline-control-bg);width:224px;color:var(--ink-soft);font-family:var(--sans);letter-spacing:0;text-transform:none;border-radius:6px;gap:10px;padding:12px;font-size:11px;display:grid;position:absolute;top:calc(100% + 8px);left:-6px;box-shadow:0 12px 28px #0000006b}.track-color-picker-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.track-color-picker-heading strong{color:var(--ink);font-size:13px;font-weight:500}.track-color-picker-heading span{color:var(--ink-muted);font-family:var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;overflow:hidden}.track-color-picker-hex{border:1px solid var(--line);background:var(--track-control-bg);color:var(--ink-muted);font-family:var(--mono);letter-spacing:.08em;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:8px;display:flex}.track-color-picker-hex input{width:100%;min-width:0;color:var(--ink);font-family:var(--mono);letter-spacing:.02em;text-transform:none;background:0 0;border:0;outline:0;padding:0;font-size:11px}.track-color-picker-hex:focus-within{border-color:var(--accent)}.track-color-picker-native{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:9px;font-size:8px;display:flex}.track-color-picker-native input{border:1px solid var(--line);background:var(--track-control-bg);cursor:pointer;border-radius:3px;width:28px;height:24px;padding:1px}.track-color-picker-native input:hover,.track-color-picker-native input:focus-visible{border-color:var(--ink-muted);outline:0}.track-color-picker-presets{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;display:grid}.track-color-picker-preset{background:0 0;border:1px solid #0000;border-radius:3px;width:17px;height:17px;padding:2px}.track-color-picker-preset:hover,.track-color-picker-preset:focus-visible,.track-color-picker-preset-active{border-color:var(--ink-muted);outline:0}.track-color-picker-note{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:8px}.track-title-wrap{flex:1;gap:3px;min-width:0;display:grid}.track-name-line{align-items:center;gap:7px;min-width:0;display:flex}.track-number{color:var(--ink-muted);font-family:var(--mono);font-size:10px}.track-name-edit{flex:1;align-items:center;gap:3px;min-width:0;display:flex}.track-name-edit strong{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #0000;min-width:0;font-size:12px;font-weight:500;transition:border-color .14s,color .14s;display:block;overflow:hidden}.track-name-edit:hover strong,.track-name-edit:focus-within strong{border-bottom-color:var(--accent)}.track-rename-button{width:18px;height:18px;color:var(--ink-muted);opacity:0;background:0 0;border:0;flex:0 0 18px;place-items:center;padding:2px;transition:color .14s,opacity .14s;display:inline-grid}.track-name-edit:hover .track-rename-button,.track-rename-button:focus-visible{opacity:1}.track-rename-button:hover,.track-rename-button:focus-visible{color:var(--accent)}.track-rename-button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.track-rename-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:14px;height:14px}.track-name-input{border:0;border-bottom:1px solid var(--accent);width:100%;min-width:0;color:var(--ink);background:0 0;outline:0;padding:1px 3px;font-size:12px;font-weight:500}.track-name-input:focus{box-shadow:0 2px 0 rgba(var(--accent-rgb), .12)}.track-type{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;overflow:hidden}.track-mode-controls{border:1px solid var(--mode-border);background:var(--mode-bg);border-radius:4px;flex:none;align-items:center;display:flex;overflow:hidden}.track-mode-button{min-width:29px;height:23px;color:var(--ink-soft);font-family:var(--sans);background:0 0;border:0;place-items:center;padding:0;font-size:11px;font-weight:600;transition:background-color .14s,color .14s,opacity .14s;display:inline-grid}.track-mode-button+.track-mode-button{border-left:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}.track-mode-button:hover:not(:disabled),.track-mode-button:focus-visible{background:var(--mode-hover);color:var(--ink)}.track-mode-button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.track-mode-button-active{background:var(--track-color);color:var(--accent-ink)}.track-mode-button:disabled{cursor:not-allowed;opacity:.34}.track-mix-controls{align-items:center;gap:10px;min-width:0;margin-top:0;display:flex}.track-header-actions{flex:none;align-items:center;gap:5px;display:inline-flex}.track-fx-button{border:1px solid color-mix(in srgb, var(--track-color) 55%, var(--line));width:29px;height:23px;color:var(--track-color);font-family:var(--mono);letter-spacing:.02em;text-transform:lowercase;background:0 0;border-radius:4px;place-items:center;padding:0;font-size:10px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s;display:inline-grid}.track-fx-button:hover:not(:disabled),.track-fx-button:focus-visible{border-color:var(--track-color);background:color-mix(in srgb, var(--track-color) 14%, transparent);color:var(--ink);outline:0}.track-fx-button:focus-visible{box-shadow:0 0 0 1px var(--accent)}.track-fx-button-active{border-color:var(--track-color);background:var(--track-color);color:var(--accent-ink)}.track-fx-button-active:hover:not(:disabled),.track-fx-button-active:focus-visible{background:color-mix(in srgb, var(--track-color) 82%, var(--ink));color:var(--accent-ink)}.track-fx-button:disabled{cursor:not-allowed;opacity:.35}.track-drawer-button{border:1px solid var(--line);width:23px;height:23px;color:var(--ink-muted);font-family:var(--mono);background:0 0;border-radius:4px;place-items:center;padding:0;font-size:17px;line-height:1;transition:background-color .14s,border-color .14s,color .14s;display:inline-grid}.track-drawer-button:hover:not(:disabled),.track-drawer-button:focus-visible{border-color:var(--track-color);background:color-mix(in srgb, var(--track-color) 14%, transparent);color:var(--ink);outline:0}.track-drawer-button:focus-visible{box-shadow:0 0 0 1px var(--accent)}.track-drawer-button-active{border-color:var(--track-color);background:color-mix(in srgb, var(--track-color) 18%, transparent);color:var(--track-color)}.track-drawer-button:disabled{cursor:not-allowed;opacity:.35}.track-fx-range{width:100%;height:14px;accent-color:var(--track-color);cursor:ew-resize;margin:0;display:block}.track-fx-range:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.track-fx-range:disabled{cursor:not-allowed;opacity:.35}.track-fx-mode{border:1px solid var(--line);background:var(--track-control-bg);min-width:0;height:22px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:0 5px;font-size:8px}.track-fx-mode:hover:not(:disabled),.track-fx-mode:focus-visible{border-color:var(--ink-muted);outline:0}.track-fx-mode:disabled{cursor:not-allowed;opacity:.38}.track-fx-value{min-width:42px;color:var(--ink-soft);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.track-fx-remove{width:22px;height:22px;color:var(--ink-muted);background:0 0;border:0;place-items:center;padding:0;font-size:15px;line-height:1;display:inline-grid}.track-fx-remove:hover:not(:disabled),.track-fx-remove:focus-visible{color:var(--danger,#ff8b8b);outline:0}.track-fx-remove:disabled{cursor:not-allowed;opacity:.35}.track-fx-drawer{z-index:45;height:var(--track-fx-drawer-height,min(440px, 62svh));border-top:1px solid color-mix(in srgb, var(--track-color) 38%, var(--line));background:color-mix(in srgb, var(--popover-bg) 97%, var(--track-color));min-height:220px;max-height:min(760px,90svh);color:var(--ink-soft);font-family:var(--sans);grid-template-rows:auto max-content minmax(0,1fr) auto;animation:.18s ease-out both track-fx-drawer-in;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -18px 48px #00000057}@keyframes track-fx-drawer-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.track-fx-drawer-handle{cursor:ns-resize;background:0 0;border:0;border-radius:99px;justify-self:center;width:64px;height:16px;margin:1px 0 -2px;padding:6px 14px}.track-fx-drawer-handle:after{background:var(--line-soft);content:"";border-radius:99px;width:36px;height:3px;display:block}.track-fx-drawer-handle:hover:after,.track-fx-drawer-handle:focus-visible:after{background:var(--ink-muted)}.track-fx-drawer-handle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.track-fx-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:7px 18px 10px;display:flex;position:relative}.track-fx-drawer-heading{flex:auto;min-width:0;padding-right:42px;overflow:hidden}.track-fx-drawer-heading h2{max-width:100%;color:var(--ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden}.track-fx-drawer-close{border:1px solid var(--line);background:var(--control-bg);width:28px;height:28px;color:var(--ink-muted);border-radius:4px;place-items:center;padding:0;display:inline-grid;position:absolute;top:7px;right:18px}.track-fx-drawer-close:hover,.track-fx-drawer-close:focus-visible{border-color:var(--ink-muted);background:var(--control-hover);color:var(--ink);outline:0}.track-fx-drawer-close:focus-visible{box-shadow:0 0 0 1px var(--accent)}.track-fx-drawer-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:14px;height:14px}.track-fx-drawer-body{grid-template-columns:minmax(190px,.8fr) minmax(390px,1.8fr);align-items:start;gap:10px;min-height:0;padding:10px 18px;display:grid;overflow:auto}.track-fx-drawer-section{border:1px solid var(--line);background:var(--control-bg);border-radius:5px;min-width:0;padding:9px}.track-fx-drawer-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.track-fx-drawer-section-heading h3{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:500}.track-fx-drawer-section-heading span{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:8px}.track-fx-layered-notice{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:6px 0 7px;display:flex}.track-fx-layered-notice>span{gap:2px;min-width:0;display:grid}.track-fx-layered-notice strong{color:var(--ink);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:500}.track-fx-layered-notice small{color:var(--ink-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.track-fx-layered-notice button{border:1px solid var(--line);background:var(--control-raised);height:22px;color:var(--track-color);font-family:var(--mono);text-transform:uppercase;border-radius:3px;flex:none;padding:0 8px;font-size:8px}.track-fx-layered-notice button:hover,.track-fx-layered-notice button:focus-visible{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);box-shadow:0 0 0 1px var(--track-color);outline:0}.track-fx-drawer-slider-list{gap:6px;display:grid}.track-fx-drawer-slider-row{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:minmax(54px,max-content) minmax(0,1fr) max-content;align-items:center;gap:8px;font-size:9px;display:grid}.track-fx-drawer-slider-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-fx-drawer-slider-row output{min-width:42px;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right}.track-fx-drawer-empty-copy{color:var(--ink-muted);font-family:var(--mono);margin:0;font-size:9px;line-height:1.45}.track-fx-drawer-chain-section{background:0 0;border:0;grid-column:2;padding:0}.track-fx-drawer-chain-section-full{grid-column:1/-1}.track-fx-drawer-sounds-section{background:0 0;border:0;grid-column:1/-1;padding:0}.track-sound-current{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0 0 8px;padding:0 0 8px;display:flex}.track-sound-current>div{flex-wrap:wrap;flex:auto;align-items:baseline;gap:3px 8px;min-width:0;display:flex;overflow:hidden}.track-sound-current-kicker{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;flex:none;font-size:8px}.track-sound-current strong{min-width:0;max-width:24%;color:var(--ink);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.track-sound-current code{min-width:80px;color:var(--ink-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.track-sound-definition-meta{max-width:42%;color:var(--track-color);font-family:var(--mono);letter-spacing:.04em;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:none;font-size:8px;overflow:hidden}.track-sound-picker{border-bottom:1px dashed var(--line);flex-direction:column;align-items:flex-start;min-width:0;margin:0 0 8px;padding-bottom:8px;display:flex}.track-sound-voice-list{border-bottom:1px dashed var(--line);flex:auto;min-width:0;margin:0 0 8px;display:grid}.track-sound-voice-list-heading{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:0 0 5px;font-size:8px;display:flex}.track-sound-voice-list-heading strong{color:var(--track-color);font-size:8px;font-weight:500}.track-sound-voice{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;min-width:0;padding:6px 0;display:grid}.track-sound-voice-copy{grid-template-columns:max-content max-content minmax(0,1fr);align-items:baseline;gap:3px 8px;min-width:0;display:grid}.track-sound-voice-label{color:var(--track-color);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:8px;overflow:hidden}.track-sound-voice-copy strong{min-width:0;color:var(--ink);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.track-sound-voice-copy code{min-width:0;color:var(--ink-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.track-sound-voice-copy small{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-column:2/-1;font-size:8px;overflow:hidden}.track-sound-voice-selected{background:color-mix(in srgb, var(--track-color) 6%, transparent)}.track-sound-voice-change{border:1px solid var(--line);background:var(--control-raised);min-width:52px;height:22px;color:var(--ink-muted);font-family:var(--mono);text-transform:uppercase;border-radius:3px;padding:0 7px;font-size:8px}.track-sound-voice-change:hover:not(:disabled),.track-sound-voice-change:focus-visible{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-sound-voice-change:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-sound-voice-change:disabled{cursor:not-allowed;opacity:.4}.track-sound-picker-trigger{border:1px solid var(--line);background:var(--control-raised);width:min(360px,100%);min-width:0;height:25px;color:var(--ink-muted);font-family:var(--mono);text-align:left;text-transform:uppercase;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:8px;display:flex}.track-sound-picker-trigger:hover:not(:disabled),.track-sound-picker-trigger:focus-visible,.track-sound-picker-trigger-open{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-sound-picker-trigger:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-sound-picker-trigger:disabled{cursor:not-allowed;opacity:.35}.track-sound-picker-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-sound-picker-trigger>span:last-child{color:var(--track-color);flex:none;font-size:11px;line-height:1}.track-sound-picker-popover{z-index:100;border:1px solid color-mix(in srgb, var(--track-color) 42%, var(--line));background:var(--popover-bg);width:min(540px,100vw - 24px);max-height:min(430px,100svh - 24px);box-shadow:var(--shadow-popover);border-radius:6px;grid-template-rows:auto auto minmax(0,1fr);padding:10px;display:grid;position:fixed}.track-sound-picker-browse{grid-template-columns:132px minmax(0,1fr)}.track-sound-picker-types button{justify-content:space-between;align-items:center;gap:5px;display:flex}.track-sound-picker-types button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-sound-picker-types button small{color:var(--ink-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;font-size:8px}.track-sound-picker-types button.track-fx-effect-picker-group-active small{color:var(--track-color)}.track-sound-picker-content{flex-direction:column;min-width:0;min-height:0;display:flex}.track-sound-picker-content .track-sound-breadcrumbs{flex:none;margin-bottom:7px}.track-sound-picker-content .track-sound-browser-empty{flex:auto;min-height:148px}.track-sound-picker-content .track-sound-browser-branch{flex:auto;min-height:0;overflow:hidden}.track-sound-picker-content .track-sound-results{flex:auto;min-height:0;max-height:none}.track-sound-picker-content .track-sound-branch-grid{min-height:0;max-height:none}.track-sound-breadcrumbs{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:8px;display:flex}.track-sound-breadcrumbs button{color:var(--track-color);font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.track-sound-breadcrumbs button:hover,.track-sound-breadcrumbs button:focus-visible{color:var(--ink);text-underline-offset:3px;outline:0;text-decoration:underline}.track-sound-breadcrumbs [aria-current=page]{color:var(--ink)}.track-sound-browser-empty{border:1px dashed var(--line);background:color-mix(in srgb, var(--control-raised) 72%, transparent);text-align:center;align-content:center;place-items:center;min-height:148px;padding:18px;display:grid}.track-sound-browser-empty strong{color:var(--ink);font-family:var(--sans);font-size:13px;font-weight:500}.track-sound-browser-empty p{max-width:280px;color:var(--ink-muted);font-family:var(--mono);margin:6px 0 0;font-size:9px;line-height:1.45}.track-sound-browser-branch{gap:7px;min-height:0;display:grid}.track-sound-browser-content-heading{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:10px;font-size:8px;display:flex}.track-sound-browser-content-heading strong{color:var(--ink);font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}.track-sound-browser-content-heading span{color:var(--track-color)}.track-sound-branch-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:5px;max-height:240px;padding-right:2px;display:grid;overflow:auto}.track-sound-branch{border:1px solid var(--line-soft);background:var(--control-raised);min-width:0;color:var(--ink-muted);text-align:left;border-radius:4px;gap:3px;padding:8px;display:grid}.track-sound-branch:hover:not(:disabled),.track-sound-branch:focus-visible{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-sound-branch:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-sound-branch:disabled{cursor:not-allowed;opacity:.45}.track-sound-branch strong{color:var(--ink);font-family:var(--sans);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.track-sound-branch span{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:8px}.track-sound-results-heading{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:8px;display:flex}.track-sound-results-heading strong{color:var(--track-color);font-size:9px;font-weight:500}.track-sound-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px;max-height:240px;padding-right:2px;display:grid;overflow:auto}.track-sound-option{border:1px solid var(--line-soft);background:var(--control-raised);min-width:0;color:var(--ink-muted);text-align:left;border-radius:3px;grid-template-columns:minmax(0,1fr) max-content;gap:2px 7px;padding:6px 7px;display:grid}.track-sound-option:hover:not(:disabled),.track-sound-option:focus-visible{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-sound-option:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-sound-option strong{color:var(--ink);font-family:var(--sans);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.track-sound-option span,.track-sound-option small{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.track-sound-option span{color:var(--ink-muted)}.track-sound-option small{color:var(--track-color);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1}.track-sound-option-selected{border-color:color-mix(in srgb, var(--track-color) 72%, var(--line));background:color-mix(in srgb, var(--track-color) 10%, var(--control-raised))}.track-sound-option:disabled{cursor:not-allowed;opacity:.45}.track-sound-note{color:var(--ink-muted);font-family:var(--mono);margin:8px 0 0;font-size:8px;line-height:1.45}.track-fx-drawer-effect-list{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.track-fx-drawer-effect{border:1px solid var(--line-soft);background:var(--control-raised);border-radius:6px;min-width:0;padding:8px}.track-fx-drawer-effect-bypassed{border-color:color-mix(in srgb, var(--line) 70%, transparent);opacity:.62}.track-fx-drawer-effect-heading{align-items:center;gap:7px;min-width:0;display:flex}.track-fx-drawer-effect-heading strong{color:var(--ink);font-family:var(--mono);letter-spacing:.05em;font-size:9px;font-weight:500}.track-fx-unknown-badge{border:1px solid color-mix(in srgb, var(--warning,#d3a85a) 65%, var(--line));color:var(--warning,#d3a85a);font-family:var(--mono);letter-spacing:.06em;border-radius:3px;padding:2px 4px;font-size:7px}.track-fx-drawer-effect-heading code{min-width:0;color:var(--ink-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:8px;overflow:hidden}.track-fx-bypass{background:var(--line);border:0;border-radius:99px;align-items:center;width:25px;height:15px;padding:2px;display:inline-flex;position:relative}.track-fx-bypass>span{background:var(--ink-muted);border-radius:50%;width:11px;height:11px;transition:transform .14s,background-color .14s;display:block}.track-fx-bypass[aria-checked=true]{background:color-mix(in srgb, var(--track-color) 70%, var(--line))}.track-fx-bypass[aria-checked=true]>span{background:var(--track-color);transform:translate(10px)}.track-fx-bypass:hover:not(:disabled),.track-fx-bypass:focus-visible{box-shadow:0 0 0 1px var(--accent);outline:0}.track-fx-bypass:disabled{cursor:not-allowed;opacity:.45}.track-fx-drawer-effect-actions{align-items:center;gap:1px;display:inline-flex}.track-fx-drawer-effect-actions button{width:21px;height:21px;color:var(--ink-muted);font-family:var(--mono);background:0 0;border:0;border-radius:3px;place-items:center;padding:0;font-size:12px;line-height:1;display:inline-grid}.track-fx-drawer-effect-actions button:hover:not(:disabled),.track-fx-drawer-effect-actions button:focus-visible{background:var(--control-hover);color:var(--ink);outline:0}.track-fx-drawer-effect-actions button:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.track-fx-drawer-effect-actions button:disabled{cursor:not-allowed;opacity:.3}.track-fx-drawer-effect-parameters{gap:4px;display:grid}.track-fx-drawer-effect-control{grid-template-columns:max-content max-content minmax(0,1fr) max-content;align-items:center;gap:8px;margin-top:5px;padding-left:32px;display:grid}.track-fx-parameter-label{min-width:54px;color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:8px}.track-fx-drawer-effect-control .track-fx-mode{width:78px}.track-fx-drawer-effect-control .track-fx-range{min-width:0}.track-fx-expression{border:1px solid var(--line);background:var(--control-raised);width:100%;min-width:0;height:22px;color:var(--ink);font-family:var(--mono);border-radius:3px;grid-column:2/-1;padding:0 7px;font-size:9px}.track-fx-expression:focus{border-color:var(--track-color);box-shadow:0 0 0 1px var(--track-color);outline:0}.track-fx-drawer-add{border-bottom:1px dashed var(--line);color:var(--ink-muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:9px;margin:0 0 8px;padding:0 0 8px;font-size:9px;display:grid;position:relative}.track-fx-drawer-add-controls{gap:5px;min-width:0;display:flex}.track-fx-effect-picker{flex:0 360px;width:min(360px,100%);min-width:0;position:relative}.track-fx-effect-picker-trigger{border:1px solid var(--line);background:var(--control-raised);width:100%;min-width:0;height:22px;color:var(--ink-muted);font-family:var(--mono);text-align:left;text-transform:uppercase;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:0 7px;font-size:8px;display:flex}.track-fx-effect-picker-trigger:hover:not(:disabled),.track-fx-effect-picker-trigger:focus-visible,.track-fx-effect-picker-trigger-open{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-fx-effect-picker-trigger:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-fx-effect-picker-trigger:disabled{cursor:not-allowed;opacity:.35}.track-fx-effect-picker-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-fx-effect-picker-trigger>span:last-child{color:var(--track-color);flex:none;font-size:11px;line-height:1}.track-fx-effect-picker-popover{z-index:100;border:1px solid color-mix(in srgb, var(--track-color) 42%, var(--line));background:var(--popover-bg);width:min(420px,100vw - 24px);max-height:min(360px,100svh - 24px);box-shadow:var(--shadow-popover);text-transform:none;border-radius:6px;grid-template-rows:auto auto minmax(0,1fr);padding:10px;display:grid;position:fixed}.track-fx-effect-picker-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.track-fx-effect-picker-header strong{color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;text-transform:none;font-size:13px;font-weight:500}.track-fx-effect-picker-header button{border:1px solid var(--line);width:22px;height:22px;color:var(--ink-muted);background:0 0;border-radius:3px;place-items:center;padding:0;font-size:16px;line-height:1;display:inline-grid}.track-fx-effect-picker-header button:hover,.track-fx-effect-picker-header button:focus-visible{border-color:var(--ink-muted);background:var(--control-hover);color:var(--ink);outline:0}.track-fx-effect-picker-search{border:1px solid var(--line);background:var(--control-raised);width:100%;height:27px;color:var(--ink);font-family:var(--mono);border-radius:3px;margin:0 0 8px;padding:0 8px;font-size:10px}.track-fx-effect-picker-search::placeholder{color:var(--ink-muted);opacity:.72}.track-fx-effect-picker-search:focus{border-color:var(--track-color);box-shadow:0 0 0 1px var(--track-color);outline:0}.track-fx-effect-picker-browse{grid-template-columns:116px minmax(0,1fr);gap:10px;min-height:0;display:grid}.track-fx-effect-picker-groups-pane{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.track-fx-effect-picker-groups-heading{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:8px}.track-fx-effect-picker-groups{border-right:1px solid var(--line-soft);align-content:start;gap:2px;min-width:0;min-height:0;padding-right:7px;display:grid;overflow-y:auto}.track-fx-effect-picker-groups button{width:100%;min-height:24px;color:var(--ink-muted);font-family:var(--sans);text-align:left;background:0 0;border:0;border-radius:3px;padding:0 7px;font-size:10px}.track-fx-effect-picker-groups button:hover,.track-fx-effect-picker-groups button:focus-visible{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-fx-effect-picker-groups button:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-fx-effect-picker-groups .track-fx-effect-picker-group-active{border-color:var(--track-color);background:color-mix(in srgb, var(--track-color) 14%, var(--control-raised));color:var(--track-color)}.track-fx-effect-picker-results{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px;min-height:0;padding-right:2px;display:grid;overflow:auto}.track-fx-effect-picker-option{border:1px solid var(--line-soft);background:var(--control-raised);min-width:0;color:var(--ink-muted);text-align:left;border-radius:4px;gap:3px;padding:7px;display:grid;position:relative}.track-fx-effect-picker-option:hover:not(:disabled),.track-fx-effect-picker-option:focus-visible{border-color:var(--track-color);background:var(--control-hover);color:var(--ink);outline:0}.track-fx-effect-picker-option:focus-visible{box-shadow:0 0 0 1px var(--track-color)}.track-fx-effect-picker-option:disabled{cursor:not-allowed;opacity:.45}.track-fx-effect-picker-option>span{align-items:baseline;gap:6px;min-width:0;display:flex}.track-fx-effect-picker-option strong{min-width:0;color:var(--ink);font-family:var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.track-fx-effect-picker-option code{color:var(--ink-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.track-fx-effect-picker-option small{color:var(--ink-muted);font-family:var(--sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}.track-fx-effect-picker-option em{color:var(--track-color);font-family:var(--mono);letter-spacing:.05em;font-size:7px;font-style:normal;position:absolute;top:6px;right:6px}.track-fx-effect-picker-option-selected{border-color:var(--track-color);background:color-mix(in srgb, var(--track-color) 12%, var(--control-raised))}.track-fx-effect-picker-empty{color:var(--ink-muted);font-family:var(--mono);grid-column:1/-1;margin:10px 2px;font-size:9px}.track-fx-drawer-add-controls>button{border:1px solid var(--track-color);min-width:42px;height:22px;color:var(--track-color);font-family:var(--mono);background:0 0;border-radius:3px;padding:0 7px;font-size:8px}.track-fx-drawer-add-controls>button:hover:not(:disabled),.track-fx-drawer-add-controls>button:focus-visible{background:var(--track-color);color:var(--accent-ink);outline:0}.track-fx-drawer-add-controls>button:focus-visible{box-shadow:0 0 0 1px var(--accent)}.track-fx-drawer-add-controls>button:disabled{cursor:not-allowed;opacity:.35}.track-fx-drawer-midi-placeholder{text-align:center;grid-column:1/-1;align-content:center;place-items:center;min-height:156px;display:grid}.track-fx-drawer-placeholder-icon{color:var(--track-color);font-size:24px;line-height:1}.track-fx-drawer-midi-placeholder h3{color:var(--ink);margin:9px 0 4px;font-size:14px;font-weight:500}.track-fx-drawer-midi-placeholder p{max-width:330px;color:var(--ink-muted);font-family:var(--mono);margin:0;font-size:9px;line-height:1.5}.track-fx-drawer-footer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--control-bg) 92%, var(--track-color));justify-content:flex-start;align-items:center;gap:12px;padding:7px 18px;display:flex}.track-fx-drawer-footer-status{color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:8px}.track-fx-drawer-mode-switch{border:1px solid var(--line);background:var(--control-raised);border-radius:4px;gap:2px;padding:2px;display:inline-flex}.track-fx-drawer-mode-switch button{min-width:72px;height:24px;color:var(--ink-muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;border-radius:3px;padding:0 10px;font-size:9px}.track-fx-drawer-mode-switch button:hover,.track-fx-drawer-mode-switch button:focus-visible{color:var(--ink);outline:0}.track-fx-drawer-mode-switch button:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.track-fx-drawer-mode-switch .track-fx-drawer-mode-active{background:var(--track-color);color:var(--accent-ink)}.track-volume{flex:1;min-width:0;padding:3px 0}.track-volume-control{width:100%;height:16px;accent-color:var(--track-color);cursor:ew-resize;margin:0;display:block}.track-volume-control:disabled{cursor:not-allowed;opacity:.35}.track-pan{min-width:105px;color:var(--ink-muted);font-family:var(--mono);grid-template-columns:auto minmax(60px,1fr) auto max-content;align-items:center;gap:4px;font-size:9px;display:grid}.track-pan-control-wrap{width:68px;height:24px;display:inline-block;position:relative}.track-pan-control{appearance:none;cursor:ew-resize;background:0 0;border:0;width:100%;height:24px;margin:0;position:absolute;top:0;left:0}.track-pan-control::-webkit-slider-runnable-track{background:linear-gradient(to right, color-mix(in srgb, var(--track-color) 35%, var(--pan-track)), var(--pan-mid) 50%, color-mix(in srgb, var(--track-color) 35%, var(--pan-track)));border-radius:2px;height:4px}.track-pan-control::-moz-range-track{background:linear-gradient(to right, color-mix(in srgb, var(--track-color) 35%, var(--pan-track)), var(--pan-mid) 50%, color-mix(in srgb, var(--track-color) 35%, var(--pan-track)));border-radius:2px;height:4px}.track-pan-control::-webkit-slider-thumb{border:2px solid var(--pan-center);background:var(--track-color);width:14px;height:14px;box-shadow:0 0 0 1px var(--thumb-ring);appearance:none;border-radius:50%;margin-top:-5px}.track-pan-control::-moz-range-thumb{border:2px solid var(--pan-center);background:var(--track-color);width:14px;height:14px;box-shadow:0 0 0 1px var(--thumb-ring);border-radius:50%}.track-pan-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.track-pan-control:disabled{cursor:not-allowed;opacity:.35}.track-pan-center{background:var(--pan-center);opacity:.65;pointer-events:none;width:1px;height:10px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.track-pan-value{min-width:21px;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;font-size:8px}.track-color{background:var(--track-color);border-radius:2px;width:4px;height:28px}.track-name-wrap{gap:4px;min-width:0;display:grid}.track-name-wrap strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.track-name-wrap span{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;overflow:hidden}.lane-grid{background:var(--lane-bg);min-width:0;min-height:0;position:relative;overflow:hidden}.lane-grid-lines{grid-template-columns:repeat(var(--timeline-cell-count,16), minmax(0, 1fr));pointer-events:none;display:grid;position:absolute;inset:0}.lane-grid-lines span{border-left:1px solid var(--line-faint)}.lane-grid-lines .beat-start{border-left-color:var(--line)}.timeline-bars-only .timeline-ruler span:not(.bar-number){border-left-color:#0000}.timeline-bars-only .timeline-ruler span:not(.bar-number):after{display:none}.timeline-bars-only .lane-grid-lines span:not(.beat-start){border-left-color:#0000}.pattern-region{top:4px;bottom:4px;left:calc(var(--clip-start,0) * 100%);width:calc((var(--clip-end,1) - var(--clip-start,0)) * 100%);border:1px solid color-mix(in srgb, var(--track-color) 62%, var(--line));border-left:3px solid var(--track-color);background:color-mix(in srgb, var(--track-color) 14%, var(--lane-bg));min-height:0;color:var(--track-color);font-family:var(--mono);letter-spacing:.07em;white-space:nowrap;cursor:grab;user-select:none;border-radius:3px;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 12px;font-size:10px;display:flex;position:absolute;overflow:hidden;transform:none}.pattern-region-looping{background-color:color-mix(in srgb, var(--track-color) 14%, var(--lane-bg));background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--track-color) 14%, var(--lane-bg)) 0, color-mix(in srgb, var(--track-color) 14%, var(--lane-bg)) calc(var(--loop-width,1px) - 1px), color-mix(in srgb, var(--track-color) 34%, var(--lane-bg)) calc(var(--loop-width,1px) - 1px), color-mix(in srgb, var(--track-color) 34%, var(--lane-bg)) var(--loop-width,1px))}.pattern-region-looping:after{content:"";border-right:1px solid color-mix(in srgb, var(--track-color) 48%, transparent);background:repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--loop-width,1px) - 1px), color-mix(in srgb, var(--track-color) 42%, transparent) calc(var(--loop-width,1px) - 1px), color-mix(in srgb, var(--track-color) 42%, transparent) var(--loop-width,1px));opacity:.7;pointer-events:none;position:absolute;inset:0}.pattern-region:active{cursor:grabbing}.track-visualizer-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pattern-region>span,.pattern-region>small{z-index:1;pointer-events:none;position:relative}.pattern-region small{color:color-mix(in srgb, var(--track-color) 60%, var(--ink-muted));letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;font-size:8px}.clip-handle{z-index:1;cursor:ew-resize;background:0 0;border:0;width:12px;padding:0;position:absolute;top:0;bottom:0}.clip-handle:after{content:"";background:var(--track-color);opacity:.78;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.clip-handle:hover:after,.clip-handle:focus-visible:after{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--track-color) 28%, transparent)}.clip-handle:focus-visible{outline:0}.clip-handle-start{left:0;transform:translate(-50%)}.clip-handle-end{right:0;transform:translate(50%)}.pattern-region-looping .clip-handle-end{right:auto;left:calc(var(--loop-handle-position,1) * 100% - 4px)}.lane-playhead{top:0;bottom:0;left:calc(var(--playhead-position,0) * 100%);background:var(--accent);opacity:.65;width:1px;box-shadow:0 0 10px rgba(var(--accent-rgb), .55);pointer-events:none;position:absolute}.lane-playhead-live{opacity:.9}.timeline-fill-playhead{opacity:.65}.timeline-fill{flex:auto;min-height:0}.timeline-fill-label{border-right:1px solid var(--line);background:var(--editor-sidebar-bg);z-index:4;position:sticky;left:0}.timeline-fill-grid{background:var(--lane-bg)}.timeline-empty-state{border-bottom:1px solid var(--line-soft);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 2%, transparent) 0 1px, transparent 1px 9px), var(--editor-sidebar-bg);width:100%;min-height:180px;color:var(--ink-muted);font-family:var(--mono);letter-spacing:.07em;text-align:center;text-transform:uppercase;flex:auto;place-content:center;font-size:9px;display:grid}.timeline-empty-state strong{color:var(--ink-soft);font-size:11px;font-weight:500}.timeline-empty-state span{letter-spacing:.02em;text-transform:none;margin-top:7px}.timeline-empty-state code{color:var(--accent)}.track-context-menu{z-index:40;border:1px solid var(--line);background:var(--control-bg);min-width:260px;box-shadow:var(--shadow-popover);border-radius:5px;padding:5px;display:grid;position:fixed}.track-context-color{border-bottom:1px solid var(--line-soft);padding:2px 3px 7px}.track-context-color .track-color-picker-inline{width:100%;height:auto;display:block}.track-context-color .track-color-picker-inline .track-color-picker-popover{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 0 2px;position:static}.track-context-color .track-color-picker-heading strong{font-size:12px}.track-context-color .track-color-picker-hex input{min-height:0;padding:0}.track-context-color .track-color-picker-native input{min-height:0;padding:1px}.track-context-color .track-color-picker-preset{width:17px;height:17px;min-height:0;text-align:initial;border:1px solid #0000;border-radius:3px;padding:2px}.track-context-color .track-color-picker-preset:hover,.track-context-color .track-color-picker-preset:focus-visible,.track-context-color .track-color-picker-preset-active{background:0 0}.track-context-heading{border-bottom:1px solid var(--line-soft);color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:6px 8px 7px;font-size:8px;overflow:hidden}.track-context-menu button{width:100%;min-height:32px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;display:flex}.track-context-menu button:hover,.track-context-menu button:focus-visible{background:var(--control-strong-hover);color:var(--ink);outline:0}.track-context-menu button:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.track-context-menu .track-context-delete{color:var(--danger)}.track-context-menu .track-context-delete:hover,.track-context-menu .track-context-delete:focus-visible{background:rgba(var(--danger-rgb), .12);color:var(--danger)}.canvas-diagnostic{border:1px solid rgba(var(--danger-rgb), .45);background:rgba(var(--danger-rgb), .04);grid-template-columns:1fr;gap:5px;margin-top:10px;padding:10px 12px;display:grid}.canvas-diagnostic .diagnostic-meta{color:var(--danger);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;display:flex}.canvas-diagnostic .diagnostic-meta span:last-child{color:var(--ink-muted);margin-left:auto}.canvas-diagnostic .error-mark{border:1px solid var(--danger);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:inline-grid}.canvas-diagnostic p{color:var(--ink-soft);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;margin:0 0 0 24px;font-size:10px;line-height:1.5}.diagnostic-context{color:var(--ink-muted);background:var(--diagnostic-surface);font-family:var(--mono);white-space:pre;margin-left:24px;padding:5px 7px;font-size:10px;line-height:1.5;display:block;overflow-x:auto}@media (width<=1180px){:root{--track-label-width:270px}.studio-shell{--topbar-height:80px}.studio-topbar{grid-template-rows:40px 40px;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);min-height:80px}.topbar-brand-group{grid-area:1/1}.topbar-session{display:contents}.session-name-row{grid-area:1/2}.topbar-transport{grid-area:2/1/auto/-1}.topbar-right{grid-area:1/3}.topbar-metrics{gap:7px;font-size:8px;display:none}.topbar-right{min-width:0}.topbar-global-controls{gap:5px}.tempo-popover{width:230px}.key-popover{width:310px}}@media (width<=980px){.studio-shell{--topbar-height:114px}.studio-topbar{grid-template-rows:40px 74px;min-height:114px}.topbar-transport{grid-template-rows:34px 34px;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);row-gap:6px}.topbar-transport-left{grid-area:1/1/auto/-1;justify-content:center;justify-self:stretch}.transport-playback{grid-area:2/2}.topbar-transport-right{grid-area:2/3;gap:6px}.topbar-source-actions-right{gap:2px;padding-left:6px}.transport-status{gap:5px}.transport-clock{min-width:70px}.transport-cycle{min-width:56px}.studio-body{flex-direction:column;display:flex}.source-sidebar{border-bottom:1px solid var(--line);flex:0 0 min(380px,45svh);width:100%;height:min(380px,45svh);min-height:0}.editor-resize-divider{display:none}.source-editor-shell{flex:auto;min-height:0;max-height:none}.source-editor-host{min-height:0}.daw-canvas{flex:auto;height:auto;padding:0}.timeline-head,.track-lane,.timeline-fill{grid-template-columns:var(--track-label-width) var(--timeline-grid-width,680px);min-width:calc(var(--track-label-width) + var(--timeline-grid-width,680px))}}@media (width<=700px){.studio-shell{--topbar-height:92px}.studio-topbar{grid-template-rows:56px auto;grid-template-columns:1fr auto;gap:0 12px;min-height:92px;padding:0 12px}.topbar-brand-group{gap:10px}.topbar-right{min-width:0}.topbar-metrics{display:none}.topbar-session{border-top:1px solid var(--line-soft);flex-direction:row;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;min-height:36px;display:flex;overflow-x:auto}.topbar-transport{justify-content:flex-start;width:max-content;min-width:max-content;display:flex}.topbar-transport-left{flex:none}.topbar-transport-right{flex:none;justify-content:flex-start}.transport-status{justify-content:flex-start}.topbar-global-popover{position:fixed;top:92px}.topbar-global-popover:before{display:none}.topbar-settings-menu{width:min(320px,100vw - 24px);max-height:calc(100svh - 104px);position:fixed;top:92px;left:12px}.topbar-settings-menu:before{display:none}.key-popover{left:auto;right:12px;transform:none}.tempo-popover{left:12px;transform:none}.session-name-row{justify-content:flex-start}.studio-body{min-height:calc(100svh - var(--topbar-height))}.source-sidebar{padding:14px 12px 16px}.daw-canvas{padding:0}.timeline-shell{height:100%;min-height:0;margin-top:0}.track-fx-drawer{height:var(--track-fx-drawer-height,min(520px, 68svh));max-height:min(760px,90svh)}.track-fx-drawer-header,.track-fx-drawer-body,.track-fx-drawer-footer{padding-left:12px;padding-right:12px}.track-fx-drawer-close{right:12px}.track-fx-drawer-body{grid-template-columns:minmax(0,1fr)}.track-fx-drawer-chain-section{grid-column:auto}.track-fx-effect-picker{flex-basis:300px}.track-fx-effect-picker-browse,.track-sound-picker-browse{grid-template-columns:100px minmax(0,1fr)}.track-sound-voice-copy{grid-template-columns:max-content minmax(0,1fr)}.track-sound-voice-copy code,.track-sound-voice-copy small{grid-column:2}.track-fx-drawer-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}.track-fx-drawer{animation:none}}