@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;--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}*{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);backdrop-filter:blur(14px);min-height:72px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#090b0cf2;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;box-shadow:0 8px 28px #00000029}.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]{color:var(--ink);background:#202627}.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);width:min(380px,100vw - 36px);max-height:calc(100svh - 96px);color:var(--ink-soft);letter-spacing:normal;text-align:left;text-transform:none;background:#111617;border-radius:5px;gap:16px;padding:16px;display:grid;position:absolute;top:calc(100% + 11px);left:0;overflow-y:auto;box-shadow:0 18px 42px #0000007a}.topbar-settings-menu:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:#111617;width:10px;height:10px;position:absolute;top:-6px;left:14px;transform:rotate(45deg)}.settings-menu-heading{gap:4px;display:grid}.settings-menu-heading>span{color:var(--ink-muted);font-family:var(--mono);font-size:8px;line-height:1.45}.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:8px;padding-top:12px;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-actions,.settings-menu-list{gap:6px;display:grid}.settings-menu-action,.settings-menu-project{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink-soft);text-align:left;background:#171c1d;border-radius:4px;align-items:center;padding:9px 10px;display:flex}.settings-menu-action{gap:10px}.settings-menu-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:0 0 18px;width:18px;height:18px}.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:12px;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:8px;overflow:hidden}.settings-menu-action:hover:not(:disabled),.settings-menu-action:focus-visible,.settings-menu-project:hover:not(:disabled),.settings-menu-project:focus-visible{border-color:var(--accent);color:var(--ink);background:#202627;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>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 15px;width:15px;height:15px}.settings-menu-template strong{color:var(--accent)}.settings-menu-refresh{border:1px solid var(--line);width:24px;height:24px;color:var(--ink-muted);background:0 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{border-color:var(--ink-muted);color:var(--ink);background:#202627;outline:0}.settings-menu-refresh:disabled{cursor:not-allowed;opacity:.42}.settings-menu-status{border:1px dashed var(--line);color:var(--ink-muted);font-family:var(--mono);margin:0;padding:9px 10px;font-size:9px;line-height:1.45}.settings-menu-status-error{color:var(--danger);border-color:#ff7a6873}.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;width:100%;height:100%;display:block}.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);min-height:34px;color:var(--ink-soft);font-family:var(--sans);letter-spacing:-.02em;background:#171c1d;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);color:var(--ink);background:#202627}.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);min-height:34px;color:var(--ink-muted);font-family:var(--sans);background:#171c1d;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);color:var(--ink-soft);letter-spacing:normal;text-transform:none;background:#111617;border-radius:5px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 11px);left:50%;transform:translate(-50%);box-shadow:0 18px 42px #0000007a}.topbar-global-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:#111617;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:#1a1f21;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);width:38px;height:38px;color:var(--ink-soft);background:#242a2c;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);color:var(--ink);background:#303839;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:#1a1f21;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{color:var(--ink);background:#3a4245;border-color:#4b5558;box-shadow:0 0 0 2px #f1f3ee0d}.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);color:var(--ink);background:#202627;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]{color:var(--ink);background:#202627}.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);width:286px;color:var(--ink-soft);letter-spacing:normal;text-transform:none;background:#111617;border-radius:5px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 11px);right:0;box-shadow:0 18px 42px #0000007a}.topbar-help-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:#111617;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);color:var(--ink);font-family:var(--mono);white-space:nowrap;background:#171c1d;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:#101415;flex-direction:column;min-width:0;height:100%;min-height:0;padding:0 0 18px;display:flex;overflow:hidden}.editor-resize-divider{border-right:1px solid var(--line);background:#0c1011;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:#0a0c0d;flex:auto;min-height:0;display:block;position:relative;overflow:hidden}.source-editor-host{color:#dce5d7;width:100%;height:100%;min-height:0;font-family:var(--mono);font-size:12px;line-height:var(--editor-line-height);--background:#0a0c0d;--lineBackground:transparent;--foreground:#dce5d7;--selection:rgba(var(--accent-rgb), .22);--selectionMatch:rgba(var(--accent-rgb), .14);--lineHighlight:transparent;--gutterBackground:#0a0c0d;--gutterForeground:#56605b;--comment:#68776e;--string:#b8d98a;--number:#f0c878;--keyword:#d9a8ff;--label:var(--accent);--function:#86d9d0;--property:#a4c8ff;--operator:#8c9791;--identifier:#dce5d7;--font-family:var(--mono);--font-size:12px;background:#0a0c0d}.source-editor-host-hidden{visibility:hidden;pointer-events:none}.source-editor-fallback{background:#0a0c0d;width:100%;height:100%;min-height:0;display:flex;position:absolute;inset:0}.source-editor-fallback-input{resize:none;color:#dce5d7;width:100%;height:100%;min-height:0;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;color:var(--danger);font-family:var(--mono);background:#111617f5;border:1px solid #ff7a688c;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{color:var(--danger);font-family:var(--mono);text-transform:uppercase;background:0 0;border:1px solid #ff7a68a6;border-radius:3px;flex:none;padding:5px 8px;font-size:9px}.source-editor-error button:hover{background:#ff7a681f}.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{color:#56605b;font-family:var(--mono);background:#0a0c0d;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{color:var(--danger);font-family:var(--mono);letter-spacing:.05em;border:1px solid #ff7a6873;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:#0b0e0f;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);min-height:78px;color:var(--ink-soft);z-index:5;background:#171c1d;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);min-height:24px;color:var(--ink-muted);font:inherit;letter-spacing:.04em;background:#121718;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);color:var(--ink);background:#202627}.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);width:236px;color:var(--ink-soft);letter-spacing:normal;text-transform:none;background:#111617;border-radius:5px;gap:12px;padding:14px;display:grid;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 18px 42px #0000007a}.timeline-length-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:#111617;width:10px;height:10px;position:absolute;top:-6px;left:18px;transform:rotate(45deg)}.timeline-length-value{background:#1a1f21;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);color:var(--ink);background:#202627;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{min-width:0;min-height:38px;color:var(--ink);font-family:var(--sans);letter-spacing:-.02em;white-space:nowrap;background:#1d2325;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){color:var(--accent);background:#293133}.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));color:#5f6a64;min-height:78px;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:#121718;border-radius:4px;grid-area:1/1/auto/-1;place-self:start end;align-items:center;width:max-content;min-height:28px;margin:7px 8px 0 0;display:inline-flex;position:sticky;top:7px;right:8px;overflow:hidden;box-shadow:0 5px 16px #0000003d}.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{color:var(--accent);background:#293133;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%, #14191a);box-shadow:inset 2px 0 0 var(--track-color)}.track-lane-selected .lane-grid{background:color-mix(in srgb, var(--track-color) 3%, #0e1213)}.track-header{border-right:1px solid var(--line);z-index:4;background:#14191a;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);width:18px;height:18px;color:var(--ink-soft);background:#1a2021;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:#293133;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);border-radius:2px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #00000047}.track-color-picker-popover{z-index:20;border:1px solid var(--line);width:224px;color:var(--ink-soft);font-family:var(--sans);letter-spacing:0;text-transform:none;background:#121718;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);color:var(--ink-muted);font-family:var(--mono);letter-spacing:.08em;background:#1a2021;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);cursor:pointer;background:#1a2021;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{background:#252c2e;border:1px solid #30383a;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 #ffffff14}.track-mode-button:hover:not(:disabled),.track-mode-button:focus-visible{color:var(--ink);background:#313a3b}.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-fx-controls{min-width:0;font-family:var(--mono);gap:3px;margin-top:2px;font-size:8px;display:grid}.track-fx-toggle{border:1px solid var(--line);width:100%;height:22px;color:var(--ink-muted);font-family:var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#1a2021;border-radius:3px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:8px;padding:0 5px;font-size:8px;display:grid}.track-fx-toggle:hover,.track-fx-toggle:focus-visible{border-color:var(--ink-muted);color:var(--ink);background:#202627;outline:0}.track-fx-toggle:focus-visible{box-shadow:0 0 0 1px var(--accent)}.track-fx-toggle-label{color:var(--ink-soft);font-weight:500}.track-fx-toggle-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-fx-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:12px;height:12px;transition:transform .14s}.track-fx-controls-expanded .track-fx-toggle svg{transform:rotate(180deg)}.track-fx-panel{gap:3px;min-width:0;display:grid}.track-fx-panel[hidden]{display:none}.track-fx-row{min-width:0;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:minmax(38px,max-content) 66px minmax(0,1fr) max-content 16px;align-items:center;gap:5px;display:grid}.track-fx-label{text-overflow:ellipsis;white-space:nowrap;min-width:38px;overflow:hidden}.track-fx-mode-placeholder,.track-fx-remove-placeholder{visibility:hidden;width:100%;height:18px;display:block}.track-fx-mode,.track-fx-add select{border:1px solid var(--line);min-width:0;height:18px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#1a2021;border-radius:3px;padding:0 3px;font-size:8px}.track-fx-mode:hover:not(:disabled),.track-fx-mode:focus-visible,.track-fx-add select:hover:not(:disabled),.track-fx-add select:focus-visible{border-color:var(--ink-muted);outline:0}.track-fx-mode:disabled,.track-fx-add select:disabled{cursor:not-allowed;opacity:.38}.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-value{min-width:34px;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.track-fx-remove{width:16px;height:18px;color:var(--ink-muted);background:0 0;border:0;place-items:center;padding:0;font-size:13px;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-add{min-width:0;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;font-size:8px;display:grid}.track-fx-add select{width:100%;color:var(--ink-muted)}.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%, #26302d), #e7ece3 50%, color-mix(in srgb, var(--track-color) 35%, #26302d));border-radius:2px;height:4px}.track-pan-control::-moz-range-track{background:linear-gradient(to right, color-mix(in srgb, var(--track-color) 35%, #26302d), #e7ece3 50%, color-mix(in srgb, var(--track-color) 35%, #26302d));border-radius:2px;height:4px}.track-pan-control::-webkit-slider-thumb{background:var(--track-color);appearance:none;border:2px solid #111718;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 1px #f1f3eea6}.track-pan-control::-moz-range-thumb{background:var(--track-color);border:2px solid #111718;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #f1f3eea6}.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{opacity:.65;pointer-events:none;background:#111718;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:#0e1213;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%, #0e1213);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%, #0e1213);background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--track-color) 14%, #0e1213) 0, color-mix(in srgb, var(--track-color) 14%, #0e1213) calc(var(--loop-width,1px) - 1px), color-mix(in srgb, var(--track-color) 34%, #0e1213) calc(var(--loop-width,1px) - 1px), color-mix(in srgb, var(--track-color) 34%, #0e1213) 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);z-index:4;background:#101415;position:sticky;left:0}.timeline-fill-grid{background:#0e1213}.timeline-empty-state{border-bottom:1px solid var(--line-soft);width:100%;min-height:180px;color:var(--ink-muted);font-family:var(--mono);letter-spacing:.07em;text-align:center;text-transform:uppercase;background:repeating-linear-gradient(135deg,#ffffff03 0 1px,#0000 1px 9px),#101415;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:#171c1d;border-radius:5px;min-width:260px;padding:5px;display:grid;position:fixed;box-shadow:0 12px 32px #00000061}.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{color:var(--ink);background:#293133;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{color:#ff9b8d;background:#ff7a681f}.canvas-diagnostic{background:#ff7a680a;border:1px solid #ff7a6873;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);font-family:var(--mono);white-space:pre;background:#0000002e;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(380px,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}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}