:root,[data-theme=dark]{--m3-primary: #b8a4ff;--m3-on-primary: #2a1a6b;--m3-primary-container: #4a36a3;--m3-on-primary-container: #e7dfff;--m3-accent: #7c5cff;--m3-surface: #121316;--m3-surface-dim: #0d0e11;--m3-surface-container-lowest: #0a0b0e;--m3-surface-container-low: #16181c;--m3-surface-container: #1c1e22;--m3-surface-container-high: #25272d;--m3-surface-container-highest: #2f3137;--m3-on-surface: #e6e7ec;--m3-on-surface-variant: #a8a9b3;--m3-on-surface-faint: #6e6f78;--m3-outline: #45464f;--m3-outline-variant: #2a2c33;--m3-error: #ffb4ab;--m3-success: #5ce2a0;--m3-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 3px 1px rgba(0,0,0,.3);--m3-shadow-lg: 0 4px 8px 3px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.6);--grid-line: rgba(255,255,255,.04);--grid-line-bar: rgba(255,255,255,.09)}[data-theme=light]{--m3-primary: #5a3fc6;--m3-on-primary: #ffffff;--m3-primary-container: #e7dfff;--m3-on-primary-container: #1a0866;--m3-accent: #6750a4;--m3-surface: #fbf8ff;--m3-surface-dim: #dcd7e5;--m3-surface-container-lowest: #ffffff;--m3-surface-container-low: #f5f1fc;--m3-surface-container: #eee8f7;--m3-surface-container-high: #e8e2f2;--m3-surface-container-highest: #e1dcec;--m3-on-surface: #1c1b1f;--m3-on-surface-variant: #49454e;--m3-on-surface-faint: #7a7682;--m3-outline: #79747e;--m3-outline-variant: #cac4d0;--m3-shadow: 0 1px 2px rgba(40,30,80,.08), 0 1px 3px 1px rgba(40,30,80,.06);--m3-shadow-lg: 0 4px 8px 3px rgba(40,30,80,.1), 0 1px 3px rgba(40,30,80,.08);--grid-line: rgba(20,15,40,.06);--grid-line-bar: rgba(20,15,40,.12)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;background:var(--m3-surface);color:var(--m3-on-surface);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}#root{display:grid;grid-template-rows:64px 1fr 28px;height:100vh}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.surface-1{background:var(--m3-surface-container-low)}.surface-2{background:var(--m3-surface-container)}.surface-3{background:var(--m3-surface-container-high)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--m3-on-surface);font:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;position:relative;transition:background .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:color-mix(in oklab,var(--m3-on-surface) 8%,transparent)}.btn:active{background:color-mix(in oklab,var(--m3-on-surface) 12%,transparent)}.btn-filled{background:var(--m3-primary);color:var(--m3-on-primary);font-weight:600}.btn-filled:hover{background:color-mix(in oklab,var(--m3-primary) 92%,white 8%)}.btn-tonal{background:var(--m3-primary-container);color:var(--m3-on-primary-container);font-weight:500}.btn-tonal:hover{background:color-mix(in oklab,var(--m3-primary-container) 92%,white 8%)}.btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.btn-icon.small{width:32px;height:32px}.btn-icon.tiny{width:24px;height:24px}.icon{width:20px;height:20px;flex-shrink:0}.icon.sm{width:16px;height:16px}.icon.lg{width:24px;height:24px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--m3-surface-container-high);border:1px solid var(--m3-outline-variant);font-size:13px;color:var(--m3-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none}.chip:hover{background:var(--m3-surface-container-highest)}.chip.active{background:var(--m3-primary-container);color:var(--m3-on-primary-container);border-color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--m3-outline-variant);border-radius:5px;border:2px solid var(--m3-surface)}::-webkit-scrollbar-thumb:hover{background:var(--m3-outline)}.divider{background:var(--m3-outline-variant)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--m3-primary);outline-offset:2px}button:focus{outline:none}button:focus-visible{outline:2px solid var(--m3-primary);outline-offset:2px}.track-color-0{--track: #ff6b9d}.track-color-1{--track: #ffb84d}.track-color-2{--track: #ffe45c}.track-color-3{--track: #5ce2a0}.track-color-4{--track: #5cc8ff}.track-color-5{--track: #b8a4ff}.track-color-6{--track: #ff8ad6}.track-color-7{--track: #ff7a6e}.app{display:contents}.workspace{display:grid;min-height:0;overflow:hidden;background:var(--m3-surface-dim)}.workspace.with-browser.view-tracks{grid-template-columns:264px 1fr}.workspace.no-browser.view-tracks{grid-template-columns:1fr}.workspace.with-browser.view-mixer{grid-template-columns:264px 1fr}.workspace.no-browser.view-mixer{grid-template-columns:1fr}.toolbar{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--m3-surface-container-low);border-bottom:1px solid var(--m3-outline-variant);height:64px}.toolbar-section{display:flex;align-items:center;gap:8px}.toolbar-divider{width:1px;height:32px;background:var(--m3-outline-variant);margin:0 4px}.toolbar-spacer{flex:1;display:flex;justify-content:center;align-items:center}.view-tabs{display:inline-flex;background:var(--m3-surface-container);border:1px solid var(--m3-outline-variant);border-radius:12px;padding:3px;gap:2px}.view-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font:inherit;font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--m3-on-surface-variant);padding:7px 18px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.view-tab:hover{background:color-mix(in oklab,var(--m3-on-surface) 6%,transparent);color:var(--m3-on-surface)}.view-tab.on{background:var(--m3-primary);color:var(--m3-on-primary);box-shadow:0 1px 2px #00000040}.view-tab.on:hover{background:color-mix(in oklab,var(--m3-primary) 92%,white 8%)}.panel-toggle{color:var(--m3-on-surface-variant);background:transparent}.panel-toggle:hover{background:var(--m3-surface-container-high);color:var(--m3-on-surface)}.panel-toggle.on{background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.panel-toggle.disabled{opacity:.35;cursor:not-allowed}.panel-toggle:disabled{pointer-events:none}.actions-divider{width:1px;height:22px;background:var(--m3-outline-variant);margin:0 4px}.toolbar-brand{gap:12px;padding-right:4px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--m3-surface-container-high);display:flex;align-items:center;justify-content:center;border:1px solid var(--m3-outline-variant)}.brand-name{font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.1}.brand-project{font-size:11px;color:var(--m3-on-surface-variant);display:inline-flex;align-items:center;gap:4px;margin-top:2px}.transport{gap:4px}.transport-btn{background:var(--m3-surface-container);color:var(--m3-on-surface);border:1px solid var(--m3-outline-variant)}.transport-btn:hover{background:var(--m3-surface-container-high)}.transport-btn.small{width:32px;height:32px}.transport-btn.primary{background:var(--m3-primary);color:var(--m3-on-primary);width:48px;height:48px;border-color:transparent;box-shadow:var(--m3-shadow)}.transport-btn.primary:hover{background:color-mix(in oklab,var(--m3-primary) 92%,white 8%)}.transport-btn.primary.playing{background:var(--m3-accent);color:#fff}.transport-btn.recording{background:#ff6b6b;color:#fff;border-color:transparent}.transport-btn.recording svg{animation:pulse 1.2s ease-in-out infinite}.transport-btn.active{background:var(--m3-primary-container);color:var(--m3-on-primary-container);border-color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.position{gap:18px;margin-left:8px;padding:4px 14px;background:var(--m3-surface-container);border:1px solid var(--m3-outline-variant);border-radius:12px}.position-block{display:flex;flex-direction:column;align-items:flex-start}.position-label{font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--m3-on-surface-faint)}.position-value{font-size:18px;font-weight:500;color:var(--m3-on-surface);line-height:1.1}.meta{gap:6px}.meta-tile{display:flex;flex-direction:column;padding:6px 12px;background:var(--m3-surface-container);border:1px solid var(--m3-outline-variant);border-radius:10px;min-width:64px;cursor:ns-resize}.meta-tile:hover{background:var(--m3-surface-container-high)}.meta-label{font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--m3-on-surface-faint)}.meta-value{font-size:14px;font-weight:500;color:var(--m3-on-surface);line-height:1.2;margin-top:1px}.meta-input{font-size:14px;font-weight:500;background:transparent;border:1px solid var(--m3-primary);border-radius:4px;width:60px;color:var(--m3-on-surface);padding:1px 4px;outline:none}.master{gap:10px;padding:4px 12px;background:var(--m3-surface-container);border-radius:12px;border:1px solid var(--m3-outline-variant)}.master-meter{display:flex;gap:3px;background:var(--m3-surface-container-lowest);padding:3px;border-radius:4px;height:44px}.meter-channel{width:6px;height:100%;background:linear-gradient(to top,#2a2c33,#2a2c33);border-radius:2px;position:relative;overflow:hidden}.meter-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#5ce2a0,#5ce2a0 60%,#ffe45c,#ff7a6e);transition:height .05s linear}.master-label{display:flex;flex-direction:column}.master-db{font-size:13px;color:var(--m3-on-surface);margin-top:2px}.actions{gap:2px}.actions .btn-icon{background:transparent;color:var(--m3-on-surface-variant)}.actions .btn-icon:hover{background:var(--m3-surface-container-high);color:var(--m3-on-surface)}.browser{background:var(--m3-surface-container-low);border-right:1px solid var(--m3-outline-variant);display:flex;flex-direction:column;min-height:0}.browser-tabs{display:flex;padding:8px 8px 0;gap:4px;border-bottom:1px solid var(--m3-outline-variant)}.browser-tab{flex:1;background:transparent;border:0;padding:10px 8px;font:inherit;font-size:13px;font-weight:500;color:var(--m3-on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;border-radius:8px 8px 0 0}.browser-tab:hover{background:color-mix(in oklab,var(--m3-on-surface) 6%,transparent);color:var(--m3-on-surface)}.browser-tab.active{color:var(--m3-primary)}.browser-tab.active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:3px;background:var(--m3-primary);border-radius:3px 3px 0 0}.browser-search{margin:12px 12px 8px;display:flex;align-items:center;gap:6px;background:var(--m3-surface-container);border-radius:24px;padding:0 8px 0 12px;height:36px;border:1px solid transparent;transition:border .15s}.browser-search:focus-within{border-color:var(--m3-primary);background:var(--m3-surface-container-high)}.browser-search>svg{color:var(--m3-on-surface-variant);flex-shrink:0}.browser-search input{flex:1;background:transparent;border:0;outline:0;font:inherit;font-size:13px;color:var(--m3-on-surface);min-width:0}.browser-search input::placeholder{color:var(--m3-on-surface-faint)}.browser-body{flex:1;overflow:auto;padding:4px 4px 12px}.tree-node{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--m3-on-surface-variant);margin:1px 4px}.tree-node:hover{background:color-mix(in oklab,var(--m3-on-surface) 6%,transparent);color:var(--m3-on-surface)}.tree-node.is-open{background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.tree-node.folder{font-weight:500;color:var(--m3-on-surface)}.tree-node.leaf{color:var(--m3-on-surface-variant)}.tree-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-list{padding:4px 8px 8px;display:flex;flex-direction:column;gap:16px}.plugin-section-h{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m3-on-surface-faint);padding:4px 8px 8px}.plugin-section-h .count{margin-left:auto;font-size:11px;color:var(--m3-on-surface-faint);font-weight:400}.plugin-card{display:grid;grid-template-columns:36px 1fr 16px;align-items:center;gap:10px;padding:8px;background:var(--m3-surface-container);border:1px solid transparent;border-radius:10px;margin-bottom:4px;cursor:grab;transition:all .12s}.plugin-card:hover{background:var(--m3-surface-container-high);border-color:var(--m3-outline-variant)}.plugin-card:active{cursor:grabbing}.plugin-thumb{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#7c5cff,#b8a4ff);display:flex;align-items:center;justify-content:center;color:#fff}.plugin-thumb.fx{background:linear-gradient(135deg,#5cc8ff,#5ce2a0)}.plugin-name{font-size:13px;font-weight:500;line-height:1.2}.plugin-tag{font-size:11px;color:var(--m3-on-surface-faint);line-height:1.2;margin-top:2px}.plugin-drag{color:var(--m3-on-surface-faint)}.browser-foot{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:11px;color:var(--m3-on-surface-faint);border-top:1px solid var(--m3-outline-variant);background:var(--m3-surface-container-lowest)}.center-split{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--m3-surface)}.playlist{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:var(--m3-surface)}.playlist-head,.pr-head,.mixer-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--m3-surface-container-low);border-bottom:1px solid var(--m3-outline-variant);min-height:44px}.playlist-title,.pr-title,.mixer-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--m3-on-surface);letter-spacing:-.01em}.playlist-tools,.pr-tools,.mixer-tools{display:flex;align-items:center;gap:6px}.playlist-zoom{font-size:11px;color:var(--m3-on-surface-faint);padding:0 6px}.playlist-grid{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0;overflow:hidden}.track-headers{background:var(--m3-surface-container-low);border-right:1px solid var(--m3-outline-variant);overflow-y:hidden}.track-headers-spacer{height:32px;border-bottom:1px solid var(--m3-outline-variant)}.track-header{display:grid;grid-template-columns:4px 28px 1fr auto;align-items:center;gap:8px;padding:6px 10px 6px 0;border-bottom:1px solid var(--m3-outline-variant);position:relative;transition:background .12s}.track-header:hover{background:color-mix(in oklab,var(--m3-on-surface) 4%,transparent)}.track-header.drop{background:color-mix(in oklab,var(--m3-primary) 20%,transparent)}.track-color-bar{background:var(--track);height:100%;min-height:100%;border-radius:0 2px 2px 0}.track-num{font-size:11px;color:var(--m3-on-surface-faint);text-align:center;font-weight:500}.track-info{min-width:0}.track-name{font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--m3-on-surface);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-gen{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--m3-on-surface-faint);margin-top:3px}.track-gen-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.track-ctrls{display:flex;align-items:center;gap:4px;padding-right:4px}.tlet{width:22px;height:22px;border-radius:6px;background:transparent;border:1px solid var(--m3-outline-variant);color:var(--m3-on-surface-faint);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s}.tlet.mute.on{background:#ffb84d;color:#2a1a05;border-color:transparent}.tlet.solo.on{background:#5ce2a0;color:#052a1a;border-color:transparent}.tlet:hover{background:var(--m3-surface-container-high);color:var(--m3-on-surface)}.track-channel{font-size:10px;color:var(--track);font-weight:700;padding:3px 6px;background:color-mix(in oklab,var(--track) 18%,transparent);border-radius:6px}.timeline-wrap{overflow:auto;position:relative}.timeline{position:relative;min-height:100%}.ruler{position:sticky;top:0;z-index:5;height:32px;background:var(--m3-surface-container);border-bottom:1px solid var(--m3-outline-variant);display:block;position:relative;cursor:pointer}.ruler-bar{position:absolute;top:0;bottom:0;border-right:1px solid var(--m3-outline-variant);display:flex;align-items:center;padding-left:6px}.ruler-bar span{font-size:11px;color:var(--m3-on-surface-variant);font-weight:500}.timeline-body{position:relative}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--grid-line)}.grid-line.bar{background:var(--grid-line-bar)}.track-row{position:absolute;left:0;right:0;border-bottom:1px solid var(--m3-outline-variant)}.track-row.even{background:color-mix(in oklab,var(--m3-on-surface) 1%,transparent)}.clip{position:absolute;border-radius:6px;background:color-mix(in oklab,var(--track) 22%,var(--m3-surface-container));border:1px solid color-mix(in oklab,var(--track) 60%,transparent);overflow:hidden;cursor:move;color:var(--track);transition:box-shadow .12s,border-color .12s,transform .12s;-webkit-user-select:none;user-select:none}.clip:hover{border-color:var(--track);box-shadow:0 1px 4px #00000040}.clip.selected{border-color:var(--track);box-shadow:0 0 0 2px color-mix(in oklab,var(--track) 50%,transparent),0 2px 6px #00000059;z-index:3}.clip-head{background:var(--track);color:#1a1a1a;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:4px;height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-name{overflow:hidden;text-overflow:ellipsis}.clip-body{height:calc(100% - 14px);overflow:hidden;padding:1px}.clip-midi,.clip-wave{display:block}.playhead{position:absolute;top:32px;width:2px;background:var(--m3-primary);pointer-events:none;z-index:4;box-shadow:0 0 8px var(--m3-primary)}.playhead-tri{position:absolute;top:-10px;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--m3-primary)}.pianoroll{flex:0 0 320px;display:flex;flex-direction:column;background:var(--m3-surface);border-top:1px solid var(--m3-outline-variant);min-height:0}.pr-head .pr-title{display:flex;align-items:center;gap:10px}.pr-clip-dot{width:10px;height:10px;border-radius:50%}.pr-clip-name{font-weight:600;font-size:13px}.pr-track-name{font-size:11px;color:var(--m3-on-surface-variant);margin-left:6px;padding-left:10px;border-left:1px solid var(--m3-outline-variant)}.seg{display:inline-flex;background:var(--m3-surface-container);border-radius:8px;padding:2px;border:1px solid var(--m3-outline-variant)}.seg-btn{width:28px;height:26px;background:transparent;border:0;color:var(--m3-on-surface-variant);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.seg-btn:hover{background:color-mix(in oklab,var(--m3-on-surface) 6%,transparent);color:var(--m3-on-surface)}.seg-btn.on{background:var(--m3-primary-container);color:var(--m3-on-primary-container)}.pr-snap{display:inline-flex;align-items:center;gap:6px}.pr-label{font-size:10px;color:var(--m3-on-surface-faint);font-weight:700;letter-spacing:.06em}.pr-select{background:var(--m3-surface-container);border:1px solid var(--m3-outline-variant);color:var(--m3-on-surface);font:inherit;font-size:12px;border-radius:6px;padding:3px 4px;cursor:pointer}.pr-body{display:grid;grid-template-columns:64px 1fr;flex:1;min-height:0;overflow:hidden}.pr-keys{background:var(--m3-surface-container-lowest);border-right:1px solid var(--m3-outline-variant);overflow-y:auto;position:relative}.pr-key{position:absolute;left:0;right:0;border-bottom:1px solid var(--m3-outline-variant);display:flex;align-items:center;justify-content:flex-end;padding-right:6px}.pr-key.white{background:var(--m3-surface-container-low)}.pr-key.black{background:var(--m3-surface-container)}.pr-key-label{font-size:9px;color:var(--m3-on-surface-faint)}.pr-grid-wrap{overflow:auto;position:relative}.pr-ruler{position:sticky;top:0;z-index:5;height:22px;background:var(--m3-surface-container);border-bottom:1px solid var(--m3-outline-variant);position:relative}.pr-ruler-beat{position:absolute;top:0;bottom:0;border-right:1px solid var(--m3-outline-variant);padding-left:6px;display:flex;align-items:center;font-size:10px;color:var(--m3-on-surface-variant)}.pr-grid{position:relative;background:var(--m3-surface-container-low);cursor:crosshair}.pr-row-black{position:absolute;left:0;background:color-mix(in oklab,var(--m3-on-surface) 4%,transparent);pointer-events:none}.pr-row-line{position:absolute;left:0;right:0;height:1px;background:var(--m3-outline-variant);opacity:.4;pointer-events:none}.pr-row-c{position:absolute;left:0;right:0;height:1px;background:var(--m3-outline);pointer-events:none}.pr-col{position:absolute;top:0;width:1px;pointer-events:none}.pr-col.major{background:var(--grid-line-bar)}.pr-col.minor{background:var(--grid-line)}.pr-beyond{position:absolute;top:0;background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--m3-surface-dim) 70%,transparent) 0 8px,transparent 8px 16px);pointer-events:none}[data-theme=dark] .pr-beyond{background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 6px,transparent 6px 14px),#0000004d}[data-theme=light] .pr-beyond{background:repeating-linear-gradient(135deg,rgba(20,15,40,.04) 0 6px,transparent 6px 14px),#140f280a}.pr-clip-end{position:absolute;top:0;width:2px;background:color-mix(in oklab,var(--track) 80%,transparent);box-shadow:0 0 6px color-mix(in oklab,var(--track) 60%,transparent);pointer-events:none;z-index:3}.pr-note{position:absolute;background:var(--track);border-radius:3px;cursor:move;box-shadow:inset 0 1px color-mix(in oklab,white 30%,transparent),0 1px 2px #0000004d;border:1px solid color-mix(in oklab,var(--track) 60%,black);z-index:2}.pr-note:hover{filter:brightness(1.1)}.pr-note.sel{box-shadow:0 0 0 2px var(--m3-primary),0 1px 2px #0006;z-index:3}.pr-playhead{position:absolute;top:0;width:2px;background:var(--m3-primary);pointer-events:none;z-index:4;box-shadow:0 0 6px var(--m3-primary)}.pr-foot{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;font-size:11px;color:var(--m3-on-surface-faint);background:var(--m3-surface-container-lowest);border-top:1px solid var(--m3-outline-variant)}.mixer{background:var(--m3-surface-container-low);display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--m3-outline-variant)}.workspace.no-browser .mixer{border-left:0}.mixer-body{flex:1;display:grid;grid-template-columns:1fr 360px;min-height:0;overflow:hidden}.mixer-strips{display:flex;overflow-x:auto;overflow-y:hidden;padding:16px 18px 18px 32px;gap:6px;align-items:stretch}.strip{width:68px;flex-shrink:0;background:var(--m3-surface-container);border-radius:10px;border:1px solid var(--m3-outline-variant);display:grid;grid-template-rows:4px auto auto auto 1fr auto;padding:10px 6px;gap:8px;cursor:pointer;transition:background .12s,border-color .12s;color:var(--track);min-height:0;position:relative}.strip:hover{background:var(--m3-surface-container-high)}.strip.sel{background:var(--m3-surface-container-high);border-color:var(--track);box-shadow:inset 0 0 0 1px var(--track)}.strip.master{width:82px;background:var(--m3-surface-container-high)}.strip.bus{background:var(--m3-surface-container-low);border-style:dashed}.strip.drop{border-color:var(--m3-primary);background:var(--m3-surface-container-high)}.strip-color-bar{height:4px;border-radius:2px;background:var(--track)}.strip-name{font-size:11px;font-weight:600;text-align:center;color:var(--m3-on-surface);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pan-knob{background:transparent;border:0;padding:0;cursor:ns-resize;color:var(--track);display:flex;justify-content:center;margin:0 auto}.pan-bg{fill:var(--m3-surface-container-lowest);stroke:var(--m3-outline-variant);stroke-width:1.5}.strip-ms-row{display:flex;justify-content:center;gap:4px}.strip-combo{display:flex;justify-content:center;padding:4px 0 8px;min-height:0}.combo-track{position:relative;display:grid;grid-template-columns:8px 6px 8px;gap:3px;padding:8px 4px;background:var(--m3-surface-container-lowest);border-radius:5px;height:100%;min-height:0;align-items:stretch;overflow:visible}.combo-ticks{position:absolute;right:100%;top:8px;bottom:8px;margin-right:5px;pointer-events:none}.combo-ticks span{position:absolute;right:0;transform:translateY(-50%);font-family:JetBrains Mono,monospace;font-size:8px;color:var(--m3-on-surface-faint);font-variant-numeric:tabular-nums}.combo-meter{background:var(--m3-surface-container);border-radius:2px;position:relative;overflow:hidden;min-height:0;z-index:0}.combo-meter .meter-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#5ce2a0,#5ce2a0 55%,#ffe45c 78%,#ff7a6e);transition:height .05s linear}.combo-rail{position:relative;background:var(--m3-surface-container);border-radius:2px;overflow:hidden;min-height:0;z-index:0}.combo-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--m3-primary),color-mix(in oklab,var(--m3-primary) 80%,white));border-radius:2px;pointer-events:none}.combo-cap{position:absolute;left:2px;right:2px;height:10px;background:var(--m3-surface-container-highest);border:1px solid var(--m3-outline);border-radius:3px;cursor:ns-resize;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000080,0 0 0 1px #0000004d;transition:background .12s,border-color .12s;z-index:2}.combo-cap.drag,.combo-cap:hover{background:var(--m3-primary);border-color:var(--m3-primary);box-shadow:0 2px 6px #7c5cff66,0 0 0 1px #0000004d}.cap-line{width:14px;height:2px;background:var(--m3-primary);border-radius:1px}.combo-cap.drag .cap-line,.combo-cap:hover .cap-line{background:#fff}.strip-foot{display:flex;flex-direction:column;align-items:center;gap:3px}.strip-db{font-size:10px;color:var(--m3-on-surface);background:var(--m3-surface-container-lowest);border-radius:4px;padding:2px 6px;font-weight:600;min-width:44px;text-align:center;letter-spacing:-.02em}.strip-fxcount{font-size:9px;color:var(--track);font-weight:700;letter-spacing:.04em}.fx-panel{background:var(--m3-surface-container);border-left:1px solid var(--m3-outline-variant);display:flex;flex-direction:column;min-height:0;transition:background .12s}.fx-panel.drop{background:color-mix(in oklab,var(--m3-primary) 12%,var(--m3-surface-container))}.fx-panel-head{padding:18px 20px 14px;border-bottom:1px solid var(--m3-outline-variant);display:flex;flex-direction:column;gap:6px}.fx-panel-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--m3-on-surface-faint)}.fx-panel-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--m3-on-surface)}.fx-panel-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px color-mix(in oklab,var(--track) 25%,transparent)}.fx-panel-meta{display:flex;gap:8px;font-size:11px;color:var(--m3-on-surface-faint);letter-spacing:.02em}.fx-panel-list{flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:8px}.fx-card{display:grid;grid-template-columns:16px 22px 38px 1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 4px;background:var(--m3-surface-container-high);border:1px solid var(--m3-outline-variant);border-radius:10px;border-left:3px solid var(--track);transition:all .12s}.fx-card:hover{background:var(--m3-surface-container-highest);border-color:var(--m3-outline)}.fx-card.bypass{opacity:.45}.fx-card.bypass{border-left-color:var(--m3-outline)}.fx-card-grip{color:var(--m3-on-surface-faint);cursor:grab;display:flex;justify-content:center}.fx-card-grip:active{cursor:grabbing}.fx-card-power{width:22px;height:22px;border-radius:50%;background:var(--m3-surface-container-lowest);border:1px solid var(--m3-outline);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .12s}.fx-card-power .power-dot{width:8px;height:8px;border-radius:50%;background:var(--track);box-shadow:0 0 6px color-mix(in oklab,var(--track) 60%,transparent);transition:all .12s}.fx-card-power.off .power-dot{background:var(--m3-outline);box-shadow:none}.fx-card-power:hover{border-color:var(--track)}.fx-card-thumb{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,color-mix(in oklab,var(--track) 70%,transparent),color-mix(in oklab,var(--track) 40%,var(--m3-surface-container-low)));display:flex;align-items:center;justify-content:center;color:#fff}.fx-card-body{min-width:0}.fx-card-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.fx-card-name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--m3-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.fx-card-tag{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--track);background:color-mix(in oklab,var(--track) 18%,transparent);padding:2px 6px;border-radius:4px;flex-shrink:0}.fx-card-wet{display:flex;align-items:center;gap:8px;font-size:10px}.wet-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--m3-on-surface-faint)}.wet-bar{flex:1;height:3px;background:var(--m3-surface-container-lowest);border-radius:1.5px;overflow:hidden}.wet-fill{height:100%;background:var(--track);border-radius:1.5px}.wet-val{font-size:10px;color:var(--m3-on-surface-variant);min-width:18px;text-align:right}.fx-card-actions{display:flex;gap:2px;color:var(--m3-on-surface-faint)}.fx-card-actions .btn-icon:hover{color:var(--m3-on-surface)}.fx-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:transparent;border:1px dashed var(--m3-outline-variant);border-radius:10px;font:inherit;font-size:12px;color:var(--m3-on-surface-faint);cursor:pointer;transition:all .12s}.fx-add:hover{border-color:var(--m3-primary);color:var(--m3-primary);background:color-mix(in oklab,var(--m3-primary) 8%,transparent)}.fx-panel-foot{padding:12px 20px;border-top:1px solid var(--m3-outline-variant);background:var(--m3-surface-container-low)}.fx-routing{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--m3-on-surface-faint)}.fx-routing>.mono{font-weight:700;letter-spacing:.08em}.send-list{display:flex;gap:4px;flex-wrap:wrap}.send-chip{font-size:10px;background:var(--m3-surface-container-high);color:var(--m3-on-surface);padding:2px 6px;border-radius:4px;font-weight:600}.send-empty{font-size:11px;font-style:italic}.statusbar{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--m3-surface-container-low);border-top:1px solid var(--m3-outline-variant);font-size:11px;color:var(--m3-on-surface-variant)}.status-item{display:inline-flex;align-items:center;gap:6px}.status-divider{width:1px;height:14px;background:var(--m3-outline-variant)}.status-spacer{flex:1}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.plugin-window{position:fixed;background:var(--m3-surface-container-high);border:1px solid var(--m3-outline-variant);border-radius:10px;box-shadow:0 12px 40px #00000073;display:flex;flex-direction:column;overflow:hidden;color:var(--m3-on-surface)}.plugin-window-head{height:32px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;background:var(--m3-surface-container-highest);border-bottom:1px solid var(--m3-outline-variant);cursor:move;-webkit-user-select:none;user-select:none}.plugin-window-dot{width:8px;height:8px;border-radius:50%;background:var(--m3-primary)}.plugin-window-title{flex:1;font-size:12px;font-weight:600}.plugin-window-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--m3-on-surface-variant);width:22px;height:22px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.plugin-window-x:hover{background:#ffffff14;color:var(--m3-on-surface)}[data-theme=light] .plugin-window-x:hover{background:#0000000f}.plugin-window-body{flex:1;min-height:0;display:flex}.plugin-window-body iframe{flex:1}