:root{--bg-0:#07080a;--bg-1:#0e1013;--bg-2:#14171c;--bg-3:#1c2026;--bg-4:#262b32;--fg-0:#e8edf0;--fg-1:#9aa3ad;--fg-2:#6a7380;--fg-3:#3a414a;--ac:#c6a04a;--ac-2:#e0c27a;--ac-soft:#c6a04a24;--ac-glow:#c6a04a4d;--ac-ink:#041014;--rec:#f35;--rec-glow:#ff335573;--solo:#28c8f0;--solo-glow:#28c8f073;--warn:#f5c542;--ok:#6ecc87;--pl:#ff8c35;--bd:#ffffff12;--bd-s:#ffffff0a;--bd-h:#c6a04a73;--r:2px;--r-md:4px;--r-lg:8px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--ease:cubic-bezier(.2, .7, .3, 1);--tr:.16s var(--ease);--glow:0 0 0 1px var(--bd-h), 0 0 10px var(--ac-glow);--inset-hi:inset 0 1px 0 #ffffff0a;--ff:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ff-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg:var(--bg-1);--panel:var(--bg-2);--panel-raised:var(--bg-3);--line:var(--bd);--canvas-bg:var(--bg-0);--text:var(--fg-0);--text-dim:var(--fg-1);--text-faint:var(--fg-1);--accent:var(--ac);--accent-dim:var(--ac-soft);--accent-line:#c6a04a8c;--playhead:var(--pl);--danger:var(--rec);--radius:var(--r-md);--radius-sm:var(--r);--font-ui:var(--ff);--font-mono:var(--ff-mono);--cv-bg:#07080a;--cv-lane:#050608;--cv-center:#1d3336;--cv-wave:#c6a04a;--cv-ruler-bg:#000;--cv-ruler-text:#d9d955;--cv-ruler-line:#365457;--cv-playhead:#ff8c35;--cv-selection:#5af2ff24;--cv-selection-border:#5af2ff8c;--cv-pending:#101318;--cv-beat:#5ac8fa40;--cv-marker:#c48cffcc;--cv-clip-bg:#ffffff0b;--cv-clip-border:#ffffff47;--cv-clip-edge:#5af2ff80;--cv-clip-selected:#5af2ffe6;--cv-automation:#ffb84a;--cv-automation-line:#ffb84ad9;--menubar-h:38px;--transport-h:56px;--statusbar-h:26px}:root[data-accent=teal]{--ac:#2dd4bf;--ac-2:#99c2c6;--ac-soft:#2dd4bf1f;--ac-glow:#2dd4bf73;--bd-h:#2dd4bf66;--accent-line:#2dd4bf8c}:root[data-accent=green]{--ac:#6ecc87;--ac-2:#9dff6a;--ac-soft:#6ecc871f;--ac-glow:#6ecc8773;--bd-h:#6ecc8766;--accent-line:#6ecc878c}:root[data-accent=amber]{--ac:#f5c542;--ac-2:#ffb35c;--ac-soft:#f5c5421f;--ac-glow:#f5c54273;--bd-h:#f5c54266;--accent-line:#f5c5428c}:root[data-accent=magenta]{--ac:#f557d2;--ac-2:#b9c6ff;--ac-soft:#f557d21f;--ac-glow:#f557d273;--bd-h:#f557d266;--accent-line:#f557d28c}:root[data-theme=light]{--bg-0:#f5f5f2;--bg-1:#fff;--bg-2:#fafaf8;--bg-3:#f2f2ef;--bg-4:#fff;--fg-0:#1a2129;--fg-1:#46525e;--fg-2:#6b7683;--fg-3:#a7b0ba;--ac-ink:#04262b;--rec:#d92045;--solo:#0ea5e9;--bd:#0a10181f;--bd-s:#0a101812;--glow:0 0 0 1px var(--bd-h), 0 0 10px var(--ac-glow);--inset-hi:inset 0 1px 0 #fff9;--cv-bg:#f6f6f3;--cv-lane:#fff;--cv-center:#ddd7c8;--cv-wave:#c6a04a;--cv-ruler-bg:#fbfbf9;--cv-ruler-text:#7a5a18;--cv-ruler-line:#ddd7c8;--cv-playhead:#e8590c;--cv-selection:#0284a029;--cv-selection-border:#0284a099;--cv-pending:#d5dbe2;--cv-beat:#0264a04d;--cv-clip-bg:#0000000d;--cv-clip-border:#00000059;--cv-clip-edge:#0284a08c;--cv-clip-selected:#0284a0f2}:root{--z-menu:30;--z-command:32;--z-overlay:60;--target-min:24px;--target-touch:40px;--focus-width:2px;--focus-offset:2px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;line-height:1.45;overflow:hidden}#app{height:100vh}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.45}input[type=range]{accent-color:var(--accent)}.shell{grid-template-rows:var(--menubar-h) var(--transport-h) 1fr var(--statusbar-h);height:100vh;display:grid}.workspace{min-height:0;position:relative}.canvas-region{background:var(--canvas-bg);position:absolute;inset:0}.empty-state{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.empty-title{color:var(--text-dim);margin:10px 0 0;font-size:15px}.empty-hint{margin:0;font-size:12px}.menubar{background:var(--panel);border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;padding:0 8px;display:flex}.menubar-menus{display:contents}.menubar-brand{align-items:center;gap:7px;padding-right:12px;display:flex}.brand-name{letter-spacing:.02em;font-weight:600}.menu{position:relative}.menu-title,.home-button{border-radius:var(--r);color:var(--fg-1);transition:background var(--tr), color var(--tr), box-shadow var(--tr);padding:4px 9px}.menu-title:hover,.home-button:hover{background:var(--bg-3);color:var(--fg-0)}.menu-title.open{background:var(--ac);color:var(--ac-ink);box-shadow:0 0 12px var(--ac-glow)}.menu-dropdown{z-index:50;background:var(--bg-2);border:1px solid var(--bd);border-radius:var(--r-md);width:max-content;min-width:232px;max-width:calc(100vw - 16px);max-height:calc(100vh - 88px);padding:var(--s1);box-shadow:0 10px 30px #00000080, 0 0 0 1px var(--bd-s);position:absolute;top:100%;left:0;overflow-y:auto}.menu-item{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.menu-item:hover{background:var(--accent-dim)}.menu-check{width:12px;color:var(--accent);flex:none}.menu-label{flex:1}.menu-kbd{white-space:nowrap;color:var(--text-faint);font-family:var(--font-mono);flex:none;font-size:11px}.menu-sep{background:var(--line);height:1px;margin:4px 6px}.menu-group{padding:2px 0}.menu-group+.menu-group{border-top:1px solid var(--line)}.menu-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);-webkit-user-select:none;user-select:none;pointer-events:none;padding:5px 14px 3px;font-size:10px;font-weight:600}.menu-group .menu-item{padding-left:20px}.transport{background:var(--bg-0);border-bottom:1px solid var(--bd);padding:4px var(--s3) 6px;min-height:var(--transport-h);scrollbar-width:none;align-items:stretch;gap:6px;display:flex;overflow:auto hidden}.tz{border-left:1px solid var(--bd);flex-direction:column;flex:none;gap:3px;min-width:0;padding:3px 14px 5px;display:flex}.transport .tz:first-child{border-left:none;padding-left:2px}.tz-cap{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-1);-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.9;font-size:9px;font-weight:600;line-height:1}.tbtn-play-big{border-radius:var(--r);background:var(--ac);width:44px;height:32px;color:var(--ac-ink);box-shadow:0 0 12px var(--ac-glow);transition:background var(--tr), box-shadow var(--tr), opacity var(--tr);justify-content:center;align-items:center;display:inline-flex}.tbtn-play-big:hover:enabled{filter:brightness(1.1)}.tbtn-play-big.playing{background:var(--ac-soft,var(--ac));color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}.tbtn-play-big:disabled{opacity:.4;cursor:not-allowed}.tz-body{align-items:center;gap:var(--s3);flex:1;display:flex}.tz .toolbar-group,.tz .transport-group{height:auto;box-shadow:none;background:0 0;border:none;align-self:stretch;padding:0}@media (max-width:1023px){.tz-cap{display:none}.tz{padding:2px 7px}}.transport::-webkit-scrollbar{height:0}.toolbar-group,.transport-group{height:46px;padding:0 var(--s2);border:1px solid var(--bd);border-radius:var(--r-md);background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg-1) 100%);box-shadow:var(--inset-hi);align-self:center;align-items:center;gap:2px;display:flex}.tbtn{border-radius:var(--r);width:30px;height:30px;color:var(--fg-1);transition:background var(--tr), color var(--tr), box-shadow var(--tr);justify-content:center;align-items:center;display:inline-flex}.tbtn:hover:enabled{background:var(--bg-4);color:var(--fg-0)}.tbtn-play{color:var(--ac);filter:drop-shadow(0 0 6px var(--ac-glow))}.transport-time{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-1);font-size:18px}.time-cursor{color:var(--ac);text-shadow:0 0 8px var(--ac-glow)}.time-sep{color:var(--text-faint);margin:0 5px}.transport-spacer{flex:1}.transport-vol{color:var(--text-dim);align-items:center;gap:8px;display:flex}.toolbar-group{height:46px;padding:0 var(--s2);border:1px solid var(--bd);border-radius:var(--r-md);background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg-1) 100%);box-shadow:var(--inset-hi);align-self:center}.toolbar{align-items:center;gap:var(--s3);align-self:center;display:flex}.toolbar-sep{background:var(--bd);width:1px;height:26px}.toolbtn{border-radius:var(--r);width:28px;height:28px;color:var(--fg-1);transition:background var(--tr), color var(--tr), box-shadow var(--tr);justify-content:center;align-items:center;display:inline-flex}.toolbtn:hover:enabled{background:var(--bg-4);color:var(--fg-0);box-shadow:0 0 0 1px var(--bd-h)}.toolbtn:disabled{opacity:.45;cursor:default}.selgroup{gap:10px}.sel-title{color:var(--fg-1);font-size:12px}.sel-cell{flex-direction:column;gap:2px;display:flex}.sel-label{color:var(--fg-1);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.sel-val{color:var(--ac);font-family:var(--font-mono);white-space:nowrap;min-width:64px;font-size:12px}.sel-clear{color:var(--fg-1);border-radius:var(--r);transition:color var(--tr), box-shadow var(--tr);align-self:center;padding:4px 8px;font-size:11px}.sel-clear:hover:enabled{color:var(--ac);box-shadow:0 0 0 1px var(--bd-h)}.sel-clear:disabled{opacity:.45;cursor:default}.beatbar{gap:var(--s2)}.flagbtn{border-radius:var(--r);color:var(--fg-2);transition:color var(--tr), box-shadow var(--tr);padding:4px 7px}.flagbtn .flag{letter-spacing:.08em;font-size:10px;font-weight:700}.flagbtn.on{color:var(--ac);text-shadow:0 0 8px var(--ac-glow);box-shadow:inset 0 0 0 1px var(--bd-h)}.beat-bpm{margin-left:var(--s1);flex-direction:column;gap:2px;display:flex}.zoombar{left:var(--s2);z-index:5;border:1px solid var(--bd);border-radius:var(--r-md);background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg-1) 100%);box-shadow:var(--inset-hi);align-items:center;gap:2px;padding:3px 5px;display:flex;position:absolute;bottom:34px}.zoombar-sep{background:var(--bd);width:1px;height:18px;margin:0 3px}.zoombar-val{color:var(--fg-2);font-family:var(--font-mono);padding:0 4px;font-size:10px}.strips{gap:var(--s2);padding:4px var(--s2)!important;height:auto!important}.strip{flex-direction:column;gap:3px;min-width:108px;display:flex}.strip-head{align-items:center;gap:5px;display:flex}.strip-tag{color:var(--ac);width:12px;font-size:12px;font-weight:700}.strip-tag.dim{color:var(--fg-3)}.strip-row{align-items:center;gap:5px;display:flex}.strip-lab{color:var(--fg-1);text-transform:uppercase;letter-spacing:.05em;width:22px;font-size:9px}.strip-slider{width:74px;height:10px;accent-color:var(--ac)}.statusbar{background:var(--bg-1);border-top:1px solid var(--bd);color:var(--text-dim);-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:0 12px;font-size:11.5px;display:flex}.status-spacer{flex:1}.status-meta{color:var(--text-faint)}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;bottom:40px;right:14px}.toast{background:var(--bg-3);border:1px solid var(--bd);border-left:3px solid var(--accent);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #0006}.toast-err{border-left-color:var(--danger)}.toast-ok{border-left-color:var(--ok)}.toast-msg{flex:1}.toast-action{color:var(--accent);font-weight:600}.toast-close{color:var(--text-faint)}.modal-overlay{z-index:300;background:#040609b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-2);border:1px solid var(--bd);border-radius:var(--r-md);width:min(520px,100vw - 40px);max-height:calc(100vh - 48px);box-shadow:0 24px 60px #0009, 0 0 0 1px var(--bd-s);flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-title{font-weight:600}.modal-close{color:var(--text-faint)}.modal-body{min-height:0;padding:16px;overflow-y:auto}.home-warning{flex-direction:column;gap:18px;display:flex}.home-warning p{margin:0;line-height:1.5}.home-warning-actions{justify-content:flex-end;gap:8px;display:flex}.home-warning-actions button{border:1px solid var(--bd);border-radius:var(--r);background:var(--bg-3);color:var(--fg-1);cursor:pointer;padding:6px 12px}.home-warning-actions button:hover{background:var(--bg-2)}.home-warning-actions .home-warning-leave{background:var(--ac);color:var(--ac-ink);border-color:var(--ac)}.modal-overlay:has(.home-warning) .modal-close{display:none}.welcome,.about{text-align:left;flex-direction:column;gap:10px;display:flex}.welcome{text-align:center;align-items:center}.welcome-logo{align-self:center;padding:10px}.welcome-logo svg{width:84px;height:84px;filter:drop-shadow(0 0 18px var(--ac-glow))}.welcome .empty-actions{justify-content:center;width:100%}.welcome-dev-line{color:var(--fg-1);margin:2px 0 0;font-size:12px}.welcome-dev-line a{color:var(--ac);font-weight:600;text-decoration:none}.welcome-dev-line a:hover{text-decoration:underline}.about .welcome-dev{margin-top:6px}.welcome-dev{border-top:1px solid var(--bd);text-align:left;align-items:center;gap:12px;width:100%;margin-top:4px;padding-top:14px;display:flex}.dev-avatar{object-fit:cover;border:1px solid var(--bd-h);border-radius:50%;flex:none;width:52px;height:52px}.dev-avatar-mono{background:linear-gradient(135deg, var(--ac) 0%, #2b7fa8 100%);color:var(--ac-ink,#fff);letter-spacing:.02em;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.dev-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dev-name{color:var(--fg-0);font-size:13.5px;font-weight:600}.dev-role{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-1);font-size:10px;font-weight:600;line-height:1.6}.dev-note{color:var(--fg-1);margin-top:1px;font-size:11px}.dev-links{flex-wrap:wrap;gap:4px 14px;margin-top:3px;font-size:11.5px;display:flex}.dev-links a{color:var(--ac);text-decoration:none}.dev-links a:hover{text-decoration:underline}.dev-chip{color:var(--fg-1)}.welcome-lead{margin:0;font-size:14px}.welcome-privacy{color:var(--accent);margin:0}.welcome-milestone{color:var(--text-dim);margin:0;font-size:12px}.welcome-start{align-self:flex-start}.about-name{text-align:center;margin:0;font-weight:600}.btn-primary{background:var(--ac);color:var(--ac-ink);border-radius:var(--r);transition:box-shadow var(--tr), filter var(--tr);padding:8px 18px;font-weight:600}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 0 12px var(--ac-glow)}.wave-canvas{touch-action:none;display:block;position:absolute;inset:0}.empty-actions{gap:10px;margin-top:10px;display:flex}.btn-secondary{background:var(--panel-raised);color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--line);padding:8px 18px}.btn-secondary:hover{border-color:var(--accent-line)}.loading-overlay{color:var(--text-dim);background:#0a0e13b8;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-pct{font-family:var(--font-mono);color:var(--accent)}.url-form{flex-direction:column;gap:10px;display:flex}.url-hint{color:var(--text-dim);margin:0;font-size:12px}.url-input{background:var(--canvas-bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:9px 10px;font-size:12px}.url-input:focus{border-color:var(--accent-line);outline:none}.url-actions{justify-content:flex-end;gap:10px;display:flex}.tbtn.active{color:var(--ac);background:var(--ac-soft);box-shadow:inset 0 0 0 1px var(--bd-h)}.crash-screen{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crash-panel{text-align:center;flex-direction:column;gap:10px;max-width:420px;display:flex}.channel-controls{align-items:center;gap:4px;display:flex}.chbtn{border-radius:var(--radius-sm);border:1px solid var(--line);min-width:26px;height:24px;color:var(--text-dim);font-family:var(--font-mono);padding:0 6px;font-size:11px}.chbtn:hover{border-color:var(--accent-line);color:var(--text)}.chbtn.muted{color:var(--danger);border-color:var(--danger);text-decoration:line-through}.chbtn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.fx-dialog{flex-direction:column;gap:10px;min-width:340px;display:flex}.fx-row{align-items:center;gap:10px;display:flex}.fx-label{width:190px;color:var(--text-dim);overflow-wrap:break-word;flex:none;font-size:12px;line-height:1.35}.fx-slider{accent-color:var(--accent);flex:1}.fx-num{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-sm);width:76px;color:var(--text);font-family:var(--font-mono);flex:none;padding:3px 6px;font-size:12px}.fx-curve-toggle{margin-right:4px;font-size:11px}.fx-envelope{margin:4px 0 8px}.fx-envelope-head{opacity:.85;align-items:center;gap:8px;font-size:11px;display:flex}.fx-envelope-title{font-weight:600}.fx-envelope-canvas{touch-action:none;cursor:crosshair;border:1px solid #ffffff26;border-radius:3px;width:100%;height:96px}.fx-envelope-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fx-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.fx-status{color:var(--text-dim);align-items:center;gap:8px;margin:2px 0 0;font-size:12px;display:flex}.fx-status-retry{font-size:11px}.rack-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.rack-presets .fx-label{width:auto}.rack-presets input[type=text]{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-sm);width:110px;color:var(--text);padding:3px 6px;font-size:12px}.rack-import{cursor:pointer}.rack-import input[type=file]{display:none}.rack-empty{color:var(--text-dim);margin:6px 0;font-size:12px}.rack-block{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:6px;padding:4px 6px}.rack-row{align-items:center;gap:8px;display:flex}.rack-expand{width:20px;color:var(--text-dim);cursor:pointer;background:0 0;border:none}.rack-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.rack-bypass{color:var(--text-dim);cursor:pointer;align-items:center;gap:4px;font-size:11px;display:flex}.rack-move,.rack-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.rack-move:disabled,.rack-remove:disabled{opacity:.35;cursor:default}.rack-remove:hover:not(:disabled),.rack-move:hover:not(:disabled){color:var(--text)}.rack-params{border-top:1px solid var(--line);margin-top:4px;padding:6px 0 2px}.rack-add{align-items:center;gap:6px;margin:6px 0;display:flex}.fx-preset-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.fx-preset-row .fx-label{width:auto}.fx-spacer{flex:1}.tbtn.armed{color:var(--warn,#e5c515);background:var(--ac-soft);border-radius:50%;box-shadow:0 0 10px #e5c51559}.tbtn:disabled{opacity:.4;cursor:not-allowed}.rec-meter{position:relative}.rec-meter-hold{opacity:.85;pointer-events:none;background:#fff;border-radius:1px;width:2px;height:10px;transition:left 80ms linear;position:absolute;top:-2px;left:0}.rec-clip{border:1px solid var(--bd-h);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0}.rec-clip.latched{background:var(--danger);box-shadow:0 0 8px var(--danger)}.count-chip{font-family:var(--font-mono);color:var(--warn,#e5c515);border:1px solid var(--bd-h);border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:14px;font-weight:700;display:inline-flex}.fx-section-head,.fx-section-head .fx-label{letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin-top:6px;font-weight:600}.takes-row{flex-wrap:wrap;gap:8px}.takes-names{flex-wrap:wrap;gap:6px;display:inline-flex}.take-chip{font-family:var(--font-mono);border:1px solid var(--bd-h);opacity:.85;border-radius:10px;padding:2px 8px;font-size:11px}.take-chip.kept{border-color:var(--ac);color:var(--ac)}.tbtn.recording{color:var(--rec);background:var(--rec);box-shadow:0 0 12px var(--rec-glow);border-radius:50%}.tbtn.recording svg{fill:#fff}.rec-meter{align-items:center;gap:6px;width:110px;display:flex}.rec-meter-fill{background:linear-gradient(to right, #2fbf71, #e5c515, var(--danger));border-radius:3px;flex:1;max-width:64px;height:6px;transition:width 60ms linear}.rec-time{font-family:var(--font-mono);color:var(--danger);font-size:11px}.export-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.export-card{text-align:left;background:var(--bg-2);border:1px solid var(--bd);border-radius:var(--r-md);transition:border-color var(--tr), box-shadow var(--tr), background var(--tr);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.export-card:hover{border-color:var(--bd-h)}.export-card.selected{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac), 0 0 10px var(--ac-glow)}.export-card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.export-card-name{color:var(--fg-0);font-size:13px;font-weight:700}.export-card-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.export-card-badge.ok{color:var(--ac);background:var(--ac-soft)}.export-card-badge.warn{color:#e5c515;background:#e5c5151f}.export-card-blurb{color:var(--fg-1);font-size:11px;line-height:1.35}.export-hint{color:var(--fg-1);grid-column:2/span 2;align-self:center;font-size:11px}@media (max-width:640px){.export-cards{grid-template-columns:1fr}.export-hint{grid-column:auto}}.export-select{text-align:left;width:190px}.export-name{text-align:left;width:170px}.export-ext{color:var(--text-dim);font-family:var(--font-mono);font-size:12px}.export-meta{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.export-bar{background:var(--bg-3);border-radius:3px;height:6px;overflow:hidden}.export-bar-fill{background:var(--accent);height:100%;transition:width .12s linear}.analysis-panel{background:#0c1117;border-top:1px solid #232b36;flex-direction:column;gap:4px;padding:4px 8px 6px;display:flex}.analysis-panel-float{z-index:60;border:1px solid #232b36;border-radius:6px;width:min(560px,100vw - 16px);max-height:calc(100vh - 16px);position:fixed;top:8px;left:8px;overflow:auto;box-shadow:0 12px 32px #0000008c}.analysis-panel-head{align-items:center;gap:6px;min-height:28px;display:flex}.analysis-panel-title{letter-spacing:.04em;text-transform:uppercase;color:#8fa3b0;-webkit-user-select:none;user-select:none;flex:1;font-size:12px}.analysis-panel-float .analysis-panel-head{cursor:grab;touch-action:none}.analysis-panel-handle{color:#8fa3b0;cursor:grab;touch-action:none;background:#10161f;border:1px solid #232b36;border-radius:4px;width:24px;height:24px;line-height:1}.analysis-panel-handle[hidden]{display:none}.analysis-panel-handle:focus-visible{outline:2px solid #3ddad0}.analysis-spectrum{width:100%;display:block}.analysis-readouts{color:#8b96a5;flex-wrap:wrap;align-items:center;gap:6px 24px;font-size:11px;display:flex}.analysis-group{align-items:center;gap:8px;display:flex}.analysis-key{color:#5c6773;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.analysis-val{color:#d7dee8;min-width:34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.analysis-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.meta-dialog{min-width:360px}.meta-hint{color:#8b96a5;margin:0 0 10px;font-size:12px}.meta-error{color:#ff7a7a;margin:8px 0 0;font-size:12px}.drafts-dialog{min-width:420px;max-width:560px}.drafts-empty{color:#8b96a5;margin:4px 0;font-size:12px}.draft-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.draft-row{border-bottom:1px solid #1a212b;align-items:center;gap:10px;padding:6px 4px;font-size:12px;display:flex}.draft-name{color:#d7dee8;text-overflow:ellipsis;white-space:nowrap;min-width:120px;overflow:hidden}.draft-meta{color:#5c6773;flex:1;font-size:11px}.draft-actions{gap:4px;display:flex}.draft-delete{color:#ff9d9d}.draft-rename{flex:1;gap:6px;display:flex}.drafts-usage{color:#5c6773;text-align:right;margin:8px 0 0;font-size:11px}.restore-banner{color:#cfe8cf;background:#1d2a1d;border-bottom:1px solid #2f4a2f;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.restore-actions{gap:6px;display:flex}.update-banner{z-index:60;color:#cfe4ef;background:#10202b;border:1px solid #234;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:0 4px 16px #00000080}.eq-dialog{min-width:620px;max-width:720px}.eq-curve{border:1px solid #1a222c;border-radius:4px;width:100%;height:140px;margin-bottom:8px;display:block}.eq-rows{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.eq-row{align-items:center;gap:6px;display:flex}.eq-type{width:110px}.eq-cell{color:#8b96a5;align-items:center;gap:4px;font-size:11px;display:flex}.eq-cell span{text-transform:uppercase;letter-spacing:.04em;font-size:9px}.eq-cell input,.eq-cell select{width:70px}.fx-ir-row{align-items:center;gap:10px;margin:10px 0 2px;display:flex}.fx-ir-row .fx-ir-status{color:var(--text-dim,#8fa3b0);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fx-ir-file{display:none}.welcome-tips{color:var(--fg-1);margin:10px 0 0;font-size:12px;line-height:1.5}.shortcuts{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.shortcuts{grid-template-columns:1fr}}.shortcuts-title{margin:0 0 var(--s2);color:var(--ac);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table td{vertical-align:middle;padding:4px 0}.shortcuts-key kbd{border:1px solid var(--bd);border-radius:var(--r);background:var(--bg-3);color:var(--fg-0);font-family:var(--font-mono);white-space:nowrap;border-bottom-width:2px;padding:2px 7px;font-size:11px;display:inline-block}.shortcuts-label{color:var(--fg-1);font-size:12.5px;padding-left:var(--s2)!important}.gtip{background:var(--bg-4);color:var(--fg-0);border:1px solid var(--bd-h);border-radius:var(--r);font-size:11px;font-family:var(--ff);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s var(--ease), visibility .12s var(--ease);z-index:500;padding:4px 9px;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 14px #0006}.gtip[data-on]{opacity:1;visibility:visible}.drop-overlay{z-index:20;border:2px dashed var(--ac);border-radius:var(--r-lg);background:var(--ac-soft);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px}.drop-overlay-label{border-radius:var(--r-md);background:var(--bg-2);color:var(--ac);box-shadow:var(--glow);padding:10px 22px;font-size:14px;font-weight:600}.workspace.with-lanes{flex-direction:column;display:flex}.workspace.with-lanes .canvas-region{flex:auto;min-height:140px;position:relative;inset:auto}.lane-stack{border-top:1px solid var(--bd);background:var(--bg-1);overscroll-behavior:contain;max-height:46%;overflow-y:auto}.lane{border-bottom:1px solid var(--bd);cursor:pointer;align-items:stretch;gap:8px;padding:6px 8px;display:flex}.lane.active{box-shadow:inset 3px 0 0 var(--ac);background:var(--ac-soft)}.lane-strip{flex-direction:column;flex:0 0 200px;gap:2px;width:200px;display:flex}.lane-head{align-items:center;gap:6px;min-height:20px;display:flex}.lane-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:12px;overflow:hidden}.lane-badge{letter-spacing:.08em;color:var(--text-faint);border:1px solid var(--bd);border-radius:2px;padding:0 3px;font-size:9px}.lane-btns,.lane-confirm{gap:4px;margin-left:auto;display:flex}.lane-strip .strip-row{align-items:center;gap:6px;display:flex}.lane-strip .strip-lab{color:var(--text-faint);width:22px;font-size:10px}.lane-strip .strip-slider{flex:1;height:12px}.lane-remove.danger,.chbtn.danger{color:var(--rec)}.chbtn.soloed{color:var(--solo);border-color:var(--solo)}.lane-canvas{background:var(--cv-bg,#0b0d10);border-radius:2px;flex:1;min-width:0;height:56px;display:block}.lane-automation{gap:2px;margin-left:4px;display:inline-flex}.lane-param{padding:1px 4px;font-size:9px}.lane-empty{cursor:default;justify-content:center;padding:10px}.lane-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.lane-export-hint{color:var(--text-faint);align-self:center;font-size:11px}.chbtn.addtrack{min-width:22px;font-size:13px}.doctor-running{color:var(--text-dim,#8a929e);margin:24px 0}.doctor-table{border-collapse:collapse;width:100%;font-size:12.5px}.doctor-table td{vertical-align:top;border-bottom:1px solid #ffffff0f;padding:6px 10px}.doctor-status{width:22px;font-weight:700}.doctor-ok .doctor-status{color:#4fc479}.doctor-fail .doctor-status{color:#e05a4e}.doctor-label{white-space:nowrap;color:var(--text,#d6dae2)}.doctor-detail{color:var(--text-dim,#8a929e)}.doctor-ms{text-align:right;color:var(--text-dim,#8a929e);white-space:nowrap}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.report-block{border-top:1px solid var(--line);flex-direction:column;gap:4px;width:100%;margin-top:4px;padding-top:6px;display:flex}.report-actions{gap:6px;display:flex}.report-row{align-items:baseline;gap:10px;min-width:0;display:flex}.report-key{width:130px;color:var(--text-dim);flex:none;font-size:11px}.report-val{color:var(--text);min-width:0;font-size:12px}.report-table{flex-wrap:wrap;gap:4px;display:flex}.report-chip{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);white-space:nowrap;padding:1px 6px;font-size:11px}.report-chip b{color:var(--text);font-weight:600}.report-bars{align-items:flex-end;gap:3px;height:28px;display:flex}.report-bar{background:var(--bg-3);border-radius:2px;align-items:flex-end;width:14px;height:100%;display:flex;overflow:hidden}.report-bar>span{background:#3ddad0;width:100%;display:block}.toast-close{min-width:24px;min-height:24px}.f2-shell{flex-direction:column;height:100vh;display:flex}.f2-shell>.workspace{flex:1 1 0;min-height:0}.f2-zone{width:100%}.f2-menubar{z-index:calc(var(--z-command,32) + 10);position:sticky;top:0}.f2-band{z-index:var(--z-command,32);top:var(--menubar-h,40px);background:var(--panel,var(--bg-1));border-bottom:1px solid var(--bd,var(--line));position:sticky}.f2-band-primary{top:0}.f2-status{z-index:var(--z-command,32);position:sticky;bottom:0}.f2-toolbar{align-items:center;gap:var(--s1,4px);padding:0 var(--s1,4px);display:inline-flex}.f2-toolbar:focus-within{outline:var(--focus-width,2px) solid var(--ac,var(--accent));outline-offset:var(--focus-offset,2px)}.f2-overflow{display:inline-flex;position:relative}.f2-overflow-btn{min-width:var(--target-min,24px);min-height:var(--target-min,24px);border:1px solid var(--bd,var(--line));border-radius:var(--radius-sm,4px);color:inherit;cursor:pointer;background:0 0}.f2-overflow-pop{background:var(--panel-raised,var(--bg-2));border:1px solid var(--bd,var(--line));border-radius:var(--radius,6px);min-width:160px;box-shadow:var(--glow,0 4px 16px #00000040);z-index:var(--z-overlay,60);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.f2-overflow-pop [role=menuitem]{text-align:left;min-height:var(--target-min,24px);color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 12px}.f2-overflow-pop [role=menuitem]:focus-visible{outline:var(--focus-width,2px) solid var(--ac,var(--accent));outline-offset:calc(var(--focus-offset,2px) * -1)}.f2-band-inner{align-items:center;gap:var(--s1,4px);white-space:nowrap;padding:4px 8px;display:flex;overflow:hidden}.f2-section{align-items:center;gap:var(--s1,4px);flex:none;display:inline-flex}.f2-folded{display:none}.f2-group{padding:0 var(--s1,4px);border-left:1px solid var(--bd,var(--line));align-items:center;gap:2px;display:inline-flex}.f2-btn{min-width:var(--target-min,24px);min-height:var(--target-min,24px);border-radius:var(--radius-sm,4px);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:2px 6px;font-size:12px;line-height:1;display:inline-flex}.f2-btn:hover{background:var(--ac-soft,var(--bg-3))}.f2-btn[aria-pressed=true]{background:var(--ac-soft,var(--bg-3));border-color:var(--ac,var(--accent));color:var(--ac,var(--accent))}.f2-btn[aria-disabled=true]{opacity:.45;cursor:default}.f2-btn:focus-visible{outline:var(--focus-width,2px) solid var(--ac,var(--accent));outline-offset:var(--focus-offset,2px)}.f2-readout{align-items:center;gap:4px;padding:0 6px;display:inline-flex}.f2-band-end{align-items:center;gap:var(--s1,4px);flex:none;margin-left:auto;display:inline-flex}.f2-toolbars{display:inline-flex;position:relative}.f2-toolbars-pop [role=menuitem],.f2-toolbars-pop [role=menuitemcheckbox]{align-items:center;gap:6px;display:flex}.f2-pop-fixed{position:fixed;top:auto;right:auto}.f2-graph{flex:1 1 0;grid-template-rows:28px 1fr;grid-template-columns:64px 1fr;height:100%;min-height:0;display:grid;position:relative}.f2-graph-corner{background:var(--cv-ruler-bg,#000);border-bottom:1px solid var(--cv-ruler-line,#365457);grid-area:1/1}.f2-graph-panel{border-right:1px solid var(--bd,var(--line));background:var(--panel,var(--bg-1));flex-direction:column;grid-area:2/1;min-height:0;display:flex;overflow:hidden}.f2-panel-lane{border-bottom:1px solid var(--bd,var(--line));flex:1 1 0;min-height:0;position:relative}.f2-panel-tag{font-size:10px;font-family:var(--ff-mono,monospace);color:var(--text-dim,#9aa);position:absolute;top:4px;left:6px}.f2-panel-anchor{font-size:9px;font-family:var(--ff-mono,monospace);color:var(--text-faint,#778);position:absolute;right:4px;transform:translateY(-50%)}.f2-graph-host{grid-area:2/2;min-width:0;min-height:0;position:relative;overflow:hidden}.f2-overlay{pointer-events:none;z-index:5;position:absolute;inset:0}.f2-selgroup{border-left:1px solid var(--bd,var(--line));align-items:center;gap:4px;padding-left:8px;display:inline-flex}.f2-selfield{align-items:center;gap:4px;display:inline-flex}.f2-sel-input{border:1px solid var(--bd,var(--line));border-radius:var(--radius-sm,4px);background:var(--bg-2,#111);width:88px;min-height:24px;color:inherit;font-family:var(--ff-mono,monospace);padding:1px 4px;font-size:11px}.f2-sel-input[aria-invalid=true]{border-color:var(--danger,#e2574b)}.f2-sel-mode{border:1px solid var(--bd,var(--line));border-radius:var(--radius-sm,4px);min-height:24px;color:inherit;background:0 0;font-size:11px}.f2-sel-error{color:var(--danger,#e2574b);white-space:nowrap;font-size:11px}@media (pointer:coarse){.f2-btn,.f2-overflow-btn,.f2-toolbars-btn{min-width:var(--target-touch,40px);min-height:var(--target-touch,40px)}.f2-sel-input,.f2-sel-mode{min-height:var(--target-touch,40px)}}@media (max-width:480px){.f2-band-inner{flex-wrap:wrap;row-gap:4px}.f2-section{min-width:0;max-width:100%}.f2-menubar .menubar{scrollbar-width:thin;max-width:100%;overflow-x:auto}.f2-selgroup{flex-wrap:wrap;row-gap:4px}.f2-sel-input{width:72px}.toolbar-group.strips{flex-wrap:wrap;row-gap:4px}.transport-vol{flex:120px}}@media (prefers-reduced-motion:reduce){.f2-shell *,.f2-overflow-pop,.f2-toolbars-pop{transition-duration:.01ms!important;animation-duration:.01ms!important}}