:root{--bg-top: #fff4dc;--bg-bottom: #e6f5f3;--panel: rgba(255, 255, 255, .8);--panel-solid: #ffffff;--panel-edge: rgba(45, 95, 86, .2);--ink: #0f2f2a;--muted: #5a6e6b;--accent: #11757a;--accent-strong: #0b5d62;--warn: #b5651d;--pill-a: #e17f2c;--pill-b: #c04f25;--ruler-bg: rgba(19, 59, 64, .06);--lane-bg: rgba(255, 255, 255, .65);--lane-grid: rgba(16, 85, 88, .15);--clip-text: #ffffff;--shadow: 0 12px 30px rgba(16, 55, 55, .14);--label-width: 140px;--track-height: 84px;--px-per-second: 90px;--browser-card-height: 74px;--side-library-width: 280px;--ui-scale: 1;--float-opacity: 1;--control-pad-y: 8px;--control-pad-x: 10px;--button-pad-y: 9px;--button-pad-x: 14px;--button-gap: 10px;--ui-font-stack: "Avenir Next", "Trebuchet MS", sans-serif;--slider-width-factor: 75%;--knob-size: 24px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--ui-font-stack);background:radial-gradient(1000px 500px at 110% -15%,rgba(255,155,88,.25),transparent 60%),radial-gradient(900px 450px at -10% 120%,rgba(56,166,158,.2),transparent 65%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body.theme-dark{--bg-top: #10141e;--bg-bottom: #1a2333;--panel: rgba(19, 27, 40, .82);--panel-solid: #172132;--panel-edge: rgba(129, 153, 200, .28);--ink: #dce9ff;--muted: #a7b7d5;--accent: #4f8cff;--accent-strong: #2f6cdb;--warn: #ffd074;--ruler-bg: rgba(87, 117, 171, .12);--lane-bg: rgba(25, 35, 52, .74);--lane-grid: rgba(131, 162, 217, .2);--shadow: 0 14px 32px rgba(7, 12, 20, .42);background:radial-gradient(900px 460px at 110% -10%,rgba(88,120,214,.2),transparent 62%),radial-gradient(840px 420px at -10% 120%,rgba(48,88,154,.18),transparent 64%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body.theme-forest{--bg-top: #f3f8ec;--bg-bottom: #dceee0;--panel: rgba(255, 255, 255, .8);--panel-solid: #ffffff;--panel-edge: rgba(59, 94, 73, .24);--ink: #183828;--muted: #577267;--accent: #2f7f4f;--accent-strong: #23653f;--warn: #8b5b28;--ruler-bg: rgba(42, 93, 68, .08);--lane-bg: rgba(250, 255, 250, .72);--lane-grid: rgba(64, 116, 90, .16);--shadow: 0 12px 30px rgba(30, 66, 48, .16);background:radial-gradient(1000px 500px at 110% -15%,rgba(116,182,117,.18),transparent 60%),radial-gradient(900px 450px at -10% 120%,rgba(85,141,96,.14),transparent 65%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body.theme-midnight{--bg-top: #080c14;--bg-bottom: #111827;--panel: rgba(14, 21, 34, .94);--panel-solid: #101827;--panel-edge: rgba(111, 135, 173, .24);--ink: #c7d3e5;--muted: #8d9bb0;--accent: #6688b8;--accent-strong: #4b668d;--warn: #b89a63;--ruler-bg: rgba(93, 118, 158, .08);--lane-bg: rgba(16, 25, 40, .88);--lane-grid: rgba(111, 139, 181, .14);--shadow: 0 14px 32px rgba(0, 0, 0, .42);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body.theme-midnight .ribbon-shell,body.theme-midnight .playlist-ribbon-shell,body.theme-midnight #pianoRollPanel,body.theme-midnight #pianoRollPanel .control,body.theme-midnight #pianoRollPanel .panel-note{background-color:#0d1522;color:#c7d3e5;border-color:#6f87ad4d}body.theme-midnight .ribbon-tab:not(.is-active),body.theme-midnight .playlist-ribbon-tabs button:not(.is-active){background:#1a2638;color:#aebdd1}body.theme-midnight .ribbon-tab.is-active,body.theme-midnight .playlist-ribbon-tabs button.is-active{background:#3e577d;color:#e5edf8}body.theme-midnight #pianoRollPanel .piano-roll-viewport{background:#090f19;border-color:#6f87ad57}body.theme-paper{--bg-top: #fbf7ef;--bg-bottom: #efe8da;--panel: rgba(255, 253, 247, .9);--panel-edge: rgba(117, 104, 83, .24);--ink: #30261b;--muted: #746754;--accent: #8a5a2f;--accent-strong: #6f4522;--warn: #b5522e;--ruler-bg: rgba(116, 95, 66, .1);--lane-bg: rgba(255, 252, 246, .82);--lane-grid: rgba(131, 112, 84, .18);--shadow: 0 12px 28px rgba(64, 47, 23, .14);background:radial-gradient(1000px 500px at 110% -15%,rgba(217,177,129,.2),transparent 60%),radial-gradient(900px 450px at -10% 120%,rgba(185,160,124,.14),transparent 65%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}.app-shell{transform:scale(var(--ui-scale));transform-origin:top left;width:calc(100% / var(--ui-scale));transition:transform 90ms linear}body.ui-font-avenir{--ui-font-stack: "Avenir Next", "Trebuchet MS", sans-serif}body.ui-font-plex{--ui-font-stack: "IBM Plex Sans", Tahoma, "Segoe UI", sans-serif}body.ui-font-nunito{--ui-font-stack: "Nunito", "Trebuchet MS", Arial, sans-serif}body.ui-font-mono{--ui-font-stack: "JetBrains Mono", "Consolas", monospace}body.theme-dark .control{background:#162031c2;border-color:#7893c452}body.theme-dark .library-drop-zone{background:#141e2da8;border-color:#7893c466}body.theme-dark .timeline-viewport{background:#121c2ac2}body.theme-dark .time-ruler{background:#141e2de6}body.theme-dark .ruler-label{color:var(--muted)}body.theme-dark .ruler-marker span{color:#b8c9e8}body.theme-dark .track-label{background:#192436d6;color:#bdd1f3}body.theme-dark .track-name-input{background:#0d1420e6;color:#dbe8ff;border-color:#7992bf5c}body.theme-dark .track-mixer label{color:#a8bddf}body.theme-dark .track-effects-title,body.theme-dark .track-effects-empty{color:#9bb4db}body.theme-dark .track-effects-editor{background:#152030d1;border-color:#7992bf5c}body.theme-dark .track-effects-editor h3,body.theme-dark .fx-inline-range strong,body.theme-dark .compact-fx-head strong{color:#d7e6ff}body.theme-dark .fx-insert-row{background:linear-gradient(110deg,color-mix(in srgb,var(--fx-color) var(--fx-tint),#1c2740),color-mix(in srgb,var(--fx-color) var(--fx-tint-soft),#162034));border-color:#7992bf57}body.theme-dark .fx-insert-meta,body.theme-dark .fx-inline-toggle,body.theme-dark .fx-inline-range{color:#adc3e6}body.theme-dark .compact-fx-editor{background:#131e2ef5;border-color:#7992bf61}body.button-style-rounded button,body.button-style-rounded .file-button{border-radius:10px}body.button-style-pill button,body.button-style-pill .file-button{border-radius:999px;padding-left:15px;padding-right:15px}body.button-style-squared button,body.button-style-squared .file-button{border-radius:4px}body.slider-style-soft input[type=range]:not(.knob-input){-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#11757a33,#11757a75)}body.slider-style-soft input[type=range]:not(.knob-input)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;border:2px solid #fff;background:var(--accent);box-shadow:0 0 0 2px #11757a40}body.slider-style-soft input[type=range]:not(.knob-input)::-moz-range-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#11757a33,#11757a75)}body.slider-style-soft input[type=range]:not(.knob-input)::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:2px solid #fff;background:var(--accent);box-shadow:0 0 0 2px #11757a40}body.slider-style-line input[type=range]:not(.knob-input){-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#12606359}body.slider-style-line input[type=range]:not(.knob-input)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:18px;border-radius:2px;border:1px solid rgba(9,54,57,.65);background:var(--accent)}body.slider-style-line input[type=range]:not(.knob-input)::-moz-range-track{height:4px;border:0;border-radius:2px;background:#12606359}body.slider-style-line input[type=range]:not(.knob-input)::-moz-range-thumb{width:10px;height:18px;border-radius:2px;border:1px solid rgba(9,54,57,.65);background:var(--accent)}body.slider-style-neon input[type=range]:not(.knob-input){-webkit-appearance:none;appearance:none;height:5px;border-radius:999px;background:#102436c7;box-shadow:inset 0 0 0 1px #608cc470}body.slider-style-neon input[type=range]:not(.knob-input)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;border:1px solid rgba(232,247,255,.88);background:#67d1ff;box-shadow:0 0 0 3px #67d1ff47,0 0 14px #67d1ff99}body.slider-style-neon input[type=range]:not(.knob-input)::-moz-range-track{height:5px;border:0;border-radius:999px;background:#102436c7;box-shadow:inset 0 0 0 1px #608cc470}body.slider-style-neon input[type=range]:not(.knob-input)::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:1px solid rgba(232,247,255,.88);background:#67d1ff;box-shadow:0 0 0 3px #67d1ff47,0 0 14px #67d1ff99}.app-shell{max-width:1720px;margin:0 auto;padding:20px}.app-shell.minimal{max-width:none;padding:6px}.app-shell.minimal .topbar{border-radius:12px;padding:10px 12px}.app-shell.minimal .workspace{margin-top:8px;gap:8px}.app-shell.minimal .panel{border-radius:12px;padding:10px}#helpPanel{margin-top:8px}.topbar{backdrop-filter:blur(5px);background:var(--panel);border:1px solid var(--panel-edge);border-radius:20px;padding:12px 14px;box-shadow:var(--shadow)}.topbar-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 14px}h1{margin:0;font-size:1.8rem;letter-spacing:.02em}.version-pill{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;font-size:.78rem;vertical-align:middle;color:#fff;background:linear-gradient(135deg,var(--pill-a),var(--pill-b))}h2{margin:0;font-size:1.2rem}.topbar p{margin:2px 0 0;color:var(--muted)}.transport{display:grid;gap:4px;margin-bottom:0}.transport-main{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.topbar-head .transport{flex:1 1 640px}.transport-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px;border:1px solid var(--panel-edge);border-radius:10px;background:#ffffff6b}.transport-overflow{border:1px solid var(--panel-edge);border-radius:10px;background:#ffffff6b;padding:4px}.transport-overflow>summary{list-style:none;cursor:pointer;user-select:none;font-weight:700;color:var(--ink);padding:4px 8px}.transport-overflow>summary::-webkit-details-marker{display:none}.transport-overflow-body{display:flex;flex-wrap:wrap;gap:6px;padding:4px}.transport-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pattern-channel-row{border:1px solid var(--panel-edge);border-radius:10px;padding:8px;background:#ffffff80;display:grid;gap:6px}.pattern-editor-panel{margin-top:2px;margin-bottom:2px}.channel-rack-panel{margin-top:2px;margin-bottom:2px;flex:0 0 420px;max-width:min(46vw,620px)}.channel-rack-panel>.track-effects-editor-head{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;align-items:center}.channel-rack-panel>.track-effects-editor-head>h3,.channel-rack-panel>.track-effects-editor-head>.float-grip{flex:0 0 auto}.channel-rack-panel>.track-effects-editor-head>.timeline-actions{flex-wrap:nowrap;flex:0 0 auto}.channel-rack-panel>.track-effects-editor-head>h3{margin:0;flex:0 0 auto!important;width:auto!important;min-width:max-content}.piano-roll-panel{resize:both;overflow:auto;min-height:320px;min-width:460px;max-height:82vh}.piano-roll-panel>.track-effects-editor-head{justify-content:flex-start!important;flex-wrap:nowrap}.piano-roll-panel>.track-effects-editor-head>h3{margin:0;flex:0 0 auto;width:auto!important}.piano-roll-panel .piano-roll-transport{display:inline-flex;flex:0 0 auto;margin:0!important;gap:8px}.piano-roll-panel .piano-roll-viewport{min-height:160px}.workspace>.channel-rack-panel:not(.floating){width:auto;max-width:none;min-width:0;flex:1 1 auto}.workspace>.piano-roll-panel{width:auto;max-width:none;min-width:0;margin-top:2px;margin-bottom:2px}.timeline-panel>.channel-rack-panel:not(.floating){width:100%;max-width:none;flex:1 1 auto}#channelRackBody{max-height:72vh;overflow:auto}.channel-rack-list{display:flex;flex-direction:column;gap:8px}.channel-rack-row{border:1px solid var(--panel-edge);border-radius:12px;padding:8px;background:color-mix(in srgb,var(--panel) 86%,#ffffff 14%)}.channel-rack-row.drag-over{border-color:color-mix(in srgb,var(--accent) 78%,#ffffff 22%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent 60%)}.channel-rack-row.selected{border-color:color-mix(in srgb,var(--accent) 78%,#ffffff 22%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 46%,transparent 54%)}.channel-rack-main{display:grid;grid-template-columns:minmax(260px,340px) minmax(260px,1fr);gap:8px;align-items:stretch}.channel-rack-main.collapsed{grid-template-columns:minmax(220px,1fr)}.channel-rack-steps-wrap{display:flex;align-items:center}.channel-rack-steps-wrap.hidden{display:none}.channel-rack-piano-mode-hint{margin-top:4px;font-size:.78rem;color:var(--muted)}.channel-rack-piano-mode-hint.hidden{display:none}.channel-rack-editor{border:1px solid var(--panel-edge);border-radius:10px;padding:6px;background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%)}.channel-rack-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.channel-rack-collapse-toggle{min-width:28px;padding:4px 6px}.channel-rack-editor.compact .control{padding:4px 6px}.channel-rack-editor.compact .control.slim{min-height:30px}.channel-rack-editor-grid.hidden{display:none}.channel-rack-mute{min-width:34px;padding:5px 8px}.channel-rack-mute.active{background:color-mix(in srgb,var(--warn) 88%,#40220a 12%)}.channel-rack-head input[type=text]{min-width:110px;max-width:170px}.channel-rack-kind{font-size:.72rem;letter-spacing:.05em;color:var(--muted)}.channel-rack-vol{margin-left:auto;min-width:160px}.channel-rack-swing,.channel-rack-shift{min-width:132px}.channel-rack-rand{min-width:48px;padding:4px 8px}.channel-rack-rand.active{background:color-mix(in srgb,var(--warn) 85%,#2a1c10 15%)}.channel-rack-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:4px}.channel-rack-steps{display:grid;grid-template-columns:repeat(var(--pattern-step-count, 16),minmax(16px,1fr));gap:3px}.channel-rack-step{min-width:8px;min-height:14px;height:18px;padding:0;border-radius:3px;border:1px solid var(--panel-edge);background:#ffffff54}.channel-rack-step.active{background:linear-gradient(120deg,var(--accent),var(--accent-strong))}.pattern-editor-panel.floating{position:fixed;inset:72px auto auto 16px;width:min(920px,calc(100vw - 32px));min-width:520px;min-height:180px;max-width:calc(100vw - 16px);max-height:52vh;overflow:auto;resize:both;z-index:60}.pattern-editor-panel.floating.dragging{user-select:none}.channel-rack-panel.floating{position:fixed;z-index:58;resize:both;overflow:auto;min-width:420px;min-height:180px;max-width:calc(100vw - 16px);max-height:52vh}.pattern-editor-drag-handle{cursor:move}.pattern-channel-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pattern-steps{display:grid;grid-template-columns:repeat(var(--pattern-step-count, 16),minmax(18px,1fr));gap:4px}.pattern-step{min-height:22px;padding:0;border-radius:6px;border:1px solid var(--panel-edge);background:#ffffff59}.pattern-step.active{background:linear-gradient(120deg,var(--accent),var(--accent-strong))}.pattern-step.is-playing-step,.pattern-step.active.is-playing-step,.channel-rack-step.active.is-playing-step{outline:2px solid color-mix(in srgb,var(--accent-strong) 60%,#ffffff 40%);outline-offset:-1px}.pattern-lane-label{font-size:.72rem;color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-top:2px}.pattern-lane-empty{font-size:.76rem;color:var(--muted);padding:2px 4px}.pattern-note-lane,.pattern-velocity-lane{display:grid;grid-template-columns:repeat(var(--pattern-step-count, 16),minmax(18px,1fr));gap:4px}.pattern-note-lane input[type=number]{width:100%;min-width:0;min-height:24px;padding:2px 4px;font-size:.78rem;font-weight:700;text-align:center;color:var(--text);border:1px solid var(--panel-edge);border-radius:6px;background:color-mix(in srgb,var(--panel) 86%,#ffffff 14%)}.clip.pattern-clip{outline:1px dashed rgba(255,255,255,.45)}#patternEditorDockAnchor{margin:0;padding:0}#patternEditorDockAnchor+.timeline-panel{margin-top:0}body.ui-no-group-outlines .transport-group,body.ui-no-group-outlines .transport-overflow,body.ui-no-group-outlines .ribbon-shell,body.ui-no-group-outlines .playlist-ribbon-shell,body.ui-no-option-outlines .control{border-color:transparent;background:transparent;box-shadow:none}body.ui-mode-simple .advanced-only,body.ui-mode-simple .advanced{display:none!important}.playlist-ribbon-shell{margin:4px 0 8px;border:1px solid var(--panel-edge);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%);padding:6px}.playlist-ribbon-shell.no-panel{padding-bottom:2px}.playlist-ribbon-tabs{margin-bottom:6px}button,.file-button,select,input[type=range]{font:inherit}button,.file-button{border:0;border-radius:10px;padding:var(--button-pad-y) var(--button-pad-x);background:var(--accent);color:#fff;cursor:pointer;transition:transform .12s ease,background .12s ease}button:hover,.file-button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:disabled{background:#a4c7c4;cursor:not-allowed;transform:none}.control{display:inline-flex;align-items:center;gap:7px;padding:var(--control-pad-y) var(--control-pad-x);border-radius:9px;background:#fff9;border:1px solid var(--panel-edge)}body.ui-density-compact{--control-pad-y: 5px;--control-pad-x: 7px;--button-gap: 7px}body.ui-density-comfortable{--control-pad-y: 11px;--control-pad-x: 13px;--button-gap: 12px}body.ui-button-margin-small{--button-pad-y: 6px;--button-pad-x: 10px}body.ui-button-margin-medium{--button-pad-y: 9px;--button-pad-x: 14px}body.ui-button-margin-big{--button-pad-y: 12px;--button-pad-x: 18px}#zoomSlider{width:100%;min-width:0}.status{color:var(--warn);font-family:IBM Plex Mono,Consolas,monospace;font-size:.9rem}.engine-load{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-family:IBM Plex Mono,Consolas,monospace;font-size:.78rem;white-space:nowrap}.engine-load meter{width:74px;height:9px;accent-color:var(--accent)}.engine-load-busy{color:var(--danger, #b44a3c)}.workspace{margin-top:16px;display:grid;grid-template-columns:var(--side-library-width) 14px minmax(0,1fr);grid-template-rows:auto auto minmax(220px,1fr);gap:14px;align-items:stretch}.workspace.side-browser-collapsed{grid-template-columns:14px minmax(0,1fr);gap:8px}.workspace.side-browser-collapsed .library-panel{display:none!important}.workspace.side-browser-collapsed .panel-splitter{grid-column:1}.workspace.side-browser-collapsed .timeline-panel{grid-column:2;width:100%;max-width:none;min-width:0}.workspace.side-browser-collapsed>.channel-rack-panel:not(.floating),.workspace.side-browser-collapsed>.piano-roll-panel{grid-column:2;width:100%;max-width:none;min-width:0}.workspace.side-browser-collapsed #patternEditorDockAnchor{grid-column:2}.workspace.side-browser-collapsed #patternEditorDockAnchor .pattern-editor-panel{width:100%;max-width:none;min-width:0}.workspace.stacked{display:flex;flex-direction:column}.workspace.stacked .library-panel{flex:0 0 var(--stacked-library-height, 300px);min-height:140px;max-height:none;overflow:hidden;display:flex;flex-direction:column}.workspace.stacked .library-panel.browser-collapsed{min-height:56px}.workspace.stacked .library-drop-zone{flex:1 1 auto;height:auto;min-height:120px}.workspace.stacked .sample-list{flex-direction:row;flex-wrap:wrap;align-content:flex-start}.workspace.stacked .sample-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start}.workspace.stacked .sample-subsection-title{flex:1 1 100%}.workspace.stacked .timeline-panel{flex:1 1 auto;min-height:260px;resize:vertical;min-width:0;display:flex;flex-direction:column}.panel-splitter{display:block;border-radius:10px;background:linear-gradient(90deg,#11757a3d,#11757a14);border:1px solid rgba(17,117,122,.35);cursor:col-resize;min-height:100%;position:relative}.panel-splitter:before{content:"<";position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;color:color-mix(in srgb,var(--accent-strong) 65%,#ffffff 35%);pointer-events:none}.panel-splitter.collapsed:before{content:">"}.workspace.stacked .panel-splitter:before{content:""}.workspace .library-panel{grid-column:1;grid-row:1 / span 3;display:flex;flex-direction:column;min-height:0;max-height:none}.workspace .panel-splitter{grid-column:2;grid-row:1 / span 3}.workspace .timeline-panel{grid-column:3;grid-row:3;resize:both;overflow:auto;min-height:0;min-width:460px;display:flex;flex-direction:column}.workspace>.channel-rack-panel:not(.floating){grid-column:3;grid-row:1;width:auto;max-width:none;min-width:0;flex:1 1 auto}.workspace>.piano-roll-panel{grid-column:3;grid-row:2;width:auto;max-width:none;min-width:0;margin-top:2px;margin-bottom:2px}.workspace.stacked .panel-splitter{height:10px;min-height:10px;border-radius:8px;cursor:row-resize;margin:-2px 0 8px;background:linear-gradient(180deg,#11757a3d,#11757a14)}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:20px;box-shadow:var(--shadow);padding:16px}.browser-panel-toggle{width:100%;text-align:left;margin:0 0 8px;padding:8px 10px}.browser-db-bar{margin-bottom:8px}#patternEditorDockAnchor{grid-column:3;grid-row:1}#browserPanelBody{flex:1 1 auto;min-height:0;overflow:auto}.panel-note{color:var(--muted);margin:8px 0 12px;font-size:.92rem}.browser-resize-controls{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:10px}.browser-db-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:center;margin-bottom:8px}.browser-db-bar[hidden]{display:none!important}.browser-db-bar .control{margin:0}.browser-selected{outline:2px solid rgba(255,255,255,.92);outline-offset:-2px;box-shadow:0 0 0 2px #1c9a8e73,0 10px 20px #0c545f47}.browser-view-table .sample-card{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important}.top-options{margin-top:6px;display:flex;flex-direction:column;gap:6px}.top-options-panel{margin:0;border:1px solid var(--panel-edge);border-radius:10px;background:#ffffff73}details.top-options-panel>summary{cursor:pointer;padding:8px 10px;font-weight:700;color:var(--ink)}body.ui-no-section-spacing .top-options{gap:0}body.ui-no-section-spacing .top-options-panel{margin:0}.top-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:8px;padding:0 8px 8px}.ribbon-shell{border:1px solid var(--panel-edge);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,#ffffff 12%);padding:6px}.ribbon-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ribbon-tab{flex:1 1 180px;min-height:32px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent) 24%,#ffffff 76%);color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 28%,#ffffff 72%)}.ribbon-tab.is-active{background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent-strong) 85%,#ffffff 15%));color:#fff}.ribbon-shell.no-panel,.playlist-ribbon-shell.no-panel{padding-bottom:2px}.ribbon-panel{background:transparent;border:0;padding:0}.ribbon-grid{padding:0}.top-options-grid>.control{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;column-gap:4px;min-width:0;width:100%}.top-options-grid>.control.control-compact{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:4px;padding:5px 7px}.top-options-grid>.control select,.top-options-grid>.control input[type=number],.top-options-grid>.control input[type=range]{width:var(--slider-width-factor);min-width:0;max-width:100%}body.ui-tight-option-rows .top-options-grid{row-gap:3px}.browser-zoom-control{flex:1 1 0;min-width:0}.browser-zoom-control input[type=range],.control input[type=range]{width:var(--slider-width-factor)}.browser-section-toggle{width:100%;text-align:left;margin:2px 0 6px;padding:7px 10px;border-radius:9px;cursor:grab}.browser-section-toggle:active{cursor:grabbing}.browser-section.dragging{opacity:.55}.browser-section.drag-target{outline:2px dashed var(--accent);outline-offset:2px}.library-drop-zone{min-height:100%;padding:10px;border:2px dashed rgba(17,117,122,.35);border-radius:14px;background:#ffffff80;overflow:visible;transition:border-color .12s ease,background .12s ease}.workspace:not(.stacked) .library-panel{resize:vertical;overflow:auto;align-self:start;height:auto;max-height:none;min-height:240px;position:sticky;top:16px;height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.top-options-grid>.control>span,.top-options-grid>.control>strong{min-width:0;line-height:1.08}.timeline-panel.drag-height-locked{height:var(--drag-locked-height)!important;min-height:var(--drag-locked-height)!important;max-height:var(--drag-locked-height)!important;flex:0 0 var(--drag-locked-height)!important}.workspace.browser-below{display:flex;flex-direction:column;gap:14px}.workspace.browser-below .panel-splitter{order:5;width:100%;height:10px;min-height:10px;cursor:row-resize;margin:-2px 0 8px;background:linear-gradient(180deg,#11757a3d,#11757a14)}.workspace.browser-below .library-panel{order:6;flex:0 0 var(--stacked-library-height, 300px);min-height:140px;max-height:none;overflow:hidden;width:100%}.workspace.browser-below .library-drop-zone{flex:1 1 auto;min-height:120px}.workspace.browser-below .timeline-panel{order:3;width:100%;min-width:0;flex:0 0 auto}.workspace.browser-below>.channel-rack-panel:not(.floating){order:1;width:100%;max-width:none}.workspace.browser-below>.piano-roll-panel{order:2;width:100%;max-width:none}.workspace.browser-below #patternEditorDockAnchor{order:0;width:100%}.workspace.browser-below .library-panel.browser-collapsed{flex-basis:56px;min-height:56px}.workspace:not(.stacked) .timeline-panel{align-self:start;min-height:320px}.library-drop-zone.all-collapsed{min-height:180px}.library-drop-zone.drag-over{border-color:var(--accent);background:#11757a1a}.sample-list{display:flex;flex-direction:column;gap:8px}.sample-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start}.sample-grid-list .sample-pack-folder,.sample-grid-list .user-folder,.sample-grid-list .empty-box{min-width:0}.user-samples-tools{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px}.user-samples-btn{padding:5px 10px;font-size:.84rem;min-height:30px}.user-samples-btn.is-recording{background:linear-gradient(120deg,#d15f34,#b83f2d)}.record-device-dialog{border:1px solid var(--panel-edge);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.record-device-form{display:grid;gap:10px;min-width:280px}.record-device-form h3{margin:0}.record-device-actions{display:flex;gap:8px;justify-content:flex-end}.record-meter{height:10px;border-radius:999px;border:1px solid var(--panel-edge);background:#fff9;overflow:hidden}.record-meter-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#1f8d67,#78b62d,#d5a01d,#cc5a2d);transition:width 80ms linear}.sample-pack-folder{border:1px solid var(--panel-edge);border-radius:12px;background:#ffffff73;overflow:hidden;width:100%;box-sizing:border-box}.user-folder{border:1px solid var(--panel-edge);border-radius:12px;background:#ffffff73;overflow:hidden;width:100%}.user-folder.drag-over{border-color:var(--accent);background:#11757a1f}.user-folder-header{width:100%;border-radius:0;padding:8px 10px;display:flex;justify-content:flex-start;gap:8px}.user-folder-items{padding:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:start}.card-context-menu{position:fixed;z-index:9999;min-width:180px;padding:6px;border:1px solid var(--panel-edge);border-radius:10px;background:color-mix(in srgb,var(--panel) 92%,#ffffff 8%);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.card-context-menu[hidden]{display:none}.card-context-menu button{width:100%;text-align:left;padding:6px 10px}.ctx-move-list{border-top:1px solid var(--panel-edge);padding-top:6px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.sample-pack-folder.fully-loaded{background:#ffffffe0}.sample-pack-header{--pack-color: var(--accent);width:100%;border-radius:0;padding:8px 10px;display:flex;gap:8px;align-items:center;justify-content:flex-start;background:linear-gradient(110deg,color-mix(in srgb,var(--pack-color) 58%,#fefefe 42%),color-mix(in srgb,var(--pack-color) 32%,#ffffff 68%));color:var(--clip-text);transform:none;opacity:.86}.sample-pack-header:hover{background:linear-gradient(110deg,color-mix(in srgb,var(--pack-color) 68%,#f8f8f8 32%),color-mix(in srgb,var(--pack-color) 40%,#ffffff 60%));transform:none}.sample-pack-folder.fully-loaded .sample-pack-header{opacity:1;background:linear-gradient(110deg,color-mix(in srgb,var(--pack-color) 92%,#ffffff 8%),color-mix(in srgb,var(--pack-color) 78%,#ffffff 22%));border-bottom:1px solid color-mix(in srgb,var(--pack-color) 55%,#ffffff 45%)}.sample-pack-folder.fully-loaded .sample-pack-items{background:#ffffffe6}.sample-pack-folder.fully-loaded .sample-card{opacity:1;box-shadow:0 9px 18px #0003}.sample-pack-folder.fully-loaded .sample-card:before{display:none}.sample-pack-caret{font-size:.8rem;width:12px;text-align:center}.sample-pack-title-wrap{display:flex;flex-direction:column;min-width:0}.sample-pack-title{font-weight:700;line-height:1.2;text-align:left}.sample-pack-meta{font-size:.72rem;line-height:1.2;opacity:.94;text-align:left}.sample-pack-items{padding:8px;display:block;gap:6px;background:#ffffff85}.sample-pack-loaded-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.sample-pack-item{border-radius:10px;border:1px solid color-mix(in srgb,var(--panel-edge) 74%,transparent 26%);background:#fffc;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sample-pack-item.loaded{background:#147c6e1a}.sample-pack-item-info{display:flex;flex-direction:column;min-width:0}.sample-pack-item-name{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-pack-item-meta{font-size:.72rem;color:var(--muted)}.sample-pack-item-btn{padding:6px 10px;border-radius:8px;font-size:.78rem;flex:0 0 auto}.sample-pack-pending-list{display:flex;flex-direction:column;gap:6px}.sample-pack-actions{display:flex;justify-content:flex-end;margin-bottom:6px}.sample-pack-download-btn{padding:6px 10px;border-radius:8px;font-size:.78rem}.sample-subsection-title{margin:8px 2px 4px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.browser-section-title{margin:4px 2px 8px;font-size:.9rem;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.synth-list{margin-bottom:14px}.effect-list{margin-top:8px}.workspace:not(.stacked) .synth-list,.workspace:not(.stacked) .effect-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.sample-card{position:relative;min-width:40px;min-height:var(--browser-card-height);border-radius:10px;padding:7px 10px;display:flex;flex-direction:column;justify-content:center;color:var(--clip-text);cursor:grab;box-shadow:0 7px 16px #00000024;user-select:none;overflow:hidden}.sample-db-tools{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;gap:4px;z-index:2}.sample-fav-btn{min-height:20px;padding:2px 6px;border-radius:999px;font-size:.68rem;line-height:1}.sample-fav-btn.active{background:color-mix(in srgb,var(--warn) 68%,#ffffff 32%);color:#fff}.sample-tag{display:inline-flex;align-items:center;border-radius:999px;padding:1px 6px;font-size:.64rem;background:#ffffff38;color:#fff;border:1px solid rgba(255,255,255,.28)}.sample-tag.sample-tag-plain{background:transparent;border-color:#fff3;color:#ffffffe6}.sample-tag.sample-tag-favorite{background:color-mix(in srgb,var(--warn) 68%,#ffffff 32%);border-color:color-mix(in srgb,var(--warn) 78%,#ffffff 22%);color:#fff}.sample-card.synth-source-card{box-shadow:0 7px 16px #0c545f40}.sample-card.synth-source-card.active{outline:2px solid rgba(255,255,255,.92);outline-offset:-2px;box-shadow:0 0 0 2px #1c9a8e73,0 10px 20px #0c545f47}.sample-card.effect-source-card{box-shadow:0 7px 16px #423a1a33;cursor:grab}.sample-card:active,.sample-card.effect-source-card:active{cursor:grabbing}.sample-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 50%);pointer-events:none}.waveform{position:absolute;left:10px;right:10px;bottom:6px;height:26px;display:flex;align-items:end;gap:1px;opacity:.55;pointer-events:none}.waveform span{flex:1 1 auto;background:#ffffffd9;border-radius:1px}.sample-editor-panel{margin-top:.5rem;padding:.6rem}#sampleEditorBody[hidden]{display:none!important}.sample-editor-head{font-size:.86rem;opacity:.9;margin-bottom:.45rem}.sample-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.45rem}.sample-editor-grid .control{margin:0}.sample-editor-actions{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.42rem}.sample-editor-actions button{font-size:.84rem;padding:.34rem .56rem}.sample-editor-transients{margin-top:.45rem;font-size:.8rem;opacity:.84;min-height:1.3em}.mod-route-meter{height:10px;border-radius:999px;background:color-mix(in srgb,var(--panel-muted, #c7d7d7) 65%,#ffffff 35%);overflow:hidden;align-self:center}.mod-route-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,#2f7a91,#12a39e);transition:width 60ms linear}.sample-name{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:.78rem;opacity:.9}.timeline-title-row{display:flex;align-items:center;justify-content:space-between}.timeline-actions{display:flex;gap:8px;align-items:center}.timeline-panel>.timeline-title-row{justify-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:wrap;min-width:0}.timeline-panel>.timeline-title-row>h2{flex:0 0 auto;margin:0}.timeline-panel>.timeline-title-row>.timeline-actions{flex:1 1 480px;flex-wrap:wrap;align-items:center;min-width:0;overflow:visible}.timeline-panel>.timeline-title-row>.timeline-actions>button,.timeline-panel>.timeline-title-row>.timeline-actions>.control{flex:0 0 auto}.timeline-panel>.timeline-title-row>.timeline-actions>.control{max-width:100%}.timeline-panel .track-duration-control{max-width:270px}.timeline-panel .track-duration-control input[type=range]{width:125px}.timeline-panel .compact-toggle{line-height:1.05}.playlist-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.track-effects-editor{margin-top:10px;padding:10px;border-radius:12px;border:1px solid rgba(16,91,94,.26);background:#f6fdfcdb}.track-effects-editor-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.float-grip{display:none;align-items:center;justify-content:center;min-width:30px;min-height:28px;padding:2px 6px;border-radius:8px;border:1px solid var(--panel-edge);background:color-mix(in srgb,var(--accent) 18%,#ffffff 82%);color:var(--ink);cursor:move;user-select:none;font-size:1rem;font-weight:700;line-height:1}.pattern-editor-panel.floating .float-grip,.channel-rack-panel.floating .float-grip,.playlist-mixer-panel.floating .float-grip,.synth-editor-panel.floating .float-grip{display:inline-flex}.track-effects-editor h3{margin:0;font-size:.95rem;color:#2b5854}.fx-insert-list{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:6px}.fx-insert-row{--fx-color: var(--accent);--fx-tint: 18%;--fx-tint-soft: 9%;border:1px solid rgba(16,91,94,.22);background:linear-gradient(110deg,color-mix(in srgb,var(--fx-color) var(--fx-tint),#ffffff),color-mix(in srgb,var(--fx-color) var(--fx-tint-soft),#ffffff));border-radius:10px;padding:8px}.fx-insert-row.active{border-color:#0e5f6594;box-shadow:inset 0 0 0 1px #0e5f6547}.fx-insert-row.bypassed{opacity:.72}.fx-insert-row.dragging{opacity:.45}.fx-insert-row.drag-target{outline:2px dashed var(--accent);outline-offset:2px}.fx-row-drag-handle{padding:2px 6px;min-width:26px;line-height:1;cursor:grab}.fx-row-collapse-toggle{padding:2px 6px;min-width:24px;line-height:1}.fx-row-drag-handle:active{cursor:grabbing}.fx-insert-list.fx-drop-over{outline:2px dashed var(--accent);outline-offset:2px;border-radius:10px}.fx-insert-row-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.fx-insert-row.collapsed .fx-insert-row-head{margin-bottom:0}.fx-row-body{display:block}.fx-insert-row.collapsed .fx-row-body{display:none}.fx-insert-name{padding:4px 8px;border-radius:8px;font-size:.73rem;line-height:1.1}.fx-insert-meta{flex:1 1 auto;font-size:.72rem;color:#5f7270}.fx-insert-remove{padding:4px 8px;border-radius:8px;font-size:.71rem;line-height:1.1;background:#8c3f3f}.fx-insert-remove:hover{background:#743333}.fx-inline-toggle{display:inline-flex;align-items:center;gap:6px;margin-right:10px;font-size:.74rem;color:#3f5d59}.fx-inline-range{display:grid;grid-template-columns:72px minmax(90px,1fr) 48px;align-items:center;gap:6px;margin-top:5px;font-size:.72rem;color:#3f5d59}.fx-inline-range strong{font-size:.72rem;color:#35524e;font-family:IBM Plex Mono,Consolas,monospace}.fx-preset-row{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.fx-preset-btn{padding:3px 8px;border-radius:999px;font-size:.7rem;line-height:1.1}#sceneLauncher{margin-top:10px}.compact-toggle{padding:6px 8px}.timeline-viewport{margin-top:12px;border:1px solid var(--panel-edge);border-radius:12px;background:#ffffffb3;overflow:auto;max-height:none;flex:0 0 auto;min-height:40px}.sample-pack-category-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:.2rem 0 .55rem}.sample-pack-category{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--pack-color, #456a7a) 18%,transparent);color:var(--text-color, #254b52);font-size:.78em}.sample-pack-category-section{margin:.35rem 0 .65rem}.sample-pack-category-heading{margin:0 0 .3rem;padding:.25rem .55rem;border-radius:.55rem;background:color-mix(in srgb,var(--pack-color, #456a7a) 16%,transparent);font-size:.95em}.timeline-canvas{position:relative;width:100%;min-height:40px}.time-ruler{position:sticky;top:0;display:grid;grid-template-columns:var(--label-width) 1fr;background:#f5fcfced;border-bottom:1px solid var(--panel-edge);z-index:3}.ruler-label{position:sticky;left:0;z-index:5;padding:10px;color:var(--muted);font-family:IBM Plex Mono,Consolas,monospace;border-right:1px solid var(--panel-edge);background:inherit}.browser-db-help{grid-column:1 / -1;margin:0 0 6px;font-size:.68rem;line-height:1.35;color:var(--muted)}.ruler-lane{position:relative;height:40px;background:linear-gradient(to right,var(--lane-grid) 1px,transparent 1px) 0 0 / var(--px-per-second) 100%,var(--ruler-bg)}.ruler-marker{position:absolute;top:0;width:1px;height:100%;background:#125f6366}.ruler-marker span{position:absolute;top:4px;left:4px;font-size:.73rem;color:#47635f;font-family:IBM Plex Mono,Consolas,monospace}.track-row{display:grid;grid-template-columns:var(--label-width) 1fr;border-bottom:1px solid rgba(17,117,122,.15)}.track-label{padding:10px;color:#365451;font-family:IBM Plex Mono,Consolas,monospace;background:#f0f9f8cc;border-right:1px solid var(--panel-edge);min-width:0;overflow:hidden;position:sticky;left:0;z-index:3;box-shadow:2px 0 0 var(--panel-edge)}.track-label.fx-drop-over,#masterFxDropZone.fx-drop-over{background:#d4f2ecf2;box-shadow:inset 0 0 0 2px #11757a73}.track-label-main{margin-bottom:6px}.track-name-input{width:100%;border:1px solid var(--panel-edge);border-radius:6px;padding:4px 6px;font:inherit;font-size:.76rem;font-weight:600}.track-quick-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.track-effects{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px}.track-effects-title{font-size:.62rem;color:#53706c;letter-spacing:.04em;text-transform:uppercase}.track-effects-drop-hint{margin-left:auto;font-size:.58rem;color:#6f8784;white-space:nowrap}.track-effects-empty{display:none}.track-effect-chip{padding:2px 6px;border-radius:999px;font-size:.62rem;line-height:1.25;display:inline-flex;align-items:center;gap:4px;background:#0f6a6f}.track-effect-chip:hover{background:#0b5f63;transform:none}.track-effect-chip.active{box-shadow:0 0 0 1px #ffffffc7,0 0 0 2px #0c55598c}.track-effect-chip.bypassed{opacity:.55;background:#6b8382}.compact-fx-editor{position:fixed;width:min(280px,calc(100vw - 20px));padding:10px;border-radius:12px;border:1px solid rgba(15,86,92,.45);background:#f8fefdfa;box-shadow:0 16px 30px #0a373a3d;z-index:50}.compact-fx-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.compact-fx-head strong{font-size:.85rem;color:#2a5652}.compact-fx-head button{padding:4px 9px;font-size:.72rem;border-radius:8px}.compact-fx-row{width:100%;justify-content:space-between;margin-bottom:6px}.compact-fx-row .status{margin-left:auto;min-width:44px;text-align:right}.compact-fx-remove{width:100%;margin-top:4px;background:#8d3d3d}.compact-fx-remove:hover{background:#743232}.track-toggle-btn{padding:3px 7px;border-radius:7px;font-size:.68rem;line-height:1.1}.track-toggle-btn.active{background:#0d5459;box-shadow:inset 0 0 0 1px #ffffff59}#midiRecordBtn.is-recording{background:#8b2e3f;box-shadow:inset 0 0 0 1px #ffffff4d}.track-mixer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.track-mixer label{display:grid;grid-template-columns:auto var(--knob-size);align-items:center;gap:6px;font-size:.68rem;color:#496764;white-space:nowrap}.track-mixer label.wide{grid-template-columns:auto minmax(0,1fr);min-width:0}.track-send-group{display:grid;grid-column:1 / -1;gap:4px;padding:4px 6px;border-radius:8px;background:#91c2c21f}.track-send-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.track-send-head-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}.track-send-head-actions button{max-width:100%;white-space:nowrap}.track-send-title{font-size:.66rem;color:#496764;text-transform:uppercase;letter-spacing:.03em}.track-send-add-btn,.track-send-remove-btn{min-width:30px;padding:3px 7px;font-size:.64rem;line-height:1.1}.track-send-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}.track-send-row label{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;color:#496764}.track-send-row input[type=range],.track-send-row select{width:auto;max-width:88px}.track-send-enabled{white-space:nowrap}.track-send-drag-handle{min-width:26px;padding:3px 5px;cursor:grab}.track-send-drag-handle:active{cursor:grabbing}.track-send-row.drag-over{outline:1px dashed rgba(17,117,122,.6);border-radius:8px}.track-send-row.dragging{opacity:.65}.track-send-meter{height:8px;border-radius:999px;overflow:hidden;background:#0000001f}.track-send-meter-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#4bd1ca,#2b8c88)}.track-mixer input[type=range]{width:var(--slider-width-factor)}.track-mixer input.knob-input[type=range]{width:var(--knob-size);min-width:var(--knob-size);max-width:var(--knob-size)}.track-mixer input[type=number],.track-mixer select{width:100%}.playlist-mixer-panel{display:grid;gap:10px}.mixer-strip-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mixer-strip{border:1px solid var(--panel-edge);border-radius:12px;padding:8px;background:color-mix(in srgb,var(--panel) 92%,#ffffff 8%);display:grid;gap:8px}.mixer-strip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.82rem}.mixer-meter-bridge{position:relative;height:88px;border-radius:8px;border:1px solid var(--panel-edge);background:#00000024;overflow:hidden}.mixer-meter-bar{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:bottom center;background:linear-gradient(180deg,#d47746,#57cf7f 36%,#2c9f96)}.mixer-meter-bar.master{background:linear-gradient(180deg,#df7e49,#5fd28b 32%,#3271c1)}.mixer-strip-controls{display:grid;gap:8px}body.ui-knob-size-small{--knob-size: 18px}body.ui-knob-size-medium{--knob-size: 24px}body.ui-knob-size-large{--knob-size: 30px}.knob-input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--knob-size);min-width:var(--knob-size);max-width:var(--knob-size);height:var(--knob-size);border-radius:999px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 38%,#ffffff 62%);background:conic-gradient(from var(--knob-angle, -135deg),#ffffff 0 5deg,transparent 5deg 360deg),radial-gradient(circle at center,rgba(0,0,0,.16) 0 36%,transparent 37%),conic-gradient(var(--accent) 0 var(--knob-fill, 0%),rgba(0,0,0,.14) var(--knob-fill, 0%) 100%);cursor:pointer}.knob-input[type=range]::-webkit-slider-runnable-track{height:0;border:0}.knob-input[type=range]::-moz-range-track{height:0;border:0}.knob-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 62%,#000 38%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 26%,#fff 74%);margin-top:calc((var(--knob-size) - 8px) / -2)}.knob-input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 62%,#000 38%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 26%,#fff 74%)}body.ui-knob-style-ring .knob-input[type=range]{background:conic-gradient(from var(--knob-angle, -135deg),#ffffff 0 5deg,transparent 5deg 360deg),radial-gradient(circle at center,transparent 46%,rgba(0,0,0,.22) 47% 60%,transparent 61%),conic-gradient(var(--accent) 0 var(--knob-fill, 0%),rgba(0,0,0,.12) var(--knob-fill, 0%) 100%)}body.ui-knob-style-dot .knob-input[type=range]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 85%,#ffffff 15%) 0 22%,transparent 23%),conic-gradient(var(--accent) 0 var(--knob-fill, 0%),rgba(0,0,0,.15) var(--knob-fill, 0%) 100%)}.knob-input.knob-input-sm{width:calc(var(--knob-size) * .86);min-width:calc(var(--knob-size) * .86);max-width:calc(var(--knob-size) * .86);height:calc(var(--knob-size) * .86)}.knob-input.knob-input-lg{width:calc(var(--knob-size) * 1.15);min-width:calc(var(--knob-size) * 1.15);max-width:calc(var(--knob-size) * 1.15);height:calc(var(--knob-size) * 1.15)}.mixer-strip .timeline-actions{justify-content:flex-start}.mixer-insert-drop{border:1px dashed var(--panel-edge);border-radius:8px;padding:7px;text-align:center;font-size:.72rem;color:#3b5755}.mixer-insert-drop.drag-over{background:#60bfb933}.mixer-insert-list{display:grid;gap:5px}.mixer-insert-row{display:grid;gap:4px;grid-template-columns:auto minmax(100px,1fr) auto auto;align-items:center}.mixer-insert-drag-handle{min-width:24px;padding:3px 5px;line-height:1.1;cursor:grab}.mixer-insert-drag-handle:active{cursor:grabbing}.mixer-insert-row.drag-over{outline:1px dashed rgba(17,117,122,.6);border-radius:8px}.mixer-insert-row.dragging{opacity:.65}.mixer-insert-chip{display:inline-flex;align-items:center;border:1px solid var(--panel-edge);border-radius:999px;padding:2px 8px;font-size:.68rem;background:color-mix(in srgb,var(--panel) 85%,#ffffff 15%)}.mixer-send-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mixer-send-list{display:grid;gap:6px}.mixer-send-row{display:grid;gap:4px;grid-template-columns:auto auto minmax(80px,1fr) auto minmax(84px,1fr) auto auto auto;align-items:center}.mixer-send-drag-handle,.mixer-send-move-btn{min-width:24px;padding:3px 5px;line-height:1.1}.mixer-send-drag-handle{cursor:grab}.mixer-send-drag-handle:active{cursor:grabbing}.mixer-send-row.drag-over{outline:1px dashed rgba(17,117,122,.6);border-radius:8px}.mixer-send-row.dragging{opacity:.65}.mixer-send-row .control{margin:0;min-height:0;padding:3px 5px}.mixer-send-remove-btn{min-width:26px;padding:3px 6px;line-height:1.1}body.theme-dark .mixer-strip,body.theme-dark .mixer-insert-chip{background:color-mix(in srgb,var(--panel) 85%,#0b1324 15%)}.track-lane{position:relative;min-height:var(--track-height);background:var(--lane-bg)}.track-lane:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,var(--lane-grid) 0,var(--lane-grid) 1px,transparent 1px,transparent var(--px-per-second))}.track-lane>*{z-index:1}.automation-lane-guides{position:absolute;inset:6px 0;pointer-events:none}.automation-lane-guide{position:absolute;left:0;right:0;height:calc(50% - 3px);border-radius:6px;border:1px dashed color-mix(in srgb,var(--panel-edge) 78%,transparent 22%);background:color-mix(in srgb,var(--lane-bg) 86%,#ffffff 14%)}.automation-lane-guide.hidden{display:none}.automation-lane-guide.volume{top:0}.automation-lane-guide.pan{bottom:0}.automation-lane-pill{position:absolute;top:4px;min-width:30px;padding:1px 6px;font-size:.56rem;line-height:1.2;border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-edge) 78%,transparent 22%);background:color-mix(in srgb,var(--panel) 84%,#ffffff 16%);color:color-mix(in srgb,var(--text-main) 78%,transparent 22%);pointer-events:auto}.automation-lane-pill[data-automation-lane-action=toggle-visible]{left:6px}.automation-lane-pill[data-automation-lane-action=toggle-mute]{left:46px}.automation-lane-pill.active{background:color-mix(in srgb,var(--accent) 70%,#ffffff 30%);color:#fff}.track-lane.drag-over{background:repeating-linear-gradient(90deg,transparent,transparent calc(var(--px-per-second) - 1px),rgba(17,117,122,.3) calc(var(--px-per-second) - 1px),rgba(17,117,122,.3) var(--px-per-second)),#bae9e5b3}.clip{position:absolute;top:11px;height:calc(var(--track-height) - 22px);box-sizing:border-box;border-radius:9px;color:#fff;padding:8px;overflow:hidden;cursor:grab;user-select:none;touch-action:none;box-shadow:0 8px 14px #00000026}.clip.drag-origin{opacity:.82}.clip:active{cursor:grabbing}.clip-loop-control{position:absolute;right:6px;bottom:4px;z-index:5;display:inline-flex;align-items:center;gap:3px;min-height:18px;padding:1px 4px;border-radius:5px;color:#fff;background:#00000047;font-size:.68rem;line-height:1;cursor:default;user-select:none}.clip-loop-control input{width:2.3em;min-width:0;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:3px;color:inherit;background:#0000002e;font:inherit;text-align:center}.clip-loop-control input:focus{outline:1px solid rgba(255,255,255,.9)}.clip strong{display:block;font-size:.85rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clip.synth-clip strong{letter-spacing:.01em}.clip.automation-clip{border:1px dashed rgba(255,255,255,.62);z-index:2}.clip.automation-clip.automation-target-volume{box-shadow:0 5px 10px #6f2d2d47}.clip.automation-clip.automation-target-pan{box-shadow:0 5px 10px #46357247}.clip.automation-clip strong{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.clip.src-muted{opacity:.45;filter:saturate(.4)}.clip .clip-automation.passive{pointer-events:none}.synth-editor-panel{margin-top:10px}.synth-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:center}.synth-editor-grid .control{width:100%;justify-content:space-between}.synth-editor-grid .control.hidden,.synth-editor-grid .status.hidden{display:none}.synth-editor-grid .status.method-param-label{font-size:.78rem;opacity:.92}.synth-editor-grid .status.synth-preview-state{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent}.synth-editor-grid .status.synth-preview-state.preview-active{color:#114f36;background:#43c18338;border-color:#2a966173}.synth-editor-grid .status.synth-preview-state.preview-stopped{color:#6e7789;background:#939fb42e;border-color:#939fb466}.piano-roll-wrap{margin-top:10px}.piano-roll-channel-select{margin-left:auto}.piano-roll-controls{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}.piano-roll-controls .panel-note{margin:0;flex:1 1 100%}.piano-roll-scroll-controls{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px;margin-top:8px}.piano-roll-viewport{width:100%;height:var(--piano-roll-height, 200px);min-height:160px;max-height:520px;overflow:auto;border:1px solid var(--panel-edge);border-radius:10px;background:#ffffffa8}.piano-roll-scroll-controls .control{width:100%}.piano-roll-nav{display:inline-flex;gap:6px}.piano-roll-nav button{min-width:30px;height:30px;padding:0 8px}.synth-piano-roll{width:100%;height:var(--piano-roll-height, 200px);min-width:100%;min-height:160px;border:0;border-radius:0;background:transparent;display:block;cursor:crosshair}.clip span{font-size:.74rem;opacity:.92}.clip .clip-automation{position:absolute;inset:8px;z-index:1;cursor:crosshair}.clip .clip-automation svg{width:100%;height:100%;display:block}.clip .automation-line{stroke:#ffffffd9;stroke-width:1.8;fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.clip .automation-point{fill:#fff;stroke:#00000059;stroke-width:1;cursor:move;vector-effect:non-scaling-stroke}.pattern-clip-preview{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(2px,1fr);gap:1px;align-items:end;height:20px;margin-top:4px;opacity:.9}.pattern-clip-preview-bar{display:block;border-radius:2px;background:#ffffffd1}.clip .waveform{left:12px;right:12px;bottom:4px;height:20px;opacity:.42}.trim-handle{position:absolute;top:0;width:6px;height:100%;cursor:ew-resize;background:#ffffff47;z-index:2;touch-action:none}.trim-handle.start{left:0;border-top-left-radius:9px;border-bottom-left-radius:9px}.trim-handle.end{right:0;border-top-right-radius:9px;border-bottom-right-radius:9px}.clip.trimming{outline:2px solid rgba(255,255,255,.8)}.playhead{position:absolute;top:0;width:2px;background:#e64343;z-index:4;box-shadow:0 0 0 1px #ffffff80;pointer-events:none}.drop-cursor{position:absolute;top:40px;width:2px;background:#e64343d9;z-index:5;pointer-events:none;box-shadow:0 0 0 1px #ffffff73}.timeline-panel.compact-tracks .track-label{padding:6px}.timeline-panel.compact-tracks .track-label-main{margin-bottom:4px}.clip.synth-clip.selected-synth-clip{outline:3px solid var(--accent, #168486);outline-offset:-3px}.timeline-panel.compact-tracks .track-effects-title,.timeline-panel.compact-tracks .track-effects-drop-hint,.timeline-panel.compact-tracks .track-effects-empty{display:none}.timeline-panel.compact-tracks .track-mixer{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 6px}.timeline-panel.compact-tracks .track-mixer label,.timeline-panel.compact-tracks .track-mixer label.wide{grid-template-columns:1fr;min-width:0}.timeline-panel.compact-tracks .track-mixer label span{display:none}.timeline-panel.compact-tracks .track-mixer select{min-width:0;max-width:100%}.timeline-panel.compact-tracks .track-mixer label.advanced{display:none}.timeline-panel.compact-tracks .track-lane{min-height:max(30px,calc(var(--track-height) - 8px))}.timeline-panel.compact-tracks .clip{top:4px;height:max(20px,calc(var(--track-height) - 8px))}.empty-placeholder{padding:12px;border-radius:10px;background:#11757a14;color:#3b5754}@media(max-width:980px){.workspace{display:flex;flex-direction:column}.workspace .library-panel{max-height:none}.panel-splitter{display:none}.workspace .timeline-panel{resize:vertical;min-width:0}.library-drop-zone{min-height:180px}.channel-rack-main{grid-template-columns:1fr}.channel-rack-panel{flex:1 1 auto;max-width:none}}.channel-rack-panel.floating.dragging{user-select:none}.synth-editor-panel.floating{position:fixed;z-index:61;resize:both;overflow:auto;min-width:640px;min-height:280px;max-width:calc(100vw - 16px);max-height:72vh}.synth-editor-panel.floating.dragging{user-select:none}.playlist-mixer-panel.floating{position:fixed;top:96px;left:20px;z-index:59;width:min(980px,calc(100vw - 40px));max-height:56vh;overflow:auto;resize:both;border:1px solid var(--panel-edge);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,#ffffff 10%);box-shadow:0 22px 52px #09162157;padding:8px}.playlist-mixer-panel.floating.dragging{user-select:none}.pattern-editor-panel.floating,.channel-rack-panel.floating,.playlist-mixer-panel.floating,.synth-editor-panel.floating{opacity:var(--float-opacity)}body.float-opaque .pattern-editor-panel.floating,body.float-opaque .channel-rack-panel.floating,body.float-opaque .playlist-mixer-panel.floating,body.float-opaque .synth-editor-panel.floating{opacity:1!important;background:var(--panel-solid, #ffffff)}#channelRackPanel>.track-effects-editor-head{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap}#channelRackPanel>.track-effects-editor-head>h3,#channelRackPanel>.track-effects-editor-head>.float-grip,#channelRackPanel>.track-effects-editor-head>.timeline-actions{flex:0 0 auto!important;width:auto!important;max-width:none!important}#channelRackPanel>.track-effects-editor-head>.timeline-actions{display:flex!important;flex-flow:row nowrap!important;min-width:max-content!important}#channelRackPanel>.track-effects-editor-head{overflow:visible!important}#channelRackPanel>.track-effects-editor-head>.channel-rack-actions{display:flex!important;flex:1 1 auto!important;flex-flow:row wrap!important;justify-content:flex-start!important;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}#channelRackPanel>.track-effects-editor-head>.channel-rack-actions button{flex:0 0 auto;min-height:36px;padding:4px 10px}#channelRackPanel>.channel-rack-settings{display:flex;flex-flow:row wrap;align-items:center;gap:8px;margin-top:8px}#channelRackPanel>.channel-rack-settings .control{flex:0 0 auto}#pianoRollPanel .piano-roll-controls input[type=range],#pianoRollPanel .piano-roll-controls input[id=pianoRollHeightSlider]{width:150px;max-width:150px}#pianoRollPanel .piano-roll-viewport{position:relative}#pianoRollPanel .synth-piano-roll{cursor:crosshair}body.theme-dark .ribbon-shell,body.theme-dark .playlist-ribbon-shell{background:#101827;border-color:#829ed257}body.theme-dark .ribbon-tab:not(.is-active),body.theme-dark .playlist-ribbon-tabs button:not(.is-active){background:#25334b;color:#d7e5ff;border-color:#829ed26b}body.theme-dark .ribbon-tab.is-active,body.theme-dark .playlist-ribbon-tabs button.is-active{background:#315fae;color:#fff}body.theme-dark #pianoRollPanel,body.theme-dark #pianoRollPanel .control,body.theme-dark #pianoRollPanel .panel-note{background-color:#121b2b;color:#d7e5ff;border-color:#829ed257}body.theme-dark #pianoRollPanel .piano-roll-viewport{background:#0d1420;border-color:#829ed26b}#pianoRollPanel{resize:both!important;overflow:auto!important;min-width:460px!important;min-height:320px!important;display:flex;flex-direction:column}#pianoRollPanel[hidden]{display:none!important}#pianoRollPanel>.track-effects-editor-head{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:center!important}#pianoRollPanel>.track-effects-editor-head>h3,#pianoRollPanel>.track-effects-editor-head>.piano-roll-transport{flex:0 0 auto!important;width:auto!important;margin:0!important}#pianoRollPanel .piano-roll-transport{display:inline-flex!important;gap:8px}#pianoRollPanel>.piano-roll-wrap,#pianoRollPanel>#pianoRollHost{flex:1 1 auto;min-height:0}body.theme-dark .ribbon-tab:not(.is-active),body.theme-dark .playlist-ribbon-tabs button:not(.is-active){background:#25334b!important;background-image:none!important;color:#d7e5ff!important;border-color:#829ed26b!important}body.theme-dark .ribbon-tab.is-active,body.theme-dark .playlist-ribbon-tabs button.is-active{background:#315fae!important;background-image:none!important;color:#fff!important;border-color:#a5c3ffb3!important}.sample-pack-item[draggable=true]{cursor:grab}.sample-pack-item[draggable=true]:active{cursor:grabbing}