:root{color:var(--text);background:var(--bg);--bg:#0b0d12;--panel:#141824;--panel-2:#1a1f2e;--panel-3:#222839;--line:#94a3b824;--line-strong:#94a3b847;--accent:#4cc2ff;--accent-rgb:76, 194, 255;--accent-dim:#2a7fae;--danger:#f87171;--text:#e6e9f2;--text-2:#cdd5e4;--text-dim:#8b93a7;--well:#0d1017;--well-2:#10131c;--bar-1:#1c2231;--bar-2:#151a26;--scrollbar-track:#10131c;--scrollbar-thumb:#2b3348;--scrollbar-thumb-hover:#3a4460;--focus-ring:#4cc2ff;--ui-scale:1;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f8;--panel:#fff;--panel-2:#f6f7fb;--panel-3:#eceef4;--line:#1e293b1f;--line-strong:#1e293b38;--accent:#0b84d6;--accent-rgb:11, 132, 214;--accent-dim:#5fb3e8;--danger:#dc2626;--text:#1a1f2b;--text-2:#333b4d;--text-dim:#5b6478;--well:#e4e7ef;--well-2:#dde1eb;--bar-1:#fff;--bar-2:#eef0f6;--scrollbar-track:#e4e7ef;--scrollbar-thumb:#c3c9d8;--scrollbar-thumb-hover:#a7afc4;--focus-ring:#0b84d6}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f8;--panel:#fff;--panel-2:#f6f7fb;--panel-3:#eceef4;--line:#1e293b1f;--line-strong:#1e293b38;--accent:#0b84d6;--accent-rgb:11, 132, 214;--accent-dim:#5fb3e8;--danger:#dc2626;--text:#1a1f2b;--text-2:#333b4d;--text-dim:#5b6478;--well:#e4e7ef;--well-2:#dde1eb;--bar-1:#fff;--bar-2:#eef0f6;--scrollbar-track:#e4e7ef;--scrollbar-thumb:#c3c9d8;--scrollbar-thumb-hover:#a7afc4;--focus-ring:#0b84d6}}:root[data-contrast=high]:not([data-theme=light]){--line:#94a3b880;--line-strong:#94a3b8cc;--text-dim:#b7bfd1}:root[data-theme=light][data-contrast=high]{--line:#1e293b61;--line-strong:#1e293b9e;--text-dim:#3f4759}@media (prefers-color-scheme:light){:root:not([data-theme])[data-contrast=high]{--line:#1e293b61;--line-strong:#1e293b9e;--text-dim:#3f4759}}:root[data-contrast=high] button:focus-visible,:root[data-contrast=high] select:focus-visible,:root[data-contrast=high] input:focus-visible,:root[data-contrast=high] a:focus-visible,:root[data-contrast=high] [tabindex]:focus-visible{outline-offset:1px;outline-width:3px}*{box-sizing:border-box}html{zoom:var(--ui-scale)}html,body,#root{height:100%}body{background:var(--bg);margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button{cursor:pointer}select{background:var(--panel-3);color:var(--text);border:1px solid var(--line-strong);cursor:pointer;border-radius:4px;padding:3px 6px}select option{background:var(--panel-2);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.daw{flex-direction:column;height:100vh;display:flex;overflow:hidden}.transport{background:linear-gradient(180deg, var(--bar-1), var(--bar-2));border-bottom:1px solid var(--line-strong);flex-wrap:wrap;align-items:center;gap:18px;padding:8px 14px;display:flex}.transport-group{align-items:center;gap:8px;display:flex}.transport-menu,.record-menu{position:relative}.transport-pop{z-index:60;background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:10px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000073}.record-menu .transport-pop{left:0;right:auto}.transport-pop-wide{min-width:280px}.transport-pop hr{border:none;border-top:1px solid var(--line);margin:4px 0}.transport-pop button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:12.5px}.transport-pop button:hover:not(:disabled){background:rgba(var(--accent-rgb), .12)}.transport-pop-label{border-top:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-top:4px;padding:6px 10px 2px;font-size:10px;font-weight:700}.transport-pop button[role=menuitemcheckbox]{font-variant-numeric:tabular-nums}.transport-pop button.accent{color:var(--accent);font-weight:600}.transport-pop button:disabled{opacity:.4;cursor:default}.transport-pop .ai-prompt{box-sizing:border-box;width:100%;margin-bottom:4px}.transport-pop .pop-normalize{color:var(--text-dim);align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.brand .logo{object-fit:contain;flex-shrink:0;width:52px;height:36px;display:block}.project-name{background:0 0;border:1px solid #0000;border-radius:6px;width:160px;padding:4px 8px;font-size:15px;font-weight:700}.project-name:hover,.project-name:focus{border-color:var(--line-strong);background:var(--panel);outline:none}.transport-btn{border:1px solid var(--line-strong);background:var(--panel-2);width:42px;height:34px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:15px;transition:background .12s,color .12s,box-shadow .12s;display:inline-flex}.transport-btn:hover{background:var(--panel-3)}.transport-btn.play.active{color:#f0fdf4;background:#16a34a;border-color:#16a34a}.transport-btn.play{color:#4ade80}.transport-btn.play.active{font-size:11px}.transport-btn.stop{color:#cbd5e1;font-size:13px}.transport-btn.record{color:#f87171}.transport-btn.record.active{color:#fff;background:#b91c1c;border-color:#ef4444;animation:1.2s infinite pulse;box-shadow:0 0 10px #ef444499}@keyframes pulse{50%{box-shadow:0 0 2px #ef44444d}}.transport-btn.small{width:34px;font-size:14px}.transport-btn.lit{color:var(--accent);border-color:var(--accent-dim);background:rgba(var(--accent-rgb), .12)}.transport-btn:disabled{opacity:.4;cursor:default}.mode-switch{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.mode-switch button{background:var(--panel-2);color:var(--text-dim);letter-spacing:.06em;border:0;padding:8px 12px;font-size:11px;font-weight:700}.mode-switch button.active{background:var(--accent);color:#06283c}.readouts{gap:12px}.readout{background:var(--well);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;display:flex}.readout label{letter-spacing:.1em;color:var(--text-dim);font-size:10px;font-weight:700}.readout input[type=number]{color:#fbbf24;text-align:right;background:0 0;border:0;width:56px;font-size:16px;font-weight:700}.readout input[type=number]:focus{outline:none}.readout input[type=number]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.readout input[type=range]{width:80px}.tap-btn{letter-spacing:.06em;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text-dim);cursor:pointer;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:700}.tap-btn:hover{color:var(--text);border-color:var(--accent-dim)}.tap-btn:active{background:var(--accent-dim);color:#fff}.timesig-select{font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:5px;padding:2px 4px;font-size:12px;font-weight:600}.position-value{color:#4ade80;text-align:center;min-width:64px;font-family:Consolas,monospace;font-size:16px;font-weight:700}.position-section{letter-spacing:.04em;color:var(--accent);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;margin-top:-2px;font-size:10px;font-weight:700;display:block;overflow:hidden}.file-actions{margin-left:auto}.ai-prompt{background:var(--well);border:1px solid var(--line);color:var(--text-2);border-radius:8px;width:200px;padding:7px 10px;font-size:13px}.ai-prompt:hover,.ai-prompt:focus{border-color:var(--line-strong);outline:none}.ai-prompt:disabled{opacity:.5}.text-btn{background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text-2);border-radius:8px;padding:7px 14px;font-weight:600}.text-btn:hover{background:var(--panel-3)}.text-btn.generate{color:#f5f3ff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a855f7}.text-btn.generate:hover{filter:brightness(1.15)}.text-btn.accent{background:var(--accent);border-color:var(--accent);color:#06283c}.text-btn.accent:hover{filter:brightness(1.1)}.text-btn.accent:disabled{opacity:.6}.normalize-toggle{color:var(--text-dim);white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.workspace{flex:1;min-height:0;display:flex}.channel-rack{background:var(--panel);border-right:1px solid var(--line-strong);flex-direction:column;width:292px;min-width:292px;display:flex;overflow:hidden}.panel-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.add-track-select{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:6px;max-width:140px;padding:5px 8px;font-size:12px}.rack-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.rack-track{background:var(--panel-2);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.rack-track:hover{background:var(--panel-3)}.rack-track.selected{border-color:var(--accent-dim);background:rgba(var(--accent-rgb), .08)}.rack-track.is-muted{opacity:.55}.rack-track.drop-target{border-top:2px solid var(--accent)}.rack-track.browser-drop-target{background:rgba(var(--accent-rgb), .18);box-shadow:inset 0 0 0 2px var(--accent)}.rack-list.browser-drop-target{background:rgba(var(--accent-rgb), .06)}.track-grip{color:var(--text-dim);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 1px;font-size:13px;line-height:1}.track-grip:hover{color:var(--text)}.track-grip:active{cursor:grabbing}.track-color{border:1px solid var(--line);cursor:pointer;appearance:none;background:0 0;border-radius:3px;flex-shrink:0;align-self:stretch;width:14px;min-height:34px;padding:0}.track-color::-webkit-color-swatch-wrapper{padding:0}.track-color::-webkit-color-swatch{border:none;border-radius:2px}.rack-track-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rack-track-inst-row{align-items:center;gap:4px;min-width:0;display:flex}.track-name{background:0 0;border:0;width:100%;padding:0;font-size:13px;font-weight:700}.track-name:focus{color:var(--accent);outline:none}.track-instrument{background:var(--well);border:1px solid var(--line);color:var(--text-dim);border-radius:6px;flex:1;width:100%;min-width:0;padding:3px 5px;font-size:11px}.rack-spectrum{background:var(--well);border:1px solid var(--line);pointer-events:none;border-radius:4px;width:100%;height:18px;display:block}.rack-track-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.rack-track-tools{gap:3px;display:flex}.note-count{color:var(--text-dim);font-size:10px}.rack-hint{color:var(--text-dim);border-top:1px solid var(--line);margin:0;padding:8px 12px;font-size:11px}.ms-buttons{gap:3px;display:flex}.ms-btn{border:1px solid var(--line-strong);background:var(--panel);width:22px;height:20px;color:var(--text-dim);border-radius:4px;padding:0;font-size:10px;font-weight:800}.ms-btn.on-mute{color:#fff7ed;background:#b45309;border-color:#f59e0b}.ms-btn.on-solo{color:#f0fdf4;background:#15803d;border-color:#4ade80}.icon-btn{width:22px;height:20px;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.icon-btn:hover{background:var(--panel-3);color:var(--text)}.icon-btn.danger:hover{color:var(--danger);background:#f8717126}.editor-area{background:var(--well);flex-direction:column;flex:1;min-width:0;display:flex}.editor-area.is-split>.piano-roll{border-bottom:3px solid var(--line-strong)}.editor-area.is-split>.piano-roll,.editor-area.is-split>.playlist{flex:1 1 0;min-height:0}.view-tabs{border-bottom:1px solid var(--line-strong);background:var(--panel);align-items:center;gap:2px;padding:6px 10px 0;display:flex;overflow-x:auto}.view-tab-group{align-items:center;gap:2px;display:flex}.view-tab-group+.view-tab-group{border-left:1px solid var(--line);margin-left:6px;padding-left:8px}.view-tabs button{color:var(--text-dim);background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;padding:8px 18px;font-weight:600}.view-tabs button.active{background:var(--well);color:var(--accent);border-color:var(--line-strong)}.tab-context{color:var(--text-dim);align-items:center;gap:6px;margin-left:auto;padding-bottom:6px;padding-right:8px;font-size:12px;display:flex}.tab-context select{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:6px;max-width:160px;padding:4px 6px;font-size:12px}.tab-pattern-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 12px;display:flex}.editor-title{color:var(--text-2);font-size:13px}.pr-pattern-select{color:var(--text-2);background:var(--panel-2);border:1px solid var(--line-strong);vertical-align:baseline;border-radius:6px;max-width:160px;padding:2px 6px;font-size:13px;font-weight:600}.toolbar-field{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.zoom-buttons{gap:3px;display:flex}.zoom-reset{cursor:pointer}.zoom-reset:hover{color:var(--text)}.toolbar-field select{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:6px;padding:4px 6px;font-size:12px}.velocity-field input{width:90px}.velocity-field span{font-variant-numeric:tabular-nums;min-width:24px}.toolbar-hint{color:var(--text-dim);margin-left:auto;font-size:11px}.mix-legend{color:var(--text-dim);max-width:100%;margin-left:auto;font-size:11px}.mix-legend>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-dim);white-space:nowrap;border-radius:5px;padding:2px 6px;list-style:none}.mix-legend>summary::-webkit-details-marker{display:none}.mix-legend>summary:before{content:"▸ "}.mix-legend[open]>summary:before{content:"▾ "}.mix-legend>summary:hover{color:var(--text);background:rgba(var(--accent-rgb), .1)}.mix-legend-body{background:var(--well);border:1px solid var(--line);border-radius:6px;max-height:40vh;margin-top:2px;padding:6px 8px;overflow-y:auto}.mix-legend-body p{margin:0 0 4px;line-height:1.5}.mix-legend-body p:last-child{margin-bottom:0}.mix-legend-body strong{color:var(--text)}.pl-zoom{align-items:center;gap:4px;display:flex}.pl-zoom-label{color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.pl-rowsize{gap:2px;display:flex}.pl-rowsize .text-btn{padding:3px 7px;font-size:11px;line-height:1}.empty-state{color:var(--text-dim);flex:1;justify-content:center;align-items:center;display:flex}.dock-lazy-fallback{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.session{flex-direction:column;height:100%;min-height:0;display:flex}.session-arranger{border-bottom:1px solid var(--line);background:var(--panel-2);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.session-arranger-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session-arranger-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:700}.session-arranger-meta{color:var(--text-dim);flex:1;min-width:120px;font-size:12px}.session-arranger-check{color:var(--text-dim);align-items:center;gap:4px;font-size:12px;display:inline-flex}.session-arranger-strip{align-items:center;gap:6px;min-height:36px;padding-bottom:2px;display:flex;overflow-x:auto}.session-arranger-empty{color:var(--text-dim);font-size:12px;font-style:italic}.session-arranger-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.session-arranger-chip:hover{border-color:var(--accent)}.session-arranger-chip-dot{border-radius:50%;width:8px;height:8px}.session-arranger-chip-name{font-weight:600}.session-arranger-chip-bars{color:var(--text-dim);font-variant-numeric:tabular-nums}.session-arranger-arrow{color:var(--text-dim);margin-left:2px}.session-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;padding:16px;display:grid;overflow-y:auto}.session-cell{border:2px solid var(--line-strong);background:var(--panel-2);min-height:84px;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:transform 80ms,background .12s;display:flex}.session-cell:hover{background:var(--panel-3);transform:translateY(-1px)}.session-cell-dot{border-radius:50%;width:12px;height:12px}.session-cell-name{flex:1;font-size:14px;font-weight:600}.session-cell-rename{background:var(--well);border:1px solid var(--accent-dim);color:var(--text);border-radius:4px;flex:1;min-width:0;padding:1px 4px;font-size:14px;font-weight:600}.session-cell-state{color:var(--text-dim);letter-spacing:.03em;font-size:11px}.session-cell.playing{background:#34d39924;box-shadow:inset 0 0 0 2px #34d39980}.session-cell.playing .session-cell-state{color:#34d399;font-weight:700}.session-cell.queued{animation:1s infinite pulse}.session-cell.queued .session-cell-state{color:var(--accent);font-weight:700}.wam-panel{flex-direction:column;height:100%;min-height:0;display:flex}.wam-target{color:#9aa4b8;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.wam-target select{background:var(--well);color:var(--text);border:1px solid #2a3140;border-radius:5px;padding:2px 6px}.wam-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.wam-catalog{flex-direction:column;gap:8px;display:flex}.wam-catalog-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.wam-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.wam-catalog-item{border:1px solid var(--line-strong);background:var(--panel-2);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;display:flex}.wam-catalog-item:hover:not(:disabled){border-color:var(--accent-dim);background:var(--panel-3)}.wam-catalog-item:disabled{opacity:.5;cursor:default}.wam-catalog-name{font-size:12.5px;font-weight:600}.wam-catalog-cat{color:var(--text-dim);font-size:10.5px}.wam-add{gap:8px;display:flex}.wam-add input{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.wam-hint{color:var(--text-dim);max-width:620px;margin:0;font-size:12px;line-height:1.5}.wam-hint a{color:var(--accent)}.wam-empty{text-align:center;color:var(--text-dim);border:1px dashed var(--line-strong);border-radius:10px;padding:24px}.wam-list{flex-direction:column;gap:14px;display:flex}.wam-item{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:10px;overflow:hidden}.wam-item-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.wam-item-name{font-size:14px;font-weight:600}.wam-gui-host{max-height:520px;padding:8px;overflow:auto}.wam-nogui{color:var(--text-dim);padding:16px;font-size:12px}.text-btn.danger{color:#f87171}.browser{flex-direction:column;height:100%;min-height:0;display:flex}.browser-search{background:var(--panel-2);border:1px solid var(--line-strong);max-width:320px;color:var(--text);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.browser-search:focus{border-color:var(--accent-dim);outline:none}.browser-scroll{flex:1;padding:12px 16px;overflow-y:auto}.browser-section{margin-bottom:18px}.browser-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px;font-size:11px;font-weight:700}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.browser-item{border:1px solid var(--line);background:var(--panel-2);cursor:grab;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;display:flex}.browser-item:hover{border-color:var(--line-strong)}.browser-item:active{cursor:grabbing}.browser-star{color:var(--text-dim);cursor:pointer;background:0 0;border:0;font-size:15px;line-height:1}.browser-star.on{color:#facc15}.browser-item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.browser-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.browser-item-text .browser-item-name{flex:none}.browser-item-hint{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.browser-add{border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb), .12);color:var(--accent);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.browser-add:hover{background:var(--accent);color:#06283c}.browser-del{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:11px}.browser-del:hover{color:var(--danger);background:#f871711f}.piano-roll{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}.pr-scroll{flex:1;position:relative;overflow:auto}.pr-inner{position:relative}.pr-header-row{z-index:4;background:var(--well-2);border-bottom:1px solid var(--line-strong);height:22px;display:flex;position:sticky;top:0}.pr-corner{z-index:3;background:var(--well-2);border-right:1px solid var(--line-strong);position:sticky;left:0}.pr-ruler{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.pr-ruler:hover{background:#fbbf2414}.pr-bar-label{color:var(--text-2);pointer-events:none;border-left:1px solid #94a3b838;padding-left:4px;font-size:10px;font-weight:700}.pr-body{display:flex;position:relative}.pr-keys{z-index:3;background:var(--well-2);border-right:1px solid var(--line-strong);width:64px;min-width:64px;position:sticky;left:0}.pr-key{color:var(--text-dim);background:var(--well-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #94a3b814;align-items:center;padding-left:8px;font-size:10px;display:flex}.pr-key.black{background:var(--well)}.pr-key.c-note{color:var(--text-2);background:var(--panel-3);font-weight:700}.pr-key.in-scale{box-shadow:inset 3px 0 0 rgba(var(--accent-rgb), .55)}.pr-key.scale-root{box-shadow:inset 4px 0 0 var(--accent)}.pr-key.chord-tone{background:#34d39924;box-shadow:inset 5px 0 #34d399}.pr-key:hover{background:var(--accent-dim);color:#fff}.pr-grid{cursor:crosshair;background-color:var(--well);background-image:linear-gradient(to right, #94a3b829 1px, transparent 1px), linear-gradient(to right, #94a3b80f 1px, transparent 1px), linear-gradient(to right, rgba(var(--accent-rgb), .22) 2px, transparent 2px);touch-action:none;position:relative}.pr-row-shade{pointer-events:none;background:#00000038;position:absolute;left:0}.pr-row-out{pointer-events:none;background:#0000006b repeating-linear-gradient(45deg,#0000 0 5px,#0000002e 5px 7px);position:absolute;left:0}.pr-row-root{pointer-events:none;background:rgba(var(--accent-rgb), .1);position:absolute;left:0}.pr-row-chord{pointer-events:none;background:#34d3991f;position:absolute;left:0;box-shadow:inset 0 0 0 1px #34d3994d}.pr-harmony-badge{color:#34d399;background:#34d39924;border:1px solid #34d39966;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.pr-scale-picker{align-items:center;gap:4px;margin-left:2px;display:inline-flex}.pr-scale-select{background:var(--panel-2);color:var(--text,#e7ecf3);border:1px solid var(--line-strong);border-radius:4px;padding:2px 4px;font-size:11px}.pr-triplet-guides{pointer-events:none;position:absolute;top:0;left:0}.pr-step-cursor{background:var(--accent);width:2px;box-shadow:0 0 6px rgba(var(--accent-rgb), .7);pointer-events:none;z-index:3;position:absolute;top:0}.pr-step-group{align-items:center;gap:4px;display:inline-flex}.pr-step-pos{font-variant-numeric:tabular-nums;color:var(--accent);text-align:center;min-width:32px}.pr-notes-canvas,.pr-vel-canvas{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.pr-loop-band{pointer-events:none;background:#fbbf2459;border-left:2px solid #fbbf24;border-right:2px solid #fbbf24;position:absolute;top:0;bottom:0}.pr-loop-region{pointer-events:none;z-index:1;background:#fbbf2412;border-left:1px solid #fbbf2466;border-right:1px solid #fbbf2466;position:absolute;top:0}.loop-clear{color:#fbbf24;border-color:#fbbf2466}.pr-vel-scroll{border-top:1px solid var(--line);background:var(--panel-1);overflow:hidden}.pr-vel-inner{align-items:flex-end;display:flex}.pr-vel-label{letter-spacing:.08em;color:var(--text-dim);background:var(--panel-2);border-right:1px solid var(--line);justify-content:center;align-items:flex-end;padding-bottom:4px;font-size:9px;font-weight:700;display:flex}.pr-vel-lane{touch-action:none;cursor:ns-resize;position:relative}.pr-auto-scroll{border-top:1px solid var(--line);background:var(--panel-1);overflow:hidden}.pr-auto-inner{align-items:flex-start;display:flex}.pr-auto-label{background:var(--panel-2);border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.pr-auto-label select{width:90%;font-size:10px}.pr-auto-lane{touch-action:none;cursor:crosshair;color:var(--text-dim);background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 100%) 0 0/100% 25%;display:block}.pr-auto-lane circle{cursor:grab}.pr-auto-hint{font-size:11px}.pr-auto-curve-badge{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700}.pr-marquee{border:1px solid var(--accent);background:rgba(var(--accent-rgb), .14);pointer-events:none;z-index:3;position:absolute}.selection-tools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.selection-tools .tool-group{align-items:center;gap:4px;display:inline-flex}.selection-tools .tool-group+.tool-group,.selection-tools .tool-group+.text-btn{border-left:1px solid var(--line-strong);padding-left:6px}.groove-select{background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text-2);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}.selection-tag{color:var(--accent);background:rgba(var(--accent-rgb), .14);border:1px solid rgba(var(--accent-rgb), .4);white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.chord-tag{color:#f0abfc;background:#f0abfc24;border-color:#f0abfc66}.playhead{pointer-events:none;z-index:4;background:#fbbf24;width:2px;position:absolute;top:0;box-shadow:0 0 8px #fbbf24b3}.pl-scroll{flex:1;overflow:auto}.pl-inner{padding-bottom:20px;position:relative}.pl-header-row{z-index:3;background:var(--well-2);border-bottom:1px solid var(--line-strong);display:flex;position:sticky;top:0}.pl-corner{border-right:1px solid var(--line-strong)}.pl-side{background:var(--well-2);border-right:1px solid var(--line-strong);z-index:2;cursor:pointer;align-items:center;gap:6px;width:190px;min-width:190px;height:100%;padding:0 8px;display:flex;position:sticky;left:0}.pl-header-row .pl-side{height:26px}.pl-lane-bars{align-items:center;height:26px;display:flex}.pl-ruler{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.pl-ruler:hover{background:#fbbf2414}.pl-ruler .pl-bar-label{pointer-events:none}.pl-marker{z-index:4;align-items:center;height:22px;display:flex;position:absolute;top:1px}.pl-marker-flag{background:var(--accent);cursor:pointer;border-radius:1px;flex:none;width:3px;height:22px}.pl-marker-name{width:58px;height:16px;color:var(--well);background:var(--accent);border:none;border-radius:3px;margin-left:2px;padding:0 3px;font-size:10px;font-weight:700}.pl-marker-name:focus{outline:1px solid #fff}.pl-marker-x{color:#fff;opacity:0;background:#0006;border:none;border-radius:3px;margin-left:1px;padding:1px 3px;font-size:9px;line-height:1}.pl-marker:hover .pl-marker-x{opacity:1}.pl-marker-loop{color:#fff;opacity:0;background:#0006;border:none;border-radius:3px;margin-left:1px;padding:1px 3px;font-size:10px;line-height:1}.pl-marker:hover .pl-marker-loop{opacity:.85}.pl-marker-loop.on{opacity:1;background:var(--accent);color:var(--well)}.pl-song-loop{background:rgba(var(--accent-rgb), .1);border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;z-index:1;position:absolute;top:0}.pl-bar-label{color:var(--text-dim);border-left:1px solid #0000;padding-left:4px;font-size:10px}.pl-bar-label.major{color:var(--text-2);font-weight:700}.pl-row{border-bottom:1px solid var(--line);display:flex}.pl-row.selected .pl-side{background:rgba(var(--accent-rgb), .1)}.pl-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.pl-name{background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:12px;font-weight:600}.pl-name:focus{color:var(--accent);outline:none}.pl-bars-tag{color:var(--text-dim);font-size:10px}.pl-lane{cursor:pointer;background-image:linear-gradient(90deg,#94a3b838 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px);background-repeat:repeat-x;display:flex;position:relative}.pl-lane:hover{background-color:rgba(var(--accent-rgb), .04)}.pl-lane.drop-target{box-shadow:inset 0 0 0 2px var(--accent);background-color:#f472b629}.pl-launch{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:10px;line-height:1}.pl-launch:hover{color:var(--accent)}.pl-launch.queued,.icon-btn.busy{color:var(--accent);animation:1s infinite pulse}.pl-blocks-canvas{pointer-events:none;position:absolute;top:0;left:0}.pl-audio-row .pl-side{gap:4px}.pl-audio-bus-select{border:1px solid var(--line-strong);background:var(--panel-3);color:var(--text-dim);border-radius:4px;flex:none;max-width:62px;padding:1px 2px;font-size:9px}.warp-tools{align-items:center;gap:4px;display:inline-flex}.warp-count{color:#fde047;font-variant-numeric:tabular-nums;font-size:10px}.pl-audio-meter{background:var(--well);border-radius:3px;flex:none;width:24px;height:5px;overflow:hidden}.pl-audio-meter-fill{background:linear-gradient(90deg,#4ade80,#f472b6);width:0%;height:100%;transition:width 50ms linear}.pl-inspector{background:var(--panel-2);border-bottom:1px solid var(--line-strong);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 12px;font-size:12px;display:flex}.pl-inspector-hint{color:var(--text-dim);font-size:11px}.pl-inspector label{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.pl-inspector input[type=number]{width:52px}.pl-inspector input[type=range]{width:100px}.pl-harmony-row{align-items:stretch}.pl-harmony-side{gap:4px}.pl-harmony-title{color:var(--text-2);letter-spacing:.02em;font-size:11px;font-weight:700}.pl-harmony-lane{cursor:pointer}.pl-chord-block{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#34d3998c,#34d39952);border:1px solid #34d399a6;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.pl-chord-block:hover{filter:brightness(1.12)}.pl-chord-block.selected{border-color:#fff;box-shadow:0 0 0 1px #fff}.pl-chord-label{color:#06281c;text-shadow:0 1px #ffffff40;pointer-events:none;font-size:11px;font-weight:700}.pl-song-auto-row{align-items:stretch}.pl-song-auto-side{flex-direction:column;justify-content:center;align-items:stretch;gap:4px;padding:6px 8px}.pl-song-auto-param-row{align-items:center;gap:4px;min-width:0;display:flex}.pl-song-auto-param-row .pl-song-auto-select{flex:1;min-width:0}.pl-song-auto-select{border:1px solid var(--line-strong);background:var(--panel-3);width:100%;color:var(--text);cursor:pointer;border-radius:4px;padding:4px 6px;font-size:11px}.pl-song-auto-select option{background:var(--panel-2);color:var(--text)}.song-auto-lane{background:var(--well);display:block}.song-auto-hint{font-size:10px}.song-auto-curve-badge{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700}.pl-playhead{pointer-events:none;z-index:4;background:#fbbf24;width:2px;position:absolute;top:0;box-shadow:0 0 8px #fbbf24b3}.pl-marker-guide{border-left:1px dashed rgba(var(--accent-rgb), .5);pointer-events:none;z-index:2;width:0;position:absolute;top:0}.mixer{flex-direction:column;flex:1;min-height:0;display:flex}.mixer-strips{flex:1;align-items:flex-start;gap:8px;padding:12px;display:flex;overflow:auto}.strip{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:118px;min-width:118px;padding-bottom:10px;display:flex;overflow-x:hidden}.strip.selected{border-color:var(--accent-dim)}.strip.master{background:var(--panel-3);border-color:var(--line-strong)}.strip.bus-strip{background:var(--well-2);border-color:var(--line-strong);cursor:default}.bus-name-input{text-align:center;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;padding:1px 2px;font-size:12px;font-weight:700}.bus-name-input:hover,.bus-name-input:focus{border-color:var(--line-strong);background:var(--panel-3);outline:none}.bus-strip-sub{color:var(--text-dim);justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.bus-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 2px;font-size:11px;line-height:1}.bus-remove:hover{color:var(--danger);background:#f871711f}.strip.bus-add-strip{border:1px dashed var(--line-strong);min-width:54px;color:var(--text-dim);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.strip.bus-add-strip:hover{color:var(--accent);border-color:var(--accent-dim)}.bus-add-plus{font-size:22px;line-height:1}.strip-sends{flex-direction:column;align-items:stretch}.strip-sends .fx-slider{width:100%;min-width:0}.strip-sends .fx-slider span{color:#a78bfa}.mix-ab{color:var(--text-dim);align-items:center;gap:5px;font-size:11px;display:flex}.mix-ab>span{letter-spacing:.06em;font-weight:700}.mix-ab-slot{align-items:center;gap:2px;display:inline-flex}.mix-ab-slot .text-btn{padding:3px 9px}.mix-ab-store{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:2px;font-size:9px}.mix-ab-store:hover{color:var(--accent)}.fx-preset-row{color:var(--text-dim);align-items:center;gap:5px;width:100%;min-width:0;margin-bottom:4px;font-size:10px;display:flex}.fx-preset-row span{letter-spacing:.05em;flex:none;font-weight:700}.fx-preset-row select{background:var(--panel-3);border:1px solid var(--line-strong);min-width:0;color:var(--text);border-radius:5px;flex:1;padding:2px 4px;font-size:11px}.fx-drumkit{color:var(--text-dim);align-items:center;gap:5px;font-size:10px;display:flex}.fx-drumkit span{letter-spacing:.05em;font-weight:700}.fx-drumkit select{background:var(--panel-3);border:1px solid var(--line-strong);color:var(--text);border-radius:5px;flex:1;padding:2px 4px;font-size:11px}.drum-pads{flex-direction:column;gap:3px;margin-top:2px;display:flex}.drum-pad{grid-template-columns:26px 18px 18px 1fr 1fr;align-items:center;gap:4px;display:grid}.drum-pad-smp{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;line-height:1}.drum-pad-smp.on{color:var(--accent)}.drum-pad-smp:hover{color:var(--text)}.drum-pad-mute{border:1px solid var(--line-strong);background:var(--panel-3);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:2px 0;font-size:9px;font-weight:700}.drum-pad-mute.on{background:var(--danger);border-color:var(--danger);color:#fff}.drum-pad-choke{border:1px solid var(--line-strong);background:var(--panel-3);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:2px 0;font-size:9px;font-weight:700;line-height:1.4}.drum-pad-choke.on{color:#1a1206;background:#f59e0b;border-color:#f59e0b}.drum-pad input[type=range]{width:100%}.drum-pad-pan{accent-color:#a78bfa}.strip-fxorder{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.fxorder-chip{border:1px solid var(--line-strong);background:var(--panel-3);border-radius:5px;align-items:center;display:inline-flex;overflow:hidden}.fxorder-chip.bypassed{opacity:.45}.fxorder-chip.bypassed .fxorder-name{text-decoration:line-through}.fxorder-chip.open{border-color:var(--accent)}.fxorder-name{color:#cbd5e1;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:9px;font-weight:700;line-height:1.6}.fxorder-name:hover{color:var(--accent)}.fxorder-arrow{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:2px 3px;font-size:11px;line-height:1}.fxorder-arrow:hover:not(:disabled){color:var(--accent);background:rgba(var(--accent-rgb), .12)}.fxorder-arrow:disabled{opacity:.25;cursor:default}.fxorder-add{border:1px dashed var(--line-strong);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;margin-left:2px;padding:2px 4px;font-size:9px;font-weight:700}.fxorder-add:hover{color:var(--accent);border-color:var(--accent)}.strip-fxslot-params{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.strip-bus-select{border:1px solid var(--line-strong);background:var(--panel-3);width:100%;color:var(--text-dim);border-radius:4px;margin-top:2px;padding:1px 2px;font-size:9px}.strip-name{text-align:center;background:var(--panel-2);border-top:3px solid;border-radius:10px 10px 0 0;flex-direction:column;gap:2px;width:100%;padding:8px 6px 6px;display:flex}.strip-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.strip-name span{color:var(--text-dim);font-size:10px}.strip.collapsed{width:46px;min-width:46px}.strip.collapsed .strip-name strong{writing-mode:vertical-rl;max-height:70px;font-size:10px;overflow:hidden;transform:rotate(180deg)}.strip.collapsed .strip-name span{display:none}.strip-collapse{color:var(--text-dim);background:#00000059;border:none;border-radius:3px;padding:1px 3px;font-size:9px;line-height:1;position:absolute;top:2px;right:2px}.strip-name{position:relative}.strip-fx{flex-direction:column;gap:3px;width:100%;padding:0 10px;display:flex}.eq-curve{background:var(--well);border:1px solid var(--line);border-radius:4px;width:100%;height:26px;margin-bottom:2px;display:block}.eq-curve-zero{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.eq-curve-path{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.eq-curve-btn{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.eq-curve-btn:hover .eq-curve{border-color:var(--accent)}.eqed-overlay{z-index:86;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060c8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.eqed-card{background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:14px;padding:16px 18px;box-shadow:0 24px 70px #0009}.eqed-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.eqed-head strong{font-size:14px}.eqed-hint{color:var(--text-dim);flex:1;font-size:11px}.eqed-close{border:1px solid var(--line-strong);background:var(--panel-3);color:var(--text-dim);cursor:pointer;border-radius:6px;width:24px;height:24px}.eqed-close:hover{color:var(--text);border-color:var(--accent)}.eqed-plot{border:1px solid var(--line);background:var(--well);border-radius:8px;position:relative;overflow:hidden}.eqed-canvas{width:100%;height:100%;position:absolute;inset:0}.eqed-svg{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.eqed-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.eqed-grid-zero{stroke:var(--line-strong)}.eqed-axis{fill:var(--text-dim);font-size:9px}.eqed-curve{fill:none;stroke:#e2e8f0;stroke-width:2px;vector-effect:non-scaling-stroke}.eqed-node{stroke:var(--well);stroke-width:2px;cursor:grab}.eqed-node:hover{stroke:#fff}.eqed-node.dragging{cursor:grabbing;stroke:#fff}.eqed-node-label{letter-spacing:.06em;pointer-events:none;font-size:9px;font-weight:700}.eqed-readouts{align-items:center;gap:10px;margin-top:12px;display:flex}.eqed-readout{color:var(--text-dim);border:1px solid var(--line);border-left-width:3px;border-radius:6px;align-items:baseline;gap:8px;padding:4px 10px;font-size:11px;display:flex}.eqed-readout-name{letter-spacing:.05em;font-weight:700}.eqed-flat{margin-left:auto}.strip-fx.bypassed{opacity:.4}.fx-bypass{letter-spacing:.04em;border:1px solid var(--line-strong);background:var(--panel-3);color:var(--text-dim);border-radius:4px;margin:4px auto 0;padding:1px 8px;font-size:9px;font-weight:700;display:block}.fx-bypass.on{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.strip-fx-actions{justify-content:center;gap:4px;margin-top:4px;display:flex}.fx-copy{border:1px solid var(--line-strong);background:var(--panel-3);color:var(--text-dim);border-radius:4px;padding:1px 6px;font-size:10px;line-height:1}.fx-copy:disabled{opacity:.35;cursor:default}.fx-slider{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.fx-slider span{color:var(--text-dim);flex:none;width:24px;font-size:9px;font-weight:700}.fx-slider input{flex:1;min-width:0;max-width:100%;height:4px}.fx-filter-type select{flex:1;padding:1px;font-size:9px}.strip-pan{flex-direction:column;align-items:center;width:100%;padding:0 10px;display:flex}.strip-pan input{width:100%}.pan-label{color:var(--text-dim);font-size:9px}.strip-fader-row{flex:none;align-items:center;gap:8px;height:130px;display:flex}.fader{writing-mode:vertical-lr;width:28px;height:100%;accent-color:var(--accent);direction:rtl}.meter{background:var(--well);border-radius:4px;align-items:flex-end;width:8px;height:100%;display:flex;position:relative;overflow:hidden}.meter-bar{width:100%;height:0%;transition:height 50ms linear}.meter-peak{background:var(--accent);pointer-events:none;height:2px;transition:bottom 50ms linear;position:absolute;bottom:0%;left:0;right:0}.meter-db-readout{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;flex:none;font-size:9px;line-height:1}.meter-wrap{flex-direction:column;align-items:center;gap:3px;height:100%;display:flex}.meter-wrap .meter{flex:1;height:auto}.clip-led{border:1px solid var(--line-strong);background:var(--well);cursor:pointer;border-radius:2px;flex:none;width:8px;height:8px;padding:0}.clip-led.lit{background:#f87171;border-color:#f87171;box-shadow:0 0 6px #f87171}.gr-bar{background:var(--well);border-radius:3px;align-items:flex-start;width:6px;height:100%;display:flex;overflow:hidden}.gr-bar-fill{background:linear-gradient(#fbbf24,#f87171);width:100%;height:0%;transition:height 50ms linear}.gr-meter{background:var(--well);border-radius:3px;flex:1;height:6px;overflow:hidden}.gr-meter-fill{background:linear-gradient(90deg,#fbbf24,#f87171);width:0%;height:100%;transition:width 50ms linear}.master-meter{justify-content:center}.master-meter .meter{width:14px}.db-label{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10px}.instrument-lab{flex:1;min-height:0;display:flex}.lab-list{background:var(--panel);border-right:1px solid var(--line-strong);flex-direction:column;width:250px;min-width:250px;display:flex;overflow:hidden}.lab-items{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.lab-item{background:var(--panel-2);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lab-item:hover{background:var(--panel-3)}.lab-item.selected{background:#a855f71a;border-color:#a855f7}.lab-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lab-item-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.lab-item-main span{color:var(--text-dim);font-size:10px}.lab-empty-hint{color:var(--text-dim);margin:0;padding:12px;font-size:12px;line-height:1.5}.sampler-lab .panel-header.sampler-header{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px}.sampler-header-actions{flex-wrap:wrap;gap:6px;display:flex}.sampler-ai-row{align-items:center;gap:6px;display:flex}.sampler-ai-row .ai-prompt{flex:1;width:auto;min-width:0;padding:6px 8px;font-size:12px}.sampler-ai-row .text-btn{flex-shrink:0;padding:6px 10px;font-size:11px}.sampler-ai-row .text-btn:disabled{opacity:.55;cursor:not-allowed}.lab-editor{flex:1;min-width:0;padding:14px 18px;overflow-y:auto}.lab-editor-head{align-items:center;gap:12px;display:flex}.lab-name{background:0 0;border:1px solid #0000;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:18px;font-weight:700}.lab-name:hover,.lab-name:focus{border-color:var(--line-strong);background:var(--panel);outline:none}.lab-play-hint{color:var(--text-dim);margin:6px 0 14px;font-size:11px}.lab-sections{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.lab-section{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;width:320px;padding:12px 14px 14px;display:flex}.lab-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:2px 0 0;font-size:11px}.seg-switch{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.seg-switch button{background:var(--panel-2);color:var(--text-dim);white-space:nowrap;border:0;flex:1;padding:7px 4px;font-size:12px;font-weight:600}.seg-switch button+button{border-left:1px solid var(--line)}.seg-switch button:hover{background:var(--panel-3)}.seg-switch button.active{color:#f5f3ff;background:#a855f7}.lab-slider{align-items:center;gap:10px;display:flex}.lab-slider-label{width:70px;color:var(--text-dim);font-size:11px;font-weight:600}.lab-slider input{accent-color:#a855f7;flex:1}.lab-slider-value{text-align:right;font-variant-numeric:tabular-nums;width:64px;color:var(--text-2);font-size:11px}.mod-route{align-items:center;gap:6px;display:flex}.mod-route-select{background:var(--panel-2);border:1px solid var(--line-strong);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:4px;font-size:11px}.mod-route-arrow{color:var(--text-dim);font-size:11px}.mod-route-depth{accent-color:#a855f7;flex:1}.mod-route-depth-value{text-align:right;font-variant-numeric:tabular-nums;width:40px;color:var(--text-2);font-size:11px}.lab-wt-frames{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-wt-frame-count{color:var(--text-dim);flex:1 0 100%;font-size:11px}.lab-envelope{background:var(--well);border:1px solid var(--line);border-radius:8px;width:100%;height:64px}.lab-envelope-fill{fill:#a855f72e;stroke:none}.lab-envelope-line{stroke:#c084fc;stroke-width:1.5px}.bass-envelope .lab-envelope-fill{fill:#f472b62e}.bass-envelope .lab-envelope-line{stroke:#f9a8d4}.bass-lab{flex:1;min-height:0;display:flex}.bass-lab .lab-item.selected,.lab-item.bass-item.selected{background:#f472b61a;border-color:#f472b6}.view-tabs button.bass-tab.active{color:#f472b6}.bass-editor{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.bass-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.bass-name{flex:0 220px;font-size:16px}.bass-head-spacer{flex:1}.bass-play{color:#f9a8d4;border-color:#f472b680;min-width:84px;font-weight:700}.bass-play.live{color:#fdf2f8;background:#be185d;border-color:#f472b6;box-shadow:0 0 12px #f472b680}.bass-chip{padding:6px 10px;font-size:12px}.bass-chip.on{color:#f9a8d4;background:#f472b629;border-color:#f472b6}.bass-bars button{padding:6px 10px}.bass-lab .seg-switch button.active{color:#3f0d24;background:#f472b6}.bass-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 14px 8px;display:flex}.bass-tools .text-btn{padding:4px 10px;font-size:12px}.bass-euclid{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.bass-euclid select{font-size:12px}.text-btn.bass-dirty{animation:1.6s ease-in-out infinite bass-dirty-pulse;box-shadow:0 0 0 1px #f472b68c}@keyframes bass-dirty-pulse{0%,to{box-shadow:0 0 0 1px #f472b659}50%{box-shadow:0 0 0 2px #f472b6bf}}.bass-lane-cell.bass-vel{align-items:flex-end;padding:2px 0;position:relative}.bass-vel-bar{background:var(--accent);border-radius:1px 1px 0 0;align-self:flex-end;width:60%;min-height:2px;margin:0 auto;display:block}.bass-lane-cell.bass-prb{font-variant-numeric:tabular-nums;color:var(--text);font-size:9px}.bass-body{flex:1;min-height:0;display:flex}.bass-seq-scroll{flex:1;padding:12px 14px 16px;overflow:auto}.bass-seq{min-width:min-content}.bass-ruler-row{z-index:4;background:var(--well-2);border-bottom:1px solid var(--line-strong);align-items:stretch;height:22px;margin-bottom:0;display:flex;position:sticky;top:0}.bass-ruler-gutter{background:var(--well-2);border-right:1px solid var(--line-strong);flex-shrink:0}.bass-ruler{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;height:22px;display:flex;position:relative}.bass-ruler:hover{background:#fbbf2414}.bass-ruler-bar{color:var(--text-2);box-sizing:border-box;pointer-events:none;border-left:1px solid #94a3b838;justify-content:flex-start;align-items:center;padding-left:4px;font-size:10px;font-weight:700;display:inline-flex}.bass-ruler-bar:first-child{border-left-color:#0000}.bass-ruler-playhead{pointer-events:none;background:#fbbf2438;border-left:2px solid #fbbf24;position:absolute;top:0;bottom:0}.bass-grid-wrap,.bass-rows{position:relative}.bass-row{background:var(--well-2);border-bottom:1px solid #94a3b814;align-items:center;display:flex}.bass-row.root{background:var(--panel-3)}.bass-row.root .bass-row-label{color:var(--text-2);font-weight:700}.bass-row-label{width:56px;min-width:56px;color:var(--text-dim);-webkit-user-select:none;user-select:none;padding-left:8px;font-size:10px}.bass-grid{cursor:crosshair;touch-action:none;background-color:var(--well);background-image:linear-gradient(90deg,#94a3b829 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-repeat:repeat;position:absolute;top:0}.bass-note{z-index:2;background:linear-gradient(#f472b6,#db2777);border:1px solid #fff6;border-radius:4px;justify-content:flex-end;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 4px #00000073}.bass-note.accent{background:linear-gradient(#fbcfe8,#f472b6);box-shadow:0 0 8px #f472b68c}.bass-note-slide{color:#3f0d24cc;pointer-events:none;padding-right:8px;font-size:10px;font-weight:800}.bass-note-handle{cursor:ew-resize;border-right:2px solid #ffffff59;width:8px;position:absolute;top:0;bottom:0;right:0}.bass-playcol{pointer-events:none;z-index:3;background:#fbbf2424;border-left:2px solid #fbbf24;position:absolute;top:0;bottom:0}.bass-lane{align-items:stretch;margin-top:2px;display:flex}.bass-lane-label{letter-spacing:.08em;color:var(--text-dim);background:var(--well-2);border-right:1px solid var(--line-strong);-webkit-user-select:none;user-select:none;align-items:center;min-width:56px;padding-left:8px;font-size:9px;font-weight:800;display:inline-flex}.bass-lane-cell{border:1px solid var(--line);background:var(--well);height:22px;color:var(--text-2);font-variant-numeric:tabular-nums;border-left-width:0;padding:0;font-size:10px;font-weight:700}.bass-lane-cell:first-of-type{border-left-width:1px}.bass-lane-cell:hover{background:var(--panel-3);color:var(--text)}.bass-lane-cell.idle{opacity:.45;color:var(--text-dim)}.bass-lane-cell.lit{background:rgba(var(--accent-rgb), .22);color:var(--text);border-color:rgba(var(--accent-rgb), .4)}.bass-lane-cell.lit.wob{font-size:11px;font-weight:800}.bass-lane-cell.now{box-shadow:inset 0 0 0 1px #fbbf24}.bass-grid-hint{color:var(--text-dim);margin:10px 0 0;font-size:11px}.bass-side{border-left:1px solid var(--line);flex-direction:column;gap:12px;width:316px;min-width:316px;padding:12px;display:flex;overflow-y:auto}.bass-section{width:auto}.bass-slider input{accent-color:#f472b6}.bass-scope{background:var(--well);border:1px solid var(--line);border-radius:8px;width:100%;height:64px}.bass-xy{aspect-ratio:1.6;border:1px solid var(--line-strong);background:radial-gradient(circle at 80% 20%, #f472b638, transparent 60%), linear-gradient(180deg, #171b28, var(--well));cursor:crosshair;touch-action:none;border-radius:10px;width:100%;position:relative;overflow:hidden}.bass-xy-label{letter-spacing:.12em;color:#8b93a7b3;pointer-events:none;font-size:8px;font-weight:800;position:absolute}.bass-xy-label.x{bottom:6px;right:8px}.bass-xy-label.y{writing-mode:vertical-rl;top:8px;left:6px;transform:rotate(180deg)}.bass-xy-dot{pointer-events:none;background:#f472b6;border:2px solid #fdf2f8;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 14px #f472b6cc}.bass-wobble-hint{color:var(--text-dim);margin:0;font-size:11px;line-height:1.45}.vkeyboard{border-top:1px solid var(--line-strong);background:var(--panel)}.vk-collapsed-playing{font-size:12px}.bottom-rail{border-top:1px solid var(--line-strong);background:var(--panel);flex-shrink:0;align-items:center;gap:10px;padding:4px 12px;display:flex}.vk-controls{align-items:center;gap:8px;padding:6px 12px;display:flex}.vk-title{color:var(--text-dim);font-size:12px}.vk-octave{text-align:center;min-width:44px;font-size:12px;font-weight:700}.vk-keys{-webkit-user-select:none;user-select:none;height:74px;padding:0 12px 10px;display:flex}.vk-key{border:1px solid var(--bg);padding:0;position:relative}.vk-key.white{background:linear-gradient(#e8eaf0,#c9cedb);border-radius:0 0 4px 4px;flex:1}.vk-key.black{background:linear-gradient(180deg, #2a3040, var(--well-2));z-index:1;border-radius:0 0 3px 3px;flex:.62;height:62%;margin:0 -.5%}.vk-key.white.held{background:var(--accent)}.vk-key.black.held{background:var(--accent-dim)}.vk-key.in-scale:after{content:"";background:rgba(var(--accent-rgb), .6);height:4px;position:absolute;bottom:0;left:0;right:0}.vk-key.scale-root:after{background:var(--accent);height:6px}.vk-label{color:#475569;pointer-events:none;font-size:9px;font-weight:700;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.status-bar{color:var(--text-dim);background:var(--well-2);border-top:1px solid var(--line);justify-content:space-between;padding:5px 14px;font-size:11px;display:flex}.status-right{align-items:center;gap:8px;display:flex}.app-version{border:1px solid var(--line);background:var(--panel-2);color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:4px;margin-left:4px;padding:1px 6px}.help-btn{border:1px solid var(--line-strong);background:var(--panel-2);width:18px;height:18px;color:var(--text-dim);cursor:pointer;border-radius:50%;font-weight:700;line-height:1}.help-btn:hover{color:var(--text);border-color:var(--accent-dim)}.history-card{max-width:380px}.history-hint{color:var(--text-dim);margin:0 0 12px;font-size:12px;line-height:1.45}.history-list{flex-direction:column;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-step{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:6px 8px;font-size:12.5px;display:flex}.history-step:hover{background:rgba(var(--accent-rgb), .12)}.history-dot{background:var(--line-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.history-step.past .history-dot{background:var(--accent-dim)}.history-step.current .history-dot{background:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .25)}.history-step.future{color:var(--text-dim)}.history-step.future .history-dot{border:1px solid var(--line-strong);background:0 0}.history-label{flex:1}.history-now{color:var(--accent);letter-spacing:.06em;font-size:10px;font-weight:700}.toast-host{z-index:80;pointer-events:none;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:40px;right:16px}.toast{pointer-events:auto;color:var(--text);background:var(--panel-2);border:1px solid var(--line-strong);cursor:pointer;border-left-width:3px;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;line-height:1.35;animation:.18s ease-out toast-in;display:flex;box-shadow:0 12px 34px #00000080}.toast-icon{flex-shrink:0;font-size:13px;font-weight:700}.toast-msg{flex:1}.toast-action{border:1px solid var(--accent-dim);background:rgba(var(--accent-rgb), .12);color:var(--accent);cursor:pointer;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px}.toast-action:hover{background:rgba(var(--accent-rgb), .22)}.toast-info{border-left-color:var(--accent)}.toast-info .toast-icon{color:var(--accent)}.toast-success{border-left-color:#34d399}.toast-success .toast-icon{color:#34d399}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.welcome-overlay{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060cb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.welcome-card{background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:26px 28px;overflow-y:auto;box-shadow:0 30px 80px #0009}.welcome-head{text-align:center}.welcome-head h2{color:var(--text);margin:0 0 8px;font-size:22px}.welcome-head p{color:var(--text-dim);margin:0 0 16px;font-size:13px;line-height:1.5}.welcome-logo{width:min(160px,48%);height:auto;margin:0 auto 16px;display:block}.welcome-tips{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.welcome-tips li{align-items:flex-start;gap:12px;display:flex}.welcome-tip-icon{text-align:center;width:26px;color:var(--accent);flex-shrink:0;font-size:18px}.welcome-tips strong{color:var(--text);margin-bottom:2px;font-size:13.5px;display:block}.welcome-tip-body{color:var(--text-dim);font-size:12.5px;line-height:1.45}.welcome-actions{flex-wrap:wrap;gap:8px;display:flex}.welcome-starters{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.welcome-starters-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:11px;font-weight:700}.welcome-starter-chips{flex-wrap:wrap;gap:6px;display:flex}.welcome-starter-chip{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;line-height:1.2}.welcome-starter-chip:hover{border-color:var(--accent-dim);background:rgba(var(--accent-rgb), .12);color:var(--accent)}.welcome-secondary{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}.welcome-step-num{background:rgba(var(--accent-rgb), .15);border:1px solid var(--accent-dim);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.new-project-card{max-width:520px}.pr-key-hint{color:var(--accent);white-space:nowrap;margin-left:6px;font-size:11px}.dock-more-panels{opacity:.85;margin-left:4px}.text-btn.quiet{opacity:.75;font-size:12px}.coachmark{z-index:80;max-width:320px;position:fixed;bottom:72px;right:24px}.coachmark-card{background:var(--panel-1,var(--well-2));border:1px solid var(--accent-dim);border-radius:12px;padding:14px 16px;box-shadow:0 16px 40px #00000073}.coachmark-card strong{color:var(--text);margin-bottom:6px;display:block}.coachmark-card p{color:var(--text-dim);margin:0 0 12px;font-size:12.5px;line-height:1.45}.coachmark-actions{flex-wrap:wrap;gap:8px;display:flex}.create-menu{position:relative}.create-menu-pop{z-index:40;background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:8px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #0006}.create-menu-pop button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:12.5px}.create-menu-pop button:hover:not(:disabled){background:rgba(var(--accent-rgb), .12)}.create-menu-pop button:disabled{opacity:.4;cursor:default}.create-vibe-chips{flex-wrap:wrap;gap:4px;padding:6px 4px 8px;display:flex}.create-vibe-chip{cursor:pointer;line-height:1.2;border:1px solid var(--line-strong)!important;background:var(--well-1,transparent)!important;color:var(--text)!important;border-radius:999px!important;padding:4px 8px!important;font-size:11px!important}.create-vibe-chip:hover:not(:disabled){border-color:var(--accent)!important;background:rgba(var(--accent-rgb), .12)!important}.create-vibe-chip:disabled{opacity:.4;cursor:default}.lab-jump-btn{margin-left:2px}.vk-playing-chip{background:rgba(var(--accent-rgb), .1);border:1px solid var(--accent-dim);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.vk-playing-chip strong{color:inherit;font-weight:700}.drop-overlay{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#040810b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-overlay-card{border:2px dashed var(--accent);background:rgba(var(--accent-rgb), .06);color:var(--text);letter-spacing:.02em;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:40px 64px;font-size:18px;font-weight:600;display:flex}.drop-overlay-icon{color:var(--accent);font-size:40px;line-height:1}.drop-overlay-hint{color:var(--text-dim);font-size:12px;font-weight:500}.ctx-backdrop{z-index:82;position:fixed;inset:0}.ctx-menu{background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:10px;min-width:168px;padding:5px;position:fixed;box-shadow:0 16px 44px #0000008c}.ctx-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:12.5px;display:block}.ctx-item:hover:not(:disabled){background:rgba(var(--accent-rgb), .14)}.ctx-item:disabled{opacity:.4;cursor:default}.ctx-item.danger{color:var(--danger)}.ctx-sep{background:var(--line);height:1px;margin:4px 6px}.cmdk-overlay{z-index:85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060c8c;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.cmdk-card{background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;width:min(560px,100vw - 32px);max-height:60vh;display:flex;overflow:hidden;box-shadow:0 24px 70px #0009}.cmdk-input{border:0;border-bottom:1px solid var(--line);color:var(--text);background:0 0;outline:none;padding:15px 18px;font-size:15px}.cmdk-list{padding:6px;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--text-dim);padding:20px;font-size:13px}.cmdk-item{cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.cmdk-item.active{background:rgba(var(--accent-rgb), .14)}.cmdk-item.disabled{opacity:.4;cursor:default}.cmdk-group{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);min-width:58px;font-size:10px;font-weight:700}.cmdk-label{flex:1}.cmdk-hint{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:11px}.help-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060c9e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-card{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:14px;width:calc(100% - 48px);max-width:920px;max-height:85vh;padding:18px 20px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.help-head{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.help-cols{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.help-cols h4{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:12px}.help-cols dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px;display:grid}.help-cols dt{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.help-cols dd{color:var(--text-2);margin:0}@media (width<=760px){.help-cols{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.help-cols{grid-template-columns:1fr}}.guide-overlay{z-index:52}.guide-card{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;width:calc(100% - 40px);max-width:1040px;max-height:calc(100vh - 48px);padding:16px 18px 14px;display:flex;box-shadow:0 20px 60px #0000008c}.guide-head{gap:12px;margin-bottom:10px}.guide-head-actions{align-items:center;gap:8px;display:flex}.guide-search{align-items:center;gap:8px;margin-bottom:12px;display:flex}.guide-search input{background:var(--panel-2);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:7px 11px;font-size:13px}.guide-search input:focus{border-color:var(--accent-dim);outline:none}.guide-body{flex:1;grid-template-columns:200px 1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.guide-toc{border-right:1px solid var(--line);flex-direction:column;gap:2px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.guide-toc-item{color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:12px;line-height:1.35}.guide-toc-item:hover{background:rgba(var(--accent-rgb), .1);color:var(--text)}.guide-toc-item.active{background:rgba(var(--accent-rgb), .16);color:var(--accent);font-weight:600}.guide-toc-empty{color:var(--text-dim);margin:8px 4px;font-size:12px}.guide-content{scroll-behavior:smooth;outline:none;min-height:0;padding:0 4px 24px 2px;overflow-y:auto}.guide-content .guide-h1{color:var(--text);margin:0 0 10px;font-size:20px;font-weight:750}.guide-content .guide-h2{color:var(--accent);margin:22px 0 8px;padding-top:4px;scroll-margin-top:8px;font-size:15px;font-weight:700}.guide-content .guide-h3{color:var(--text);margin:14px 0 6px;font-size:13px;font-weight:700}.guide-p{color:var(--text-2);margin:0 0 10px;font-size:13px;line-height:1.55}.guide-list{color:var(--text-2);margin:0 0 12px;padding-left:1.25em;font-size:13px;line-height:1.5}.guide-list li{margin:3px 0}.guide-olist{list-style:decimal}.guide-quote{border-left:3px solid var(--accent-dim);background:rgba(var(--accent-rgb), .08);color:var(--text-2);border-radius:0 8px 8px 0;margin:0 0 12px;padding:8px 12px;font-size:13px;line-height:1.45}.guide-hr{border:0;border-top:1px solid var(--line);margin:16px 0}.guide-pre{background:var(--well-2);border:1px solid var(--line);color:var(--text);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.4;overflow-x:auto}.guide-ascii{white-space:pre}.guide-content code{background:var(--well-2);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.guide-pre code{font-size:inherit;background:0 0;border:0;padding:0}.guide-link{color:var(--accent);text-decoration:none}.guide-link:hover{text-decoration:underline}.guide-table-wrap{margin:0 0 14px;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:12.5px;line-height:1.45}.guide-table th,.guide-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 9px}.guide-table th{background:var(--panel-2);color:var(--text);font-weight:650}.guide-table td{color:var(--text-2)}.guide-table strong{color:var(--text)}.guide-empty{color:var(--text-dim);margin:24px 0;font-size:13px}.help-btn.guide-open-btn{letter-spacing:.02em;border-radius:9px;width:auto;min-width:18px;padding:0 7px;font-size:10px}.help-footer-link{border-top:1px solid var(--line);justify-content:flex-end;margin-top:14px;padding-top:12px;display:flex}@media (width<=760px){.guide-body{grid-template-columns:1fr}.guide-toc{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;gap:4px;max-height:120px;padding:0 0 10px}.guide-toc-item{padding:5px 8px;font-size:11px}}.library-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;width:calc(100% - 48px);max-width:760px;max-height:calc(100vh - 96px);padding:18px 20px;display:flex;box-shadow:0 20px 60px #0000008c}.library-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.library-current{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.library-empty{color:var(--text-dim);margin:8px 2px;font-size:13px;line-height:1.5}.library-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.library-search{background:var(--panel-2);border:1px solid var(--line);min-width:140px;color:var(--text);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.library-sort{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 8px;font-size:12px}.library-storage{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.library-thumb{border:1px solid var(--line);background:#00000040;border-radius:5px;flex-shrink:0;width:112px;height:28px;position:relative;overflow:hidden}.library-thumb-empty{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);position:absolute;inset:0}.library-thumb-block{opacity:.9;border-radius:2px;position:absolute;top:4px;bottom:4px}.library-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.library-item{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.library-item.current{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.library-item-main{flex-direction:column;gap:2px;min-width:0;display:flex}.library-name{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-width:0;max-width:100%;padding:0;font-size:14px;font-weight:600;display:flex}.library-name:hover{color:var(--accent)}.library-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.library-badges{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.library-badge{letter-spacing:.06em;text-transform:uppercase;color:#06283c;background:var(--accent);border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.library-badge.published{color:#ecfdf5;background:#059669}.library-when{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.library-rename{background:var(--panel);border:1px solid var(--accent);color:var(--text);border-radius:6px;width:200px;padding:3px 6px;font-size:14px}.library-item-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.library-item-actions .text-btn{padding:4px 9px;font-size:12px}.library-versions{border:1px solid var(--border);background:#0000002e;border-radius:8px;grid-column:1/-1;width:100%;margin-top:4px;padding:8px 10px}.library-versions-empty{color:var(--text-dim);margin:0;font-size:12px;line-height:1.4}.library-version-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.library-version-item{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-version-main{flex-direction:column;gap:1px;min-width:0;display:flex}.library-version-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.text-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#f8717126}.auth-card{background:var(--panel-1,var(--panel));border:1px solid var(--line-strong);border-radius:16px;width:calc(100% - 48px);max-width:380px;padding:20px 22px 22px;box-shadow:0 24px 64px #00000080}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:4px 0 14px;display:flex}.auth-logo{width:min(140px,46%);height:auto;display:block}.auth-brand-name{letter-spacing:.02em;color:var(--text);margin:0;font-size:15px;font-weight:700}.auth-oauth{flex-direction:column;gap:10px;margin:4px 0 16px;display:flex}.auth-oauth-btn{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);letter-spacing:.01em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:550;text-decoration:none;transition:border-color .15s,background .15s,transform .12s;display:flex}.auth-oauth-btn:hover{background:var(--panel-3,var(--panel-2));transform:translateY(-1px)}.auth-oauth-btn.google:hover{border-color:#4285f4}.auth-oauth-btn.facebook:hover{border-color:#1877f2}.auth-oauth-icon{flex-shrink:0;width:18px;height:18px}.auth-divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-divider span{flex-shrink:0}.auth-tabs{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid}.auth-tabs button{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:550;transition:background .15s,color .15s,box-shadow .15s}.auth-tabs button:hover{color:var(--text)}.auth-tabs button.active{background:var(--panel-1,var(--panel));color:var(--text);box-shadow:0 1px 3px #0000002e}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-field{color:var(--text-dim);flex-direction:column;gap:5px;font-size:12px;display:flex}.auth-field input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px 11px;font-size:13px;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent);outline:none}.auth-error{color:var(--danger);margin:0;font-size:12px}.auth-submit{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;margin-top:2px;padding:10px 14px;font-size:13px;font-weight:600;transition:filter .15s,opacity .15s}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.65;cursor:default}.feedback-overlay{z-index:55}.feedback-card{background:var(--panel-1,var(--panel));border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;gap:14px;width:calc(100% - 48px);max-width:440px;max-height:min(86vh,720px);padding:18px 20px 20px;display:flex;overflow-y:auto;box-shadow:0 24px 64px #00000080}.feedback-intro{color:var(--text-dim);margin:0;font-size:13px;line-height:1.45}.feedback-kinds{border:none;margin:0;padding:0}.feedback-legend{color:var(--text-dim);margin-bottom:6px;padding:0;font-size:12px}.feedback-kind-row{grid-template-columns:1fr;gap:6px;display:grid}.feedback-kind{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:start;gap:2px 10px;padding:9px 11px;transition:border-color .15s,background .15s;display:grid}.feedback-kind input{accent-color:var(--accent);grid-row:1/span 2;margin-top:3px}.feedback-kind:hover{border-color:var(--line-strong)}.feedback-kind.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel-2))}.feedback-kind-label{color:var(--text);font-size:13px;font-weight:600}.feedback-kind-hint{color:var(--text-dim);font-size:11px;line-height:1.35}.feedback-body,.auth-field textarea.feedback-body{background:var(--panel-2);border:1px solid var(--line);color:var(--text);resize:vertical;border-radius:9px;min-height:120px;padding:9px 11px;font-family:inherit;font-size:13px;line-height:1.45;transition:border-color .15s}.feedback-body:focus{border-color:var(--accent);outline:none}.feedback-admin-overlay{z-index:56}.feedback-admin-card{background:var(--panel-1,var(--panel));border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:min(920px,100% - 32px);max-height:min(86vh,760px);padding:18px 20px 20px;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080}.feedback-admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.feedback-admin-layout{flex:1;grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);gap:12px;min-height:0;display:grid;overflow:hidden}.feedback-admin-list{border-right:1px solid var(--line);flex-direction:column;gap:6px;min-height:0;margin:0;padding:0 10px 0 0;list-style:none;display:flex;overflow-y:auto}.feedback-admin-item{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;gap:3px;padding:10px 11px;transition:border-color .15s,background .15s;display:flex}.feedback-admin-item:hover{border-color:var(--line-strong)}.feedback-admin-item.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel-2))}.feedback-admin-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.feedback-admin-kind{letter-spacing:.04em;text-transform:uppercase;background:var(--panel-3,var(--panel-2));color:var(--text-dim);border:1px solid var(--line);border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.feedback-admin-kind.kind-bug{color:#f87171;border-color:color-mix(in srgb, #f87171 45%, var(--line));background:#f871711f}.feedback-admin-kind.kind-enhancement{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 12%, transparent)}.feedback-admin-when{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.feedback-admin-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.feedback-admin-item-author{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.feedback-admin-detail{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:2px 2px 8px;display:flex;overflow-y:auto}.feedback-admin-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.feedback-admin-detail-head h3{color:var(--text);margin:8px 0 0;font-size:16px;font-weight:650;line-height:1.3}.feedback-admin-meta{color:var(--text-dim);margin:0;font-size:12px;line-height:1.4}.feedback-admin-meta strong{color:var(--text);font-weight:600}.feedback-admin-body{border:1px solid var(--line);background:var(--panel-2);color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0;padding:12px 13px;font-family:inherit;font-size:13px;line-height:1.5}.feedback-admin-context{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:11px;display:grid}.feedback-admin-context dt{color:var(--text-dim);margin:0;font-weight:600}.feedback-admin-context dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}@media (width<=720px){.feedback-admin-layout{grid-template-columns:1fr;overflow-y:auto}.feedback-admin-list{border-right:none;max-height:220px;padding-right:0}}.analytics-admin-card{max-width:min(1040px,100% - 32px);max-height:min(90vh,820px)}.feedback-admin-kind.kind-online{color:#4ade80;border-color:color-mix(in srgb, #4ade80 45%, var(--line));background:#4ade801f}.feedback-admin-kind.kind-offline{color:var(--text-dim)}.analytics-session-lists{border-right:1px solid var(--line);flex-direction:column;gap:8px;min-height:0;padding-right:10px;display:flex;overflow:hidden}.analytics-session-lists .feedback-admin-list{border-right:none;flex:1;padding-right:0}.analytics-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:11px;font-weight:700}.analytics-detail-grid dd{white-space:normal;word-break:break-word}.analytics-days-bar{justify-content:flex-start}.analytics-summary{flex-direction:column;flex:1;gap:16px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.analytics-stat-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.analytics-stat{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;gap:4px;padding:12px 12px 10px;display:flex}.analytics-stat-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:18px;font-weight:650;line-height:1.2}.analytics-stat-label{color:var(--text-dim);font-size:11px}.analytics-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.analytics-rank{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;min-width:0;padding:10px 12px}.analytics-rank ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.analytics-rank li{color:var(--text);justify-content:space-between;gap:10px;font-size:12px;display:flex}.analytics-rank li span:last-child{font-variant-numeric:tabular-nums;color:var(--text-dim);flex-shrink:0}.analytics-event-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.analytics-event-item{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.analytics-event-who{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.analytics-event-props{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;overflow:hidden}@media (width<=720px){.analytics-session-lists{border-right:none;max-height:260px;padding-right:0}.analytics-rank-grid{grid-template-columns:1fr}.analytics-event-item{grid-template-columns:1fr auto}.analytics-event-item .feedback-admin-kind{grid-column:1/-1}}.publish-overlay{z-index:55}.publish-card{background:var(--panel-1,var(--panel));border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;gap:14px;width:calc(100% - 48px);max-width:520px;max-height:min(86vh,720px);padding:18px 20px 20px;display:flex;overflow-y:auto;box-shadow:0 24px 64px #00000080}.publish-intro{color:var(--text-dim);margin:0;font-size:13px;line-height:1.45}.publish-intro strong{color:var(--text);font-weight:600}.publish-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.publish-theme-swatch{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;transition:border-color .15s,background .15s;display:flex}.publish-theme-swatch:hover{border-color:var(--line-strong);background:var(--panel-3,var(--panel-2))}.publish-theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.publish-theme-preview{border-radius:7px;height:36px;display:block}.publish-theme-label{padding:0 2px 2px;font-size:11px;font-weight:600}.publish-notes{resize:vertical;background:var(--panel-2);border:1px solid var(--line);min-height:84px;color:var(--text);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px;line-height:1.45}.publish-notes:focus{border-color:var(--accent);outline:none}.publish-toggle{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.publish-toggle input{accent-color:var(--accent)}.publish-link-row{align-items:center;gap:8px;display:flex}.publish-link-input{background:var(--panel-2);border:1px solid var(--line);min-width:0;color:var(--text-dim);border-radius:9px;flex:1;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px}.publish-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.publish-actions-end{gap:8px;margin-left:auto;display:flex}@media (width<=520px){.publish-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nag-card{background:var(--panel-1,var(--panel));border:1px solid var(--line-strong);border-radius:14px;width:calc(100% - 48px);max-width:420px;padding:18px 20px;box-shadow:0 20px 60px #0000008c}.nag-brand{margin:0 0 12px}.nag-brand .auth-logo{width:min(120px,40%)}.nag-body{color:var(--text-dim);margin:0 0 16px;font-size:13px;line-height:1.5}.nag-actions{gap:8px;display:flex}.account-btn{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.account-btn.active{border-color:var(--accent-dim);color:var(--accent)}.account-menu{position:relative}.account-panel{z-index:40;background:var(--well-2);border:1px solid var(--line-strong);border-radius:12px;width:260px;padding:10px 14px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000008c}.account-email{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;font-size:11px;overflow:hidden}.account-form{flex-direction:column;gap:10px;display:flex}.account-saved{color:var(--accent);margin:0;font-size:11px}.account-feedback,.account-logout{justify-content:center;width:100%;margin-top:10px}.share-view{--share-hue:200;--share-sat:70%;--share-accent:var(--accent);--share-glow:#4cc2ff66;--share-deep:#0b0d12;--share-wash:#4cc2ff29;--share-pulse:.5s;isolation:isolate;background:radial-gradient(1200px 700px at 15% -10%, var(--share-wash), transparent 60%), radial-gradient(900px 600px at 90% 10%, hsla(calc(var(--share-hue) + 50), var(--share-sat), 50%, .12), transparent 55%), linear-gradient(165deg, var(--share-deep) 0%, var(--bg,#0b0d12) 45%, #080a10 100%);min-height:100vh;color:var(--text);flex-direction:column;align-items:stretch;padding:0 0 48px;display:flex;position:relative;overflow-x:hidden}.share-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.share-bg-orb{filter:blur(60px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate share-orb-drift;position:absolute}.share-bg-orb-a{background:var(--share-glow);width:min(55vw,520px);height:min(55vw,520px);top:8%;left:-8%}.share-bg-orb-b{background:hsla(calc(var(--share-hue) + 80), var(--share-sat), 55%, .28);width:min(48vw,440px);height:min(48vw,440px);animation-duration:22s;animation-direction:alternate-reverse;top:28%;right:-6%}.share-view.is-playing .share-bg-orb{animation-duration:calc(var(--share-pulse) * 8)}.share-bg-grid{opacity:.22;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 30%,#000 20%,#0000 75%)}@keyframes share-orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(4%,6%)scale(1.08)}}.share-topbar{z-index:2;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 8px;display:flex;position:relative}.share-brand{letter-spacing:.04em;color:var(--text);opacity:.92;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.share-brand img{object-fit:contain;flex-shrink:0;width:28px;height:20px}.share-brand:hover{color:var(--share-accent)}.share-open-app{white-space:nowrap}.share-stage{z-index:1;flex-direction:column;gap:20px;width:min(920px,100% - 32px);margin:8px auto 0;display:flex;position:relative}.share-hero{grid-template-columns:minmax(220px,1.05fr) minmax(260px,1fr);align-items:center;gap:8px 28px;padding:8px 4px 4px;display:grid}.share-art{aspect-ratio:1;background:0 0;border-radius:24px;width:100%;max-height:min(420px,52vh);display:block}.share-hero-copy{min-width:0;padding:8px 4px 12px}.share-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--share-accent);opacity:.9;margin:0 0 10px;font-size:12px}.share-title{letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin:0 0 8px;font-size:clamp(26px,4vw,40px);line-height:1.15}.share-subtitle{color:var(--text-dim);margin:0 0 10px;font-size:13px}.share-notes{max-width:42rem;color:var(--text-2,var(--text));white-space:pre-wrap;margin:0 0 16px;font-size:14px;line-height:1.55}.share-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.share-chip{border:1px solid color-mix(in srgb, var(--share-accent) 35%, transparent);background:color-mix(in srgb, var(--share-accent) 12%, transparent);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;display:inline-flex}.share-transport{gap:8px;margin-bottom:18px;display:flex}.share-play{min-width:108px;box-shadow:0 0 0 1px color-mix(in srgb, var(--share-accent) 40%, transparent), 0 10px 30px color-mix(in srgb, var(--share-accent) 22%, transparent)}.share-view.is-playing .share-play{animation:share-play-glow var(--share-pulse) ease-in-out infinite alternate}@keyframes share-play-glow{0%{box-shadow:0 0 0 1px color-mix(in srgb, var(--share-accent) 40%, transparent), 0 8px 22px color-mix(in srgb, var(--share-accent) 18%, transparent)}to{box-shadow:0 0 0 1px color-mix(in srgb, var(--share-accent) 70%, transparent), 0 12px 36px color-mix(in srgb, var(--share-accent) 38%, transparent)}}.share-arrangement{margin-top:4px}.share-arrangement-track{background:color-mix(in srgb, var(--panel-2) 80%, transparent);border:1px solid var(--line);border-radius:8px;height:28px;position:relative;overflow:hidden}.share-arrangement-block{opacity:.85;border-radius:5px;position:absolute;top:5px;bottom:5px;box-shadow:inset 0 0 0 1px #00000040}.share-arrangement-playhead{background:var(--share-accent);width:2px;box-shadow:0 0 10px var(--share-glow);pointer-events:none;margin-left:-1px;transition:left 80ms linear;position:absolute;top:0;bottom:0}.share-card{background:color-mix(in srgb, var(--panel-1,var(--panel)) 88%, transparent);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:100%;padding:22px 24px;box-shadow:0 24px 60px #00000073}.share-card-narrow{z-index:1;width:min(480px,100% - 32px);margin:40px auto 0;position:relative}.share-comments-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.share-comments-head h2{margin:0}.share-comments h2{color:var(--text);margin:0 0 10px;font-size:14px}.share-comment-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.share-comment{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:8px 10px}.share-comment-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.share-comment-author{color:var(--text);margin-right:auto;font-size:12px;font-weight:600}.share-comment-when{color:var(--text-dim);font-size:11px}.share-comment-delete{padding:2px 7px;font-size:11px}.share-comment-body{color:var(--text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.share-comment-form{flex-direction:column;gap:8px;display:flex}.share-comment-form textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);resize:vertical;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.share-comment-form textarea:focus{border-color:var(--share-accent,var(--accent));outline:none}.share-comment-as-label{color:var(--text-dim);margin:0;font-size:12px}.share-comment-as-label strong{color:var(--text);font-weight:600}.share-edit-name{color:var(--accent);background:0 0;border:none;padding:0;font-size:12px}.share-edit-name:hover{text-decoration:underline}.share-name-edit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.share-name-edit input{background:var(--panel-2);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:8px;flex:100px;padding:6px 8px;font-size:12px}.share-name-edit input:focus{border-color:var(--share-accent,var(--accent));outline:none}@media (width<=760px){.share-hero{grid-template-columns:1fr;gap:4px}.share-art{max-height:min(340px,48vh);margin:0 auto}.share-topbar{padding:14px 16px 4px}.share-stage{width:min(100% - 24px,920px)}}.spectrum-scope{background:var(--well);border:1px solid var(--line);border-radius:8px;width:128px;height:34px;display:block}.midi-indicator{letter-spacing:.08em;color:#4ade80;background:var(--well);border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:700}.lufs-meter{background:var(--well);border:1px solid var(--line);cursor:default;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.lufs-cell{align-items:baseline;gap:4px;display:flex}.lufs-cell label{letter-spacing:.1em;color:var(--text-dim);font-size:9px;font-weight:700}.lufs-val{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:12px;font-weight:600}.lufs-unit{letter-spacing:.08em;color:var(--text-dim);font-size:9px;font-weight:700}.lufs-tp{border-left:1px solid var(--line);padding-left:8px}.lufs-tp .lufs-val{min-width:30px}.lufs-tp .lufs-val.over{color:#f87171}.spectrum-compare{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;max-width:520px;margin:8px 12px 0;padding:12px 14px;display:flex}.spectrum-compare-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.spectrum-compare-head strong{letter-spacing:.02em;font-size:13px}.spectrum-compare-pickers{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spectrum-compare-pickers label{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.spectrum-compare-pickers select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px;max-width:140px;padding:3px 6px;font-size:11px}.spectrum-compare-canvas{background:var(--well);border:1px solid var(--line);border-radius:8px;width:100%;height:120px}.spectrum-compare-legend{color:var(--text-dim);gap:14px;font-size:11px;display:flex}.spectrum-compare-legend .sc-a:before,.spectrum-compare-legend .sc-b:before,.spectrum-compare-legend .sc-c:before{content:"";vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.spectrum-compare-legend .sc-a:before{background:#4cc2ffb3}.spectrum-compare-legend .sc-b:before{box-sizing:border-box;background:0 0;border:2px solid #ff8c3ce6}.spectrum-compare-legend .sc-c:before{background:#ff4646b3}.spectrum-compare-bands{font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px 12px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.spectrum-compare-bands li{color:var(--text-dim);justify-content:space-between;gap:8px;display:flex}.strip-lfo{border-top:1px dashed var(--line);flex-direction:column;gap:3px;width:100%;padding:4px 10px 0;display:flex}.lfo-row{align-items:center;gap:4px;display:flex}.lfo-tag{color:var(--text-dim);font-size:9px;font-weight:700}.lfo-row select{background:var(--panel-2);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:5px;flex:1;padding:2px 1px;font-size:9px}.toolbar-euclid{border:1px solid var(--line);background:var(--well);border-radius:8px;align-items:center;gap:8px;padding:2px 8px;display:flex}.euclid-tag{letter-spacing:.1em;color:#c084fc;font-size:9px;font-weight:700}.toolbar-euclid input[type=number]{background:var(--panel-2);border:1px solid var(--line-strong);width:42px;color:var(--text);border-radius:6px;padding:3px 4px;font-size:12px}.toolbar-euclid .text-btn{padding:3px 10px}.wave-box{background:var(--well);border:1px solid var(--line);border-radius:10px;margin:0 16px 12px;padding:8px;position:relative}.wave-box-edit{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;margin-bottom:0}.wave-box-edit.busy{opacity:.6;pointer-events:none}.wave-canvas{pointer-events:none;width:100%;height:96px;display:block}.wave-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:10px;right:14px}.wave-editor{margin-bottom:12px}.wave-edit-bar{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 16px 0;display:flex}.wave-edit-bar .text-btn{padding:4px 10px;font-size:11px}.wave-time{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.wave-time input{background:var(--panel-2);border:1px solid var(--line-strong);width:64px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 6px;font-size:12px}.wave-edit-busy{color:var(--text-dim);margin-left:4px;font-size:11px}.wave-edit-hint{color:var(--text-dim);margin:6px 16px 0;font-size:11px;line-height:1.45}.root-select{background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text);border-radius:6px;padding:4px 6px;font-size:12px}.lab-check{color:var(--text);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.lab-check.disabled{color:var(--text-dim)}.lab-hint-text{color:var(--text-dim);margin-top:8px;font-size:11px;line-height:1.5}.master-space{border-top:0}.tuner-panel{z-index:40;background:var(--well-2);border:1px solid var(--line-strong);border-radius:12px;width:240px;padding:10px 14px 14px;position:absolute;top:54px;left:220px;box-shadow:0 12px 32px #0000008c}.tuner-head{letter-spacing:.12em;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.settings-panel{z-index:40;background:var(--well-2);border:1px solid var(--line-strong);border-radius:12px;width:240px;padding:10px 14px 14px;position:absolute;top:54px;left:260px;box-shadow:0 12px 32px #0000008c}.settings-panel-wide{width:320px;max-height:min(80vh,560px);overflow-y:auto}.settings-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:14px;font-size:10px;font-weight:700}.settings-hint{color:var(--text-dim);margin:6px 0 0;font-size:11px;line-height:1.4}.settings-input{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--well);width:100%;color:var(--text);border-radius:6px;padding:5px 7px;font-size:12px}.settings-row-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-ai-status{color:var(--text-dim);margin:8px 0 0;font-size:11px}.settings-ai-status.ok{color:var(--ok,#6dca8a)}.settings-ai-status.fail{color:var(--danger,#e87878)}.settings-row{margin-top:10px}.settings-row:first-of-type{margin-top:4px}.settings-label{color:var(--text-dim);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.settings-row select{width:100%}.mix-assist-card{max-width:480px}.mix-assist-summary{margin:0 0 8px;font-size:13px;line-height:1.4}.mix-assist-intensity{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.mix-assist-hint.warn{color:var(--warn,#e8b84a)}.mix-assist-thinking{color:var(--text-dim);margin:12px 0;font-size:13px}.mix-assist-list{flex-direction:column;gap:8px;max-height:40vh;margin:0 0 12px;padding:0;list-style:none;display:flex;overflow-y:auto}.mix-assist-list label{cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;display:flex}.mix-assist-move{flex-direction:column;gap:2px;display:flex}.mix-assist-move em{color:var(--text-dim);font-style:normal}.mix-assist-actions{justify-content:flex-end;gap:8px;display:flex}.ai-status-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;margin:0 0 8px;padding:4px 8px;font-size:11px;font-weight:600}.ai-status-pill.ready{background:color-mix(in srgb, var(--ok,#6dca8a) 18%, transparent);color:var(--ok,#6dca8a)}.ai-status-pill.unavailable{background:color-mix(in srgb, var(--danger,#e87878) 16%, transparent);color:var(--danger,#e87878)}.ai-status-pill.checking{color:var(--text-dim)}.lab-ai-prompt{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.lab-ai-prompt input{border:1px solid var(--line-strong);background:var(--well);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:5px 7px;font-size:12px}.lab-ai-preview{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--accent) 10%, transparent);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.lab-ai-preview span{flex:160px}.bass-ai-prompt{border:none;max-width:180px;padding:0}.stem-progress{z-index:45;background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;min-width:220px;padding:10px 14px;font-size:12px;position:fixed;bottom:54px;right:18px;box-shadow:0 8px 24px #00000073}.stem-progress-bar{background:var(--well);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.stem-progress-bar>span{background:var(--accent);height:100%;display:block}.accent-swatches{gap:7px;display:flex}.accent-swatch{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #00000040}.accent-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--well-2), 0 0 0 3px var(--text)}.seg-switch-toggle{border:1px solid var(--line-strong);background:var(--panel-3);width:100%;color:var(--text-2);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600}.seg-switch-toggle:hover{background:var(--panel-2)}.seg-switch-toggle.active{background:var(--accent);color:#06121c;border-color:var(--accent)}.tuner-note{text-align:center;color:#fbbf24;min-height:52px;font-size:40px;font-weight:700}.tuner-note.in-tune{color:#4ade80}.tuner-note sub{color:var(--text-dim);font-size:16px}.tuner-meter{height:18px;margin:4px 2px 2px;position:relative}.tuner-scale{background:var(--line-strong);border-radius:1px;height:2px;position:absolute;inset:8px 0}.tuner-tick.center{background:var(--text-dim);width:2px;height:12px;position:absolute;top:-5px;left:50%}.tuner-needle{background:#fbbf24;border-radius:2px;width:3px;height:18px;margin-left:-1.5px;transition:left 80ms linear;position:absolute;top:0}.tuner-needle.in-tune{background:#4ade80}.tuner-detail{text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px}.tuner-error{color:#f87171;margin:8px 0;font-size:12px}.view-tabs .voice-tab.active{color:#34d399;border-bottom-color:#34d399}.voice-studio .lab-item.selected,.voice-side{border-color:var(--line)}.voice-side{width:340px;min-width:340px}.voice-live{flex-direction:column;gap:12px;padding:12px;display:flex}.voice-power{border:1px solid var(--line-strong);background:var(--panel-2);width:100%;color:var(--text-2);border-radius:10px;padding:12px;font-size:13px;font-weight:700;transition:background .12s,box-shadow .12s}.voice-power:hover{background:var(--panel-3)}.voice-power:disabled{opacity:.6}.voice-power.on{color:#6ee7b7;background:#34d39929;border-color:#34d399;box-shadow:0 0 16px #34d39940}.voice-device{color:var(--text-dim);align-items:center;gap:8px;font-size:11px;display:flex}.voice-device span{width:40px;font-weight:700}.voice-device select{background:var(--panel-2);border:1px solid var(--line-strong);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:5px 6px;font-size:12px}.voice-error{color:#f87171;margin:0;font-size:12px}.voice-meter{background:var(--well);border:1px solid var(--line);border-radius:6px;height:12px;overflow:hidden}.voice-meter-fill{width:0%;height:100%;transition:width 50ms linear,background .1s linear}.voice-pitch{background:var(--well);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:baseline;gap:10px;padding:8px;display:flex}.voice-pitch-note{color:#fbbf24;text-align:center;min-width:64px;font-size:30px;font-weight:700}.voice-pitch-cents{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.voice-pitch.in-tune .voice-pitch-note{color:#34d399}.voice-scope{background:var(--well);border:1px solid var(--line);border-radius:10px;width:100%;height:72px;display:block}.voice-record{text-align:center;justify-content:center;width:100%}.voice-record.recording{border-color:var(--danger);color:#fca5a5;background:#f8717129;animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 14px #f8717180}}.voice-latency{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.voice-latency-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.voice-latency-value{color:var(--text);font-variant-numeric:tabular-nums;margin:3px 0 8px;font-size:13px;display:block}.voice-latency-actions{gap:6px;display:flex}.voice-head{flex-wrap:wrap;justify-content:flex-start;gap:16px}.voice-preset{color:var(--text-dim);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.voice-preset span{font-weight:700}.voice-preset select{background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text);border-radius:6px;padding:5px 8px;font-size:12px}.voice-editor .voice-title{margin:0;font-size:17px}.voice-editor .voice-subtitle{color:var(--text-dim);font-size:11px}.voice-takes{flex:1.2;min-width:280px}.voice-takes-empty{min-width:240px}.voice-take-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.voice-take-item{background:var(--panel-2);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px}.voice-take-item.selected{color:#eafff6;background:#34d39924;border-color:#34d399}.voice-take-desk{flex-direction:column;gap:8px;display:flex}.voice-take-name{width:100%;font-size:14px}.voice-take-wave{background:var(--well);border:1px solid var(--line);border-radius:8px;width:100%;height:48px;display:block}.voice-take-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.voice-take-busy{color:#fbbf24}.voice-take-actions{flex-wrap:wrap;gap:6px;display:flex}.voice-take-actions .text-btn.danger{color:#fca5a5;border-color:#f8717173}.voice-studio .seg-switch.voice-seg button.active{color:#eafff6;background:#10b981}.voice-studio .seg-switch.voice-seg.wrap{flex-wrap:wrap}.voice-studio .lab-item.selected{background:#34d3991a;border-color:#34d399}.rack-toggle-btn,.rack-backdrop{display:none}@media (pointer:coarse){.icon-btn,.ms-btn,.fxorder-arrow,.drum-pad-mute,.drum-pad-smp,.drum-pad-choke,.browser-star,.pl-launch{min-width:40px;min-height:36px;font-size:13px}.track-color,.track-grip{min-width:32px;min-height:32px}.text-btn,.add-track-select,.browser-add{min-height:40px;padding:10px 16px}.ms-buttons{gap:4px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}.strip.collapsed{width:56px;min-width:56px}.session-cell{min-height:96px}}@media (width<=900px){.toolbar-hint{display:none}.channel-rack{width:220px;min-width:220px}.voice-side{width:260px;min-width:260px}.view-tabs{flex-wrap:nowrap;overflow-x:auto}.view-tabs button{white-space:nowrap;padding:8px 12px}.lab-section,.voice-studio .lab-section{min-width:0}}@media (width<=640px){.workspace{position:relative;overflow:hidden}.rack-toggle-btn{display:inline-flex}.channel-rack{z-index:5;width:78vw;min-width:0;max-width:320px;transition:transform .18s;position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:4px 0 24px #00000059}.channel-rack.mobile-open{transform:translate(0)}.rack-backdrop{z-index:4;background:#0006;position:absolute;inset:0}.rack-backdrop.visible{display:block}.editor-toolbar{flex-wrap:wrap;row-gap:6px}}.dock-root{background:var(--bg);width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.dock-split-pane{min-width:0;min-height:0;display:flex;overflow:hidden}.dock-divider{background:var(--line);z-index:2;flex:0 0 6px;transition:background .12s;position:relative}.dock-split-h>.dock-divider{cursor:col-resize}.dock-leaf{background:var(--panel);border:1px solid #0000;flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.dock-leaf.focused{border-color:rgba(var(--accent-rgb), .55);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .25)}.dock-tabs{background:var(--panel-2);border-bottom:1px solid var(--line);scrollbar-width:thin;flex:none;align-items:stretch;gap:2px;padding:3px 4px 0;display:flex;overflow-x:auto}.dock-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.dock-tab:hover{color:var(--text-2);background:var(--panel-3)}.dock-tab.active{color:var(--text);background:var(--panel);border-color:var(--line)}.dock-tab-close{width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.dock-tab-close:hover{color:var(--text);background:var(--danger)}.dock-body{flex:auto;min-width:0;min-height:0;position:relative;overflow:auto}.dock-drop-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.dock-drop-zone{pointer-events:auto;position:absolute}.dock-drop-zone.zone-center{inset:25%}.dock-drop-zone.zone-left{width:25%;top:0;bottom:0;left:0}.dock-drop-zone.zone-right{width:25%;top:0;bottom:0;right:0}.dock-drop-zone.zone-top{height:25%;top:0;left:25%;right:25%}.dock-drop-zone.zone-bottom{height:25%;bottom:0;left:25%;right:25%}.dock-drop-zone:hover{background:rgba(var(--accent-rgb), .18);box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb), .55)}.dock-float-title{color:var(--text);background:var(--panel-2);border-bottom:1px solid var(--line);cursor:move;-webkit-user-select:none;user-select:none;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.dock-float-dock{width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.dock-float-body{flex:auto;min-height:0;overflow:auto}.dock-mobile{flex-direction:column}.dock-mobile-tabs{background:var(--panel-2);border-bottom:1px solid var(--line);scrollbar-width:thin;flex:none;gap:2px;padding:4px;display:flex;overflow-x:auto}.dock-mobile-tabs .dock-tab{border-radius:6px}.dock-mobile-tabs .dock-tab.active{border-color:var(--line)}.mini-mixer{border-top:1px solid var(--line-strong);background:var(--panel);flex-direction:column;flex-shrink:0;max-height:132px;display:flex}.mini-mixer-head{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.mini-mixer-strips{gap:4px;padding:0 8px 8px;display:flex;overflow-x:auto}.mini-strip{background:var(--panel-2);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:4px;display:flex}.mini-strip.selected{border-color:var(--accent-dim);background:rgba(var(--accent-rgb), .08)}.mini-strip.is-muted{opacity:.55}.mini-strip-name{color:var(--strip-color,var(--text));cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;max-width:52px;padding:0;font-size:10px;font-weight:700;display:flex}.mini-strip-chip{border-radius:2px;flex:none;width:7px;height:7px}.mini-strip-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-meter{background:var(--well);border-radius:2px;align-items:flex-end;width:8px;height:36px;display:flex;overflow:hidden}.mini-meter-bar{transform-origin:bottom;background:linear-gradient(#ef4444,#eab308 30%,#22c55e);width:100%;height:100%;transform:scaleY(0)}.mini-fader{writing-mode:vertical-lr;direction:rtl;width:18px;height:48px;margin:0}.mini-strip .ms-buttons{flex-direction:row}.pl-workspace{flex:1;min-height:0;display:flex}.pl-pattern-rail{border-right:1px solid var(--line-strong);background:var(--panel);flex-direction:column;flex-shrink:0;width:148px;min-width:148px;display:flex}.pl-rail-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.pl-rail-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.pl-rail-item{background:var(--panel-2);width:100%;color:var(--text);cursor:grab;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.pl-rail-item:hover{border-color:var(--line-strong)}.pl-rail-item.selected{border-color:var(--accent-dim);background:rgba(var(--accent-rgb), .1)}.pl-rail-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.pl-rail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pl-rail-bars{color:var(--text-dim);font-size:10px}.pl-rail-hint{color:var(--text-dim);border-top:1px solid var(--line);margin:0;padding:8px 10px;font-size:10.5px;line-height:1.35}.playlist{flex-direction:column;flex:1;min-height:0;display:flex}.pl-workspace .pl-scroll{flex:1;min-width:0}.dock-root{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.dock-root.dock-mobile{overflow:hidden}.dock-split{flex:1;min-width:0;min-height:0;display:flex}.dock-split-h{flex-direction:row}.dock-split-v{flex-direction:column}.dock-split-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.dock-divider{background:var(--line-strong);cursor:col-resize;z-index:2;flex:0 0 5px;position:relative}.dock-split-v>.dock-divider{cursor:row-resize}.dock-divider:hover{background:var(--accent-dim)}.dock-leaf{border:1px solid #0000;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dock-leaf.focused{border-color:rgba(var(--accent-rgb), .35)}.dock-tabs,.dock-mobile-tabs{background:var(--panel);border-bottom:1px solid var(--line-strong);flex-shrink:0;align-items:stretch;gap:2px;padding:4px 6px 0;display:flex;overflow-x:auto}.dock-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.dock-tab.active{background:var(--well);color:var(--accent);border-color:var(--line-strong)}.dock-tab-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.dock-tab-close:hover{color:var(--danger,#f87171)}.dock-body{background:var(--well);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.dock-body>.piano-roll,.dock-body>.playlist,.dock-body>.mixer,.dock-body>.session,.dock-body>.browser,.dock-body>.lab,.dock-body>.bass-lab,.dock-body>.sampler-lab,.dock-body>.voice-studio,.dock-body>.wam-panel{flex:1;min-height:0}.dock-root.is-dragging-tab .dock-leaf.dock-drop-ready{outline:1px dashed rgba(var(--accent-rgb), .35);outline-offset:-2px}.dock-tabs.dock-tabs-drop-target{background:rgba(var(--accent-rgb), .08)}.dock-tab-insert{background:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .35);border-radius:1px;flex:0 0 2px;align-self:stretch;margin:4px 1px 2px}.dock-tab.dock-tab-dragging{opacity:.45}.dock-tab-menu-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-self:center;width:28px;height:28px;margin-left:auto;font-size:16px;line-height:1}.dock-tab-menu-btn:hover{color:var(--text);background:rgba(var(--accent-rgb), .12)}.dock-tab-max-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-self:center;width:28px;height:28px;margin-left:auto;font-size:14px;line-height:1}.dock-tab-max-btn:hover{color:var(--text);background:rgba(var(--accent-rgb), .12)}.dock-tab-max-btn.is-on{color:var(--accent);background:rgba(var(--accent-rgb), .16)}.dock-root.is-maximized>.dock-leaf{position:absolute;inset:0}.dock-drop-overlay{z-index:20;pointer-events:none;background:#04081059;grid-template-rows:1fr 1.2fr 1fr;grid-template-columns:1fr 1.2fr 1fr;gap:4px;padding:6px;display:grid;position:absolute;inset:0}.dock-drop-zone{pointer-events:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background 80ms,border-color 80ms;display:flex}.dock-drop-zone.zone-top{grid-area:1/1/auto/4}.dock-drop-zone.zone-left{grid-area:2/1}.dock-drop-zone.zone-center{grid-area:2/2}.dock-drop-zone.zone-right{grid-area:2/3}.dock-drop-zone.zone-bottom{grid-area:3/1/auto/4}.dock-drop-zone.is-active{background:rgba(var(--accent-rgb), .28);border-color:rgba(var(--accent-rgb), .7);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .25)}.dock-drop-label{letter-spacing:.02em;color:var(--text);pointer-events:none;white-space:nowrap;background:#00000073;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.dock-chrome{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:4px 10px;display:flex;overflow-x:auto}.dock-panel-menu{flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.dock-panel-menu button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.dock-panel-menu button:hover{background:rgba(var(--accent-rgb), .1);color:var(--text)}.dock-panel-menu button.active{color:var(--accent);background:rgba(var(--accent-rgb), .12)}.dock-chrome-hint{color:var(--text-dim);flex-shrink:0;font-size:11px}.dock-float{z-index:70;background:var(--panel-1,var(--well-2));border:1px solid var(--line-strong);border-radius:10px;flex-direction:column;min-width:520px;min-height:360px;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 50px #00000080}.dock-float-title{background:var(--panel);border-bottom:1px solid var(--line);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.dock-float-dock{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.dock-float-dock:hover{color:var(--text);background:var(--panel-3)}.dock-float-body{background:var(--well);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dock-float-body>.piano-roll,.dock-float-body>.playlist,.dock-float-body>.mixer,.dock-float-body>.session,.dock-float-body>.browser,.dock-float-body>.lab,.dock-float-body>.bass-lab,.dock-float-body>.sampler-lab,.dock-float-body>.voice-studio,.dock-float-body>.wam-panel{flex:1;min-height:0}.dock-float-resize{cursor:nwse-resize;z-index:2;width:16px;height:16px;position:absolute;bottom:0;right:0}.dock-float-resize:after{content:"";border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);opacity:.7;width:9px;height:9px;position:absolute;bottom:3px;right:3px}.dock-float-resize:hover:after{border-color:var(--accent);opacity:1}.app-dialog-overlay{z-index:120}.app-dialog-card{background:var(--panel-1,var(--panel));border:1px solid var(--line-strong);border-radius:16px;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:420px;padding:18px 20px 16px;display:flex;box-shadow:0 24px 64px #00000080}.app-dialog-message{color:var(--text-2);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.app-dialog-field{margin:0}.app-dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.app-dialog-actions .text-btn.accent{background:var(--accent);border-color:var(--accent);color:#06283c}.app-dialog-actions .text-btn.danger{background:color-mix(in srgb, var(--danger) 18%, var(--panel-2));border-color:var(--danger);color:var(--danger)}.app-dialog-actions .text-btn.danger:hover{background:color-mix(in srgb, var(--danger) 28%, var(--panel-2))}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (height<=760px){.transport{gap:4px 10px;padding:4px 12px}.dock-chrome{padding:2px 10px}.vk-controls{padding:3px 12px}.vk-keys{height:52px;padding-bottom:6px}.mini-mixer-strips{padding-bottom:4px}.mini-mixer-head{padding:2px 10px}.bottom-rail{padding:2px 12px}}@media (height<=640px){.vk-keys{height:42px;padding-bottom:4px}.transport{gap:8px}}