:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:10px;--fs-sm:11px;--fs:12px;--fs-md:13px;--fs-lg:15px;--radius-sm:3px;--radius:5px;--radius-lg:8px;--bg:#16181b;--bg-sunken:#121417;--panel:#1d2024;--panel-2:#23272c;--raised:#2a2f35;--raised-hover:#323840;--raised-active:#3a414a;--border:#30353c;--border-strong:#3d444d;--divider:#26292e;--text:#e4e7eb;--text-2:#b4bbc4;--muted:#8c949e;--faint:#626a74;--accent:#8f83f5;--accent-hover:#a197f8;--accent-text:#fff;--accent-soft:#8f83f52e;--focus:#a9a0ff;--ok:#5cc98a;--warn:#e9b24c;--danger:#ef6b5f;--danger-text:#16181b;--danger-soft:#ef6b5f29;--grid-bg:#1a1d21;--grid-bg-alt:#1e2125;--grid-line:#262a30;--grid-beat:#2e333a;--grid-bar:#3c424b;--grid-key-black:#16191c;--grid-key-white:#1d2024;--ruler-bg:#202328;--ruler-text:#9aa2ac;--playhead:#f4f5f7;--loop:#8f83f538;--selection:#8f83f547;--selection-border:#a197f8;--note-text:#0a0c0ed9;--clip-text:#0a0c0ee0;--clip-body:#1012156b;--step-off:#2c3137;--step-off-alt:#343a42;--step-on-text:#121417;--meter-bg:#101214;--meter-low:#5cc98a;--meter-mid:#e9b24c;--meter-high:#ef6b5f;--knob-track:#3a4048;--knob-face:#2c3137;--led-on:#6fdc8c;--led-off:#3a4048;--scrim:#00000080;--toolbar-h:44px;--statusbar-h:24px;--panel-head-h:32px}:root[data-theme-resolved=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9ebee;--bg-sunken:#dfe2e6;--panel:#f6f7f8;--panel-2:#eef0f2;--raised:#fff;--raised-hover:#f1f2f4;--raised-active:#e5e7ea;--border:#d3d7dc;--border-strong:#bfc4ca;--divider:#e1e4e8;--text:#1c1f23;--text-2:#3f454c;--muted:#646c75;--faint:#8d949c;--accent:#6c5ce7;--accent-hover:#5b4bd6;--accent-soft:#6c5ce724;--focus:#6c5ce7;--ok:#23955a;--warn:#b7791f;--danger:#cf3f33;--danger-text:#fff;--danger-soft:#cf3f331f;--grid-bg:#f4f5f7;--grid-bg-alt:#eceef1;--grid-line:#e2e5e9;--grid-beat:#d4d8dd;--grid-bar:#b5bbc2;--grid-key-black:#e3e6ea;--grid-key-white:#f7f8f9;--ruler-bg:#e9ebee;--ruler-text:#555c64;--playhead:#1c1f23;--loop:#6c5ce729;--selection:#6c5ce733;--selection-border:#6c5ce7;--note-text:#0a0c0ed9;--clip-text:#0a0c0ee0;--clip-body:#ffffff8c;--step-off:#dde1e5;--step-off-alt:#ced3d9;--step-on-text:#121417;--meter-bg:#d5d9de;--knob-track:#c9ced4;--knob-face:#fff;--led-on:#2fb35d;--led-off:#c4c9cf;--scrim:#14181c52}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:var(--fs) / 1.35 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}svg.icon{pointer-events:none;flex:none;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--raised);height:28px;color:var(--text);font-size:var(--fs);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--raised-hover)}.btn:active:not(:disabled){background:var(--raised-active)}.btn:disabled{opacity:.5}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--danger-text)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--raised-hover)}.btn.sm{height:24px;font-size:var(--fs-sm);padding:0 8px}.icon-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-2);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--raised-hover);color:var(--text)}.icon-btn:active:not(:disabled){background:var(--raised-active)}.icon-btn[aria-pressed=true],.icon-btn.on{background:var(--accent-soft);color:var(--accent-hover)}:root[data-theme-resolved=light] .icon-btn[aria-pressed=true],:root[data-theme-resolved=light] .icon-btn.on{color:var(--accent)}.icon-btn:disabled{opacity:.4}.icon-btn.sm{width:22px;height:22px}.icon-btn.xs{border-radius:var(--radius-sm);width:18px;height:18px}.seg{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);gap:1px;padding:1px;display:inline-flex}.seg>button{border-radius:calc(var(--radius) - 1px);min-width:28px;height:24px;color:var(--muted);font-size:var(--fs-sm);letter-spacing:.02em;background:0 0;border:0;padding:0 8px;font-weight:600}.seg>button:hover{color:var(--text)}.seg>button[aria-checked=true],.seg>button[aria-pressed=true]{background:var(--raised-active);color:var(--text)}.input,.select{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);height:28px;color:var(--text);font-size:var(--fs);min-width:0;padding:0 8px}.input:focus-visible,.select:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238c949e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.input.sm,.select.sm{height:24px;font-size:var(--fs-sm)}label.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:14px;height:14px;margin:0}input[type=range]{accent-color:var(--accent)}.field{gap:4px;display:grid}.field>span,.field>label{color:var(--muted);font-size:var(--fs-sm)}.menu{z-index:1000;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel-2);min-width:200px;max-width:min(360px,100vw - 16px);max-height:calc(100vh - 16px);color:var(--text);padding:4px;position:fixed;overflow-y:auto}.menu [role=menuitem],.menu [role=menuitemcheckbox],.menu [role=menuitemradio]{border-radius:var(--radius);text-align:left;width:100%;height:28px;font-size:var(--fs);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px 0 6px;display:flex}.menu [role^=menuitem]:focus,.menu [role^=menuitem]:hover:not([aria-disabled=true]),.menu [role^=menuitem].active{background:var(--accent);color:var(--accent-text)}.menu [role^=menuitem][aria-disabled=true]{color:var(--faint);cursor:default}.menu [role^=menuitem][aria-disabled=true]:focus{background:var(--raised-hover);color:var(--faint)}.menu .mi-check{justify-content:center;width:16px;display:inline-flex}.menu .mi-label{text-overflow:ellipsis;flex:1;overflow:hidden}.menu .mi-keys{color:var(--muted);font-size:var(--fs-sm);margin-left:24px}.menu [role^=menuitem]:focus .mi-keys,.menu [role^=menuitem]:hover:not([aria-disabled=true]) .mi-keys,.menu [role^=menuitem].active .mi-keys{color:inherit;opacity:.85}.menu .mi-swatch{border-radius:2px;width:10px;height:10px}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 6px}.menu .mi-heading{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px 2px;font-weight:600}.dialog-backdrop{z-index:900;background:var(--scrim);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel);max-width:min(640px,100%);max-height:calc(100vh - 32px);color:var(--text);flex-direction:column;display:flex}.dialog-head{border-bottom:1px solid var(--divider);align-items:center;gap:8px;height:40px;padding:0 8px 0 16px;display:flex}.dialog-head h2{font-size:var(--fs-md);flex:1;margin:0;font-weight:600}.dialog-body{padding:16px;overflow:auto}.dialog-foot{border-top:1px solid var(--divider);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.dialog-body p{color:var(--text-2);margin:0 0 10px}.form-grid{grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;display:grid}.form-grid>label{color:var(--text-2)}.toasts{left:50%;bottom:calc(var(--statusbar-h) + 12px);z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--raised);max-width:min(520px,100vw - 32px);color:var(--text);pointer-events:auto;font-size:var(--fs);align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.toast.error{border-color:var(--danger)}.toast>span{flex:1;padding:2px 0}.alpha-notice{right:16px;bottom:calc(var(--statusbar-h) + 16px);z-index:1050;border:1px solid var(--border-strong);border-left:3px solid var(--warn);border-radius:var(--radius-lg);background:var(--panel-2);gap:12px;width:min(380px,100vw - 32px);padding:14px 14px 12px;display:flex;position:fixed}.alpha-notice .alpha-icon{color:var(--warn);padding-top:1px}.alpha-notice h2{font-size:var(--fs-md);margin:0 0 4px;font-weight:600}.alpha-notice p{color:var(--text-2);font-size:var(--fs);margin:0 0 10px;line-height:1.45}.alpha-notice .alpha-actions{justify-content:flex-end;display:flex}.knob{touch-action:none;cursor:ns-resize;flex-direction:column;flex:none;align-items:center;gap:2px;display:inline-flex;position:relative}.knob svg{display:block}.knob .knob-track{fill:none;stroke:var(--knob-track);stroke-linecap:round}.knob .knob-value{fill:none;stroke:var(--knob-color,var(--accent));stroke-linecap:round}.knob .knob-face{fill:var(--knob-face)}.knob .knob-pointer{stroke:var(--text);stroke-linecap:round}.knob-label{color:var(--muted);font-size:var(--fs-xs);text-align:center;white-space:nowrap;line-height:1.1}.knob:focus-visible{outline:none}.knob:focus-visible svg{outline:2px solid var(--focus);outline-offset:1px;border-radius:50%}.param-readout{z-index:1200;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;padding:3px 7px;position:fixed}.led{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;padding:0;display:inline-grid}.led:before{content:"";background:var(--led-off);border-radius:50%;width:9px;height:9px}.led[aria-pressed=true]:before{background:var(--led-on)}.led.solo[aria-pressed=true]:before{background:var(--warn)}.kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--raised);min-width:18px;font:var(--fs-sm) var(--font-mono);text-align:center;padding:1px 5px;display:inline-block}.empty-state{height:100%;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.empty-state h3{color:var(--text-2);font-size:var(--fs-md);margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dialog-foot .spacer{flex:1}.dialog.wide{width:min(760px,100%)}.float-win{z-index:500;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);display:flex;position:fixed;overflow:hidden}.win-head{border-bottom:1px solid var(--divider);background:var(--panel-2);cursor:grab;touch-action:none;flex:none;align-items:center;gap:6px;height:32px;padding:0 4px 0 10px;display:flex}.win-icon{color:var(--muted);display:inline-flex}.win-title{text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:var(--fs);flex:none;margin:0;font-weight:600;overflow:hidden}.win-tools{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.win-body{min-height:0;overflow:auto}@media (max-width:720px){.float-win{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:70vh;bottom:0;right:0;width:100%!important;top:auto!important;left:0!important}.win-head{cursor:default}}.app{grid-template-rows:auto 1fr var(--statusbar-h);height:100dvh;padding-top:env(safe-area-inset-top);background:var(--bg);display:grid}.skip-link{z-index:2000;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);padding:6px 10px;text-decoration:none;position:absolute;top:-40px;left:8px}.skip-link:focus{top:8px}.topbar{border-bottom:1px solid var(--divider);background:var(--panel);min-width:0}.tb-row{height:var(--toolbar-h);align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex;overflow:hidden}.tb-group{flex:none;align-items:center;gap:2px;display:flex}.tb-group+.tb-group,.tb-row>.tb-group{border-left:1px solid var(--divider);margin-left:2px;padding-left:6px}.tb-row>.tb-group:first-of-type{border-left:0}.tb-spacer{flex:1;min-width:4px}.tb-right{flex:none;align-items:center;gap:4px;display:flex}.menubar{flex:none;align-items:center;display:flex}.menubar-list{align-items:center;display:flex}.menubar-item{border-radius:var(--radius);height:28px;color:var(--text-2);font-size:var(--fs);background:0 0;border:0;padding:0 7px;font-weight:500}.menubar-item:hover,.menubar-item[aria-expanded=true]{background:var(--raised-hover);color:var(--text)}.menubar-compact{display:none}.mode-seg>button{min-width:40px;font-size:var(--fs-xs)}.mode-seg>button[aria-checked=true]{background:var(--accent);color:var(--accent-text)}.transport-btn{width:32px;height:30px;color:var(--text)}.transport-btn.play-btn.on{color:var(--ok)}.transport-btn.rec-btn{color:var(--faint)}.transport-btn.rec-btn[aria-pressed=true]{background:var(--danger-soft);color:var(--danger)}.lcd{gap:4px}.tempo,.time-display{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);height:30px;color:var(--text);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;padding:0 8px;line-height:28px;display:inline-flex}.tempo{cursor:ns-resize;touch-action:none}.tempo-value{font:600 var(--fs-lg) var(--font);font-variant-numeric:tabular-nums;text-align:right;min-width:58px}.tempo.is-automated .tempo-value{color:var(--accent)}.tempo-unit,.time-sub{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;font-weight:600}.tempo-input{width:72px;margin-top:2px}.time-display{justify-content:space-between;min-width:112px}.time-main{font:600 18px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.01em}.pattern-group{align-items:center;gap:2px;display:flex}.pattern-picker{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--raised);min-width:128px;max-width:200px;height:28px;color:var(--text);align-items:center;gap:6px;padding:0 6px 0 8px;display:inline-flex}.pattern-picker:hover{background:var(--raised-hover)}.pattern-swatch{border-radius:2px;flex:none;width:10px;height:10px}.pattern-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.tb-master{gap:6px}.tb-meter{border-radius:2px;width:8px;height:28px}.cpu{gap:2px;width:40px;display:grid}.cpu-bar{background:var(--meter-bg);border-radius:2px;height:4px;overflow:hidden}.cpu-fill{background:var(--meter-low);width:0;height:100%;display:block}.cpu-text{color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center}.project-status{border-radius:var(--radius);text-align:right;background:0 0;border:0;align-content:center;max-width:180px;height:32px;padding:0 8px;line-height:1.2;display:grid}.project-status:hover{background:var(--raised-hover)}.project-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600;overflow:hidden}.project-state{color:var(--muted);font-size:var(--fs-xs)}.github-link{color:var(--muted)}.account{align-items:center;display:flex}.account-btn{border:1px solid var(--border);background:var(--raised);border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;overflow:hidden}.avatar{object-fit:cover;width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.account-signin{height:28px}.workspace{grid-template-columns:var(--browser-w,260px) 4px 1fr;min-width:0;min-height:0;display:grid}.workspace:has(>.region-side[hidden]){grid-template-columns:1fr}.region-side,.region-center,.region-main,.region-dock{min-width:0;min-height:0}.region-side{border-right:1px solid var(--divider);flex-direction:column;display:flex}.region-side>.panel{flex:1}.region-center{grid-template-rows:1fr 4px var(--dock-h,320px);display:grid}.region-center.dock-only,.region-center.main-only{grid-template-rows:1fr}.region-main{display:flex}.region-main>.panel{flex:1}.region-dock{border-top:1px solid var(--divider);display:flex}.region-dock>.panel{flex:1 1 0;min-width:260px}.region-dock>.panel+.panel{border-left:1px solid var(--divider)}.has-maximized .region-center{grid-template-rows:1fr}.has-maximized .region-center>.splitter,.has-maximized .region-main:not(:has(.maximized)),.has-maximized .region-dock:not(:has(.maximized)),.has-maximized .region-dock>.panel:not(.maximized),.has-maximized .region-dock>.splitter{display:none}[hidden]{display:none!important}.splitter{z-index:5;background:var(--bg);touch-action:none;position:relative}.splitter-v{cursor:col-resize}.splitter-h{cursor:row-resize}.splitter:hover,.splitter.dragging,.splitter:focus-visible{background:var(--accent);outline:none}.region-dock>.splitter-dock{flex:none;width:4px}.panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-head{height:var(--panel-head-h);border-bottom:1px solid var(--divider);background:var(--panel);flex:none;align-items:center;gap:6px;min-width:0;padding:0 4px 0 10px;display:flex}.panel-icon{color:var(--muted);display:inline-flex}.panel.active .panel-icon{color:var(--accent)}.panel-title{font-size:var(--fs);white-space:nowrap;color:var(--text-2);margin:0;font-weight:600}.panel.active .panel-title{color:var(--text)}.panel-tools{flex:1;align-items:center;gap:2px;min-width:0;padding-left:6px;display:flex;overflow:hidden}.panel-head-end{flex:none;align-items:center;gap:2px;display:flex}.panel-body{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.tool-sep{background:var(--divider);flex:none;width:1px;height:18px;margin:0 4px}.statusbar{border-top:1px solid var(--divider);background:var(--panel);color:var(--muted);font-size:var(--fs-sm);align-items:center;gap:12px;min-width:0;padding:0 10px;display:flex}.status-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-spacer{flex:1}.status-cloud{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.status-link{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.status-link:hover{color:var(--text);text-decoration:underline}.status-badge{border:1px solid var(--warn);color:var(--warn);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:0 6px;font-weight:600;line-height:15px}.mobile-nav{display:none}@media (max-width:1180px){.tb-options,.cpu{display:none}.project-status{max-width:120px}}@media (max-width:980px){.menubar-list{display:none}.menubar-compact{display:inline-flex}.tb-master,.project-status{display:none}.pattern-picker{min-width:96px}}@media (max-width:900px){.tb-pattern .icon-btn,.time-sub,.tempo-unit{display:none}.time-display,.tempo-value{min-width:0}.pattern-picker{min-width:0;max-width:140px}.tb-row{gap:4px}.github-link{display:none}.account-signin{justify-content:center;width:34px;padding:0;position:relative}.account-signin>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.app.is-phone{grid-template-rows:auto 1fr calc(56px + env(safe-area-inset-bottom))}.is-phone .statusbar{display:none}.is-phone .mobile-nav{border-top:1px solid var(--divider);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);grid-row:3;display:flex}.mobile-tab{color:var(--muted);font-size:var(--fs-xs);background:0 0;border:0;flex:1;align-content:center;justify-items:center;gap:2px;font-weight:500;display:grid}.mobile-tab[aria-current=page]{color:var(--accent)}:root[data-theme-resolved=dark] .mobile-tab[aria-current=page]{color:var(--accent-hover)}.is-phone .workspace{grid-template-columns:1fr}.is-phone .region-side:not([hidden])~.region-center{display:none}.is-phone .region-side{border-right:0}.is-phone .region-center{grid-template-rows:1fr}.is-phone .region-dock>.panel{min-width:0}.is-phone .panel-head .panel-close,.is-phone .panel-head .panel-head-end{display:none}.is-phone .tb-row{gap:4px;padding:0 4px}.is-phone .win-group,.is-phone .tb-pattern .icon-btn,.is-phone .time-sub,.is-phone .tempo-unit,.is-phone .github-link{display:none}.is-phone .time-display{min-width:0;padding:0 6px}.is-phone .time-main{font-size:15px}.is-phone .tempo-value{min-width:0;font-size:var(--fs-md)}.is-phone .pattern-picker{min-width:0;max-width:110px}.is-phone .mode-seg>button{min-width:32px;padding:0 4px}@media (max-width:420px){.is-phone .tb-pattern,.is-phone .time-display{display:none}}@media (pointer:coarse){.icon-btn{width:34px;height:34px}.transport-btn{width:36px;height:34px}}.pl{--pl-picker-w:168px;--pl-header-w:148px;--pl-ruler-h:30px;grid-template-columns:var(--pl-picker-w) 5px var(--pl-header-w) minmax(0, 1fr);grid-template-rows:var(--pl-ruler-h) minmax(0, 1fr);background:var(--grid-bg);height:100%;min-height:0;display:grid}.pl.no-picker{grid-template-columns:0 0 var(--pl-header-w) minmax(0, 1fr)}.pl.no-picker .pl-picker,.pl.no-picker .pl-picker-split{display:none}.pl-toolbar{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.pl-toolbar::-webkit-scrollbar{display:none}.pl-toolbar>*{flex:none}.pl-tool-group{align-items:center;gap:1px;display:flex}.pl-snap-wrap{color:var(--muted);align-items:center;gap:4px;margin:0 2px 0 4px;display:inline-flex}.pl-snap{width:88px}.pl-source-btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);max-width:150px;height:24px;color:var(--text);font-size:var(--fs-sm);flex:none;align-items:center;gap:6px;padding:0 6px;display:none}.pl-toolbar.show-source .pl-source-btn{display:inline-flex}.pl-source-swatch{border-radius:3px;flex:none;width:10px;height:10px}.pl-source-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pl-picker{background:var(--panel);grid-area:1/1/3;min-width:0;overflow:hidden auto}.pl-picker-split{cursor:col-resize;touch-action:none;background:var(--panel);grid-area:1/2/3;position:relative}.pl-picker-split:after{content:"";background:var(--divider);width:1px;position:absolute;top:0;bottom:0;left:2px}.pl-picker-split:hover:after,.pl-picker-split:focus-visible:after{background:var(--accent);width:3px;left:1px}.pl-src-list{margin:0;padding:2px 0 12px;list-style:none}.pl-src-head{height:26px;color:var(--faint);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 6px 0 10px;font-weight:600;display:flex}.pl-src{border-radius:var(--radius-sm);height:24px;color:var(--text-2);cursor:pointer;align-items:center;gap:7px;margin:0 4px;padding:0 6px;display:flex}.pl-src:hover{background:var(--raised-hover);color:var(--text)}.pl-src[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.pl-src:focus-visible{outline-offset:-2px}.pl-src.current .pl-src-name{font-weight:600}.pl-src-swatch{width:12px;height:12px;color:var(--clip-text);border-radius:3px;flex:none;place-items:center;display:grid}.pl-src-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pl-src-uses{color:var(--faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.pl-src-empty{color:var(--faint);font-size:var(--fs-xs);padding:2px 10px 6px;line-height:1.4}.pl-corner{border-right:1px solid var(--divider);border-bottom:1px solid var(--grid-bar);background:var(--ruler-bg);grid-area:1/3;justify-content:space-between;align-items:center;min-width:0;padding:0 4px 0 10px;display:flex}.pl-corner-label{color:var(--faint);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.pl-ruler{cursor:pointer;touch-action:none;background:var(--ruler-bg);grid-area:1/4;position:relative;overflow:hidden}.pl-ruler:focus-visible{outline-offset:-2px}.pl-ruler-head{border-left:5px solid #0000;border-right:5px solid #0000;border-top:8px solid var(--playhead);pointer-events:none;width:0;height:0;position:absolute;bottom:0;left:-5px}.pl-headers{border-right:1px solid var(--divider);background:var(--panel);grid-area:2/3;min-width:0;position:relative;overflow:hidden}.pl-track-list{will-change:transform;margin:0;padding:0;list-style:none}.pl-track{border-bottom:1px solid var(--divider);grid-template-columns:4px minmax(0,1fr) auto auto;align-items:start;column-gap:2px;padding-right:4px;display:grid;position:relative}.pl-track.short{align-items:center}.pl-track.selected{background:var(--panel-2)}.pl-track-color{border-radius:2px;align-self:stretch;margin:3px 0 3px 3px}.pl-track-color.none{background:var(--border)}.pl-track-name{border-radius:var(--radius-sm);min-width:0;height:100%;min-height:22px;color:var(--text-2);font-size:var(--fs);text-align:left;background:0 0;border:0;align-items:baseline;gap:6px;padding:7px 4px 4px 7px;display:flex}.pl-track.short .pl-track-name{padding-top:3px;padding-bottom:3px}.pl-track-name:hover,.pl-track.selected .pl-track-name{color:var(--text)}.pl-track-name:focus-visible{outline-offset:-2px}.pl-track-num{min-width:14px;color:var(--faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex:none}.pl-track-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pl-track.muted .pl-track-label{color:var(--muted)}.pl-track-input{grid-column:2;width:100%;margin:4px 0}.pl-led,.pl-solo{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--faint);background:0 0;border:0;place-items:center;margin-top:4px;padding:0;font-size:9px;font-weight:700;display:grid}.pl-track.short .pl-led,.pl-track.short .pl-solo{margin-top:0}.pl-led:before{content:"";background:var(--led-on);border-radius:50%;width:8px;height:8px}.pl-led[aria-pressed=true]:before{background:var(--led-off)}.pl-led:hover,.pl-solo:hover{background:var(--raised-hover);color:var(--text)}.pl-solo[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-hover)}:root[data-theme-resolved=light] .pl-solo[aria-pressed=true]{color:var(--accent)}.pl-track-resize{z-index:1;cursor:row-resize;touch-action:none;height:6px;position:absolute;bottom:-3px;left:0;right:0}.pl-track-resize:hover,.pl-track-resize.dragging{background:var(--accent-soft)}.pl-canvas{grid-area:2/4;min-width:0;min-height:0;position:relative;overflow:hidden}.pl-scroller{touch-action:none;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.pl-scroller:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.pl-spacer{pointer-events:auto}.pl-playhead{background:var(--playhead);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:0}.is-phone .pl{--pl-header-w:46px;grid-template-columns:0 0 var(--pl-header-w) minmax(0, 1fr)}.is-phone .pl-picker,.is-phone .pl-picker-split,.is-phone .pl-picker-btn,.is-phone .pl-corner-label,.is-phone .pl-snap-wrap>svg{display:none}.is-phone .pl-source-btn{max-width:110px;display:inline-flex}.is-phone .pl-corner{justify-content:center;padding:0}.is-phone .pl-track{grid-template-columns:4px minmax(0,1fr);padding-right:0}.is-phone .pl-track-label,.is-phone .pl-solo{display:none}.is-phone .pl-track-name{justify-content:center;padding:6px 0 2px}.is-phone .pl-track-num{font-size:var(--fs-sm);color:var(--text-2)}.is-phone .pl-led{position:absolute;bottom:4px;right:2px}.is-phone .pl-snap{width:70px}@media (pointer:coarse){.pl-src{height:34px}.pl-led,.pl-solo{width:28px;height:28px}.pl-track-resize{height:12px;bottom:-6px}}.pl-ruler.on-marker{cursor:grab}.pl-ruler.marker-drag{cursor:grabbing}.pl-follow{align-items:center;display:inline-flex}.pl-follow-more{width:14px;margin-left:-2px}.rack-toolbar{scrollbar-width:none;flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.rack-tb-group{align-items:center;gap:2px;display:inline-flex}.rack-steps-count{min-width:58px;color:var(--text-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.rack-swing{gap:5px;padding:0 2px}.rack-tb-label{color:var(--muted);font-size:var(--fs-sm)}.rack-tb-spacer{flex:1}.rack-add{gap:4px;padding:0 6px}.rack{--ctl-w:264px;--step-w:22px;--step-h:24px;--row-h:30px;--name-w:116px;background:var(--panel);overscroll-behavior:contain;height:100%;position:relative;overflow:auto}.rack-head,.rack-row,.rack-foot,.rack-vel{min-width:max-content;display:flex}.rack-head{z-index:3;border-bottom:1px solid var(--divider);background:var(--panel);height:22px;position:sticky;top:0}.rack-head-ctl,.rack-ctl,.rack-foot-ctl,.rack-vel-ctl{z-index:2;width:var(--ctl-w);background:var(--panel);flex:none;position:sticky;left:0}.rack-head-ctl{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 10px;font-weight:600;display:flex;overflow:hidden}.rack-head-pattern{text-overflow:ellipsis;overflow:hidden}.rack-head-steps{touch-action:pan-x;align-items:stretch;padding:0 12px 0 8px;display:flex}.rack-hstep{width:var(--step-w);color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;margin-right:2px;padding-left:2px;display:flex;position:relative;overflow:visible}.rack-hstep.beat{margin-left:4px}.rack-hstep.play:after{content:"";background:var(--playhead);border-radius:1px;height:3px;position:absolute;bottom:0;left:0;right:0}.rack-grid{padding:3px 0;position:relative}.rack-grid:focus-visible{outline:none}.rack-row{height:var(--row-h);align-items:center}.rack-ctl{align-items:center;gap:4px;height:100%;padding:0 6px 0 2px;display:flex}.rack-c{flex:none;justify-content:center;align-items:center;display:flex}.c-name{margin-left:auto}.rack-grip{width:14px;height:24px;color:var(--faint);cursor:grab;touch-action:none;opacity:.6;flex:none;justify-content:center;align-items:center;display:inline-flex}.rack-row:hover .rack-grip{opacity:1}.rack-row.dragging{opacity:.5}.rack-mute{cursor:pointer;width:18px;height:18px}.rack-mute.solo{outline:1.5px solid var(--warn);outline-offset:-2px;border-radius:50%}.rack-mute.solo:before{background:var(--warn)}.rack-knob{cursor:ns-resize}.insert-spin{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);width:26px;height:20px;color:var(--text-2);font:var(--fs-xs) / 1 var(--font-mono);font-variant-numeric:tabular-nums;cursor:ns-resize;touch-action:none;place-items:center;display:grid}.insert-spin:hover,.insert-spin.dragging{border-color:var(--border-strong);color:var(--text)}.rack-sel{background:0 0;border:0;place-items:center;width:10px;height:22px;padding:0;display:grid}.rack-sel:before{content:"";background:var(--led-off);border-radius:2px;width:4px;height:16px}.rack-sel[aria-pressed=true]:before{background:var(--accent)}.rack-name{width:var(--name-w);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--raised);height:24px;color:var(--text-2);font-size:var(--fs);text-align:left;touch-action:manipulation;align-items:center;gap:7px;padding:0 8px 0 0;display:flex;overflow:hidden}.rack-name:hover{background:var(--raised-hover);color:var(--text)}.rack-chip{background:var(--ch);flex:none;align-self:stretch;width:5px}.rack-name-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rack-row.selected .rack-name{background:color-mix(in srgb, var(--ch) 18%, var(--raised));color:var(--text)}.rack-row.primary .rack-name{border-color:color-mix(in srgb, var(--ch) 70%, var(--border));color:var(--text);font-weight:600}.rack-steps{align-items:center;height:100%;padding:0 12px 0 8px;display:flex}.rack-steps[hidden],.rack-preview[hidden]{display:none}.step{width:var(--step-w);height:var(--step-h);border-radius:var(--radius-sm);background:var(--step-off);cursor:pointer;touch-action:none;flex:none;margin-right:2px;position:relative}.step.alt{background:var(--step-off-alt)}.step.beat,.step.bar{margin-left:4px}.step:hover{background:color-mix(in srgb, var(--ch) 22%, var(--step-off-alt))}.step.on{background:color-mix(in srgb, var(--ch) calc(30% + var(--vel,.78) * 70%), var(--step-off))}.step.play:after{content:"";background:var(--playhead);opacity:.85;border-radius:1px;height:2px;position:absolute;bottom:2px;left:2px;right:2px}.step.on.play{filter:brightness(1.18)}.step:focus-visible{outline:2px solid var(--focus);outline-offset:1px;z-index:1}.rack-row.inaudible .rack-steps,.rack-row.inaudible .rack-preview{opacity:.45}.rack-row.inaudible .rack-name{color:var(--muted)}.rack-preview{height:var(--step-h);border-radius:var(--radius-sm);cursor:pointer;margin:0 12px 0 8px;display:block;overflow:hidden}.rack-preview:hover{outline:1px solid var(--border-strong)}.rack-preview canvas{display:block}.rack-foot{align-items:center;height:34px}.rack-foot-ctl{justify-content:flex-end;padding-right:6px;display:flex}.rack-add-row{width:var(--name-w);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);height:24px;color:var(--muted);font-size:var(--fs-sm);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:5px;display:inline-flex}.rack-add-row:hover{background:var(--raised-hover);color:var(--text);border-style:solid}.rack-empty{color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:28px 16px 12px;display:grid}.rack-empty[hidden]{display:none}.rack-empty h3{color:var(--text-2);font-size:var(--fs-md);margin:0;font-weight:600}.rack-empty p{max-width:340px;margin:0 0 4px;line-height:1.45}.rack-drop{z-index:4;background:var(--accent);pointer-events:none;height:2px;position:absolute;left:0;right:0}.rack-vel{z-index:3;border-top:1px solid var(--divider);background:var(--panel-2);height:76px;position:sticky;bottom:0}.rack-vel[hidden]{display:none}.rack-vel-ctl{background:var(--panel-2);flex-direction:column;justify-content:center;gap:2px;padding:0 12px;display:flex}.rack-vel-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.rack-vel-name{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rack-vel-bars{cursor:ns-resize;touch-action:none;align-items:stretch;padding:8px 12px 8px 8px;display:flex}.vbar{width:var(--step-w);background:var(--step-off);opacity:.6;border-radius:2px;flex:none;margin-right:2px;position:relative}.vbar.alt{background:var(--step-off-alt)}.vbar.beat{margin-left:4px}.vbar.on{opacity:1}.vfill{background:var(--ch);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.vbar.play{outline:1px solid var(--playhead);outline-offset:-1px}.is-phone .rack{--ctl-w:136px;--name-w:94px;--row-h:38px;--step-h:30px}.is-phone .rack .c-pan,.is-phone .rack .c-vol,.is-phone .rack .c-ins,.is-phone .rack .c-sel,.is-phone .rack .rack-grip,.is-phone .rack-swing .rack-tb-label,.is-phone .rack-add span{display:none}@media (pointer:coarse){.rack{--row-h:38px;--step-h:30px}.rack-name{height:30px}.rack-mute{width:26px;height:26px}}.ch-editor{flex-direction:column;min-width:0;max-height:calc(100vh - 80px);display:flex}.ed-toolbar{align-items:center;gap:2px;margin-left:auto;display:flex}.ed-preset{gap:4px;max-width:160px}.ed-preset-name{text-overflow:ellipsis;overflow:hidden}.ed-head{flex:none;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.ed-color{border:1px solid var(--border-strong);border-radius:var(--radius);flex:none;width:22px;height:22px;padding:0}.ed-name{flex:1;min-width:0;font-weight:600}.ed-type{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;flex:none;font-weight:600}.ed-tabs{border-bottom:1px solid var(--divider);flex:none;gap:2px;padding:0 12px;display:flex}.ed-tab{height:30px;color:var(--muted);font-size:var(--fs);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 10px;font-weight:600}.ed-tab:hover{color:var(--text)}.ed-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.ed-pages{flex:1;min-height:0;max-height:min(56vh,540px);padding:12px;overflow:auto}.ed-page[hidden]{display:none}.ed-groups{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.ed-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);min-width:0;padding:8px 10px 10px}.ed-group-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-weight:600}.ed-group-body{flex-direction:column;gap:10px;display:flex}.ed-knobs{flex-wrap:wrap;gap:10px 14px;display:flex}.ed-knob{min-width:40px}.ed-knob .knob-label{font-size:var(--fs-xs)}.ed-opts{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.ed-opt{flex-direction:column;gap:4px;min-width:0;display:flex}.ed-opt-label{color:var(--muted);font-size:var(--fs-xs)}.ed-seg{flex-wrap:wrap;max-width:100%}.ed-seg>button{white-space:nowrap;justify-content:center;align-items:center;min-width:30px;padding:0 7px;display:inline-flex}.ed-opt-switch{justify-content:flex-end}.ed-switch{height:24px;color:var(--text-2);font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.ed-switch-track{background:var(--knob-track);border-radius:8px;width:28px;height:16px;position:relative}.ed-switch-thumb{background:var(--text-2);border-radius:50%;width:10px;height:10px;transition:transform .12s;position:absolute;top:3px;left:3px}.ed-switch[aria-checked=true] .ed-switch-track{background:var(--accent)}.ed-switch[aria-checked=true] .ed-switch-thumb{background:var(--accent-text);transform:translate(12px)}.ed-adsr{border-radius:var(--radius-sm);background:var(--bg-sunken)}.adsr-view{width:100%;height:52px;display:block}.adsr-grid{stroke:var(--grid-line)}.adsr-area{fill:var(--ch);opacity:.18}.adsr-line{stroke:var(--ch);stroke-width:1.6px;stroke-linejoin:round}.adsr-dot{fill:var(--ch)}.ed-sample{grid-column:1/-1}.ed-sample.drop{outline:2px dashed var(--accent);outline-offset:-2px}.ed-sample-bar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ed-sample-bar .ed-group-title{margin:0}.ed-sample-bar .spacer{flex:1}.ed-sample-name{min-width:0;color:var(--text-2);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ed-wave{border-radius:var(--radius-sm);background:var(--bg-sunken);cursor:ew-resize;touch-action:none;height:76px;position:relative;overflow:hidden}.ed-wave canvas{display:block;position:absolute;inset:0}.ed-wave-empty{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.ed-wave-empty[hidden]{display:none}.ed-form{gap:10px;display:grid}.ed-field{gap:4px;display:grid}.ed-field>span{color:var(--muted);font-size:var(--fs-xs)}.ed-row{gap:6px;display:flex}.ed-row .select{flex:1;min-width:0}.ed-swatches{flex-wrap:wrap;gap:6px;display:flex}.ed-swatch{border-radius:var(--radius-sm);border:0;width:20px;height:20px;padding:0}.ed-swatch[aria-checked=true]{outline:2px solid var(--text);outline-offset:2px}.kb{border-top:1px solid var(--divider);flex:none;padding:8px 12px 12px}.kb-bar{align-items:center;gap:4px;margin-bottom:6px;display:flex}.kb-oct{min-width:84px;color:var(--text-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:center}.kb-hint{color:var(--faint);font-size:var(--fs-xs);margin-left:auto}.kb-keys{touch-action:none;height:64px;position:relative}.kb-key{cursor:pointer;position:absolute;top:0}.kb-key.white{z-index:0;border:1px solid var(--border-strong);background:var(--text);border-radius:0 0 4px 4px;height:100%}.kb-key.black{z-index:1;background:var(--bg-sunken);border-radius:0 0 3px 3px;height:60%}.kb-key.down{background:var(--ch)}.kb-name{color:var(--bg-sunken);text-align:center;pointer-events:none;font-size:9px;position:absolute;bottom:3px;left:0;right:0}:root[data-theme-resolved=light] .kb-key.white{background:var(--raised)}:root[data-theme-resolved=light] .kb-key.black{background:var(--text)}:root[data-theme-resolved=light] .kb-key.down{background:var(--ch)}:root[data-theme-resolved=light] .kb-name{color:var(--muted)}.is-phone .kb-hint{display:none}@media (pointer:coarse){.kb-keys{height:84px}}.preset-bar{align-items:center;gap:2px;min-width:0;display:flex}.preset-btn{flex:0 auto;gap:4px;min-width:0;max-width:220px}.preset-btn.custom .preset-name{color:var(--muted);font-style:italic}.preset-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fxw-presets{border-bottom:1px solid var(--divider);margin:-10px -12px 0;padding:4px 8px}.float-win.fx-off .fxw>.fxw-presets{opacity:1}:root{--pr-key-white:#aeb5be;--pr-key-hover:#c8cdd4;--pr-key-black:#1b1e22;--pr-key-line:#868e98;--pr-key-text:#3a4047;--pr-key-text-c:#15181b;--pr-bar-shade:#ffffff05;--pr-octave-line:#353b43;--pr-out-scale:#0003;--pr-root-row:#8f83f514;--pr-beyond:#0000004d;--pr-end-marker:#8c949e;--pr-hover-row:#ffffff09;--pr-note-light-text:#ffffffeb;--pr-lane-bg:#17191c;--pr-scroll-track:#17191c;--pr-scroll-thumb:#3a4048;--pr-scroll-thumb-hot:#4f5761;--pr-note-sel-border:#fff;--pr-note-sel-tint:#fff}:root[data-theme-resolved=light]{--pr-key-white:#fff;--pr-key-hover:#e4e7eb;--pr-key-black:#3b4047;--pr-key-line:#c6cbd1;--pr-key-text:#6b737c;--pr-key-text-c:#1c1f23;--pr-bar-shade:#00000006;--pr-octave-line:#c2c7cd;--pr-out-scale:#0000000d;--pr-root-row:#6c5ce712;--pr-beyond:#14181c12;--pr-end-marker:#646c75;--pr-hover-row:#00000008;--pr-lane-bg:#eceef1;--pr-scroll-track:#e6e8eb;--pr-scroll-thumb:#c4c9cf;--pr-scroll-thumb-hot:#a7aeb6;--pr-note-sel-border:#1c1f23;--pr-note-sel-tint:#fff}.pr{position:absolute;inset:0}.pr-surface{touch-action:none;outline:none;position:absolute;inset:0;overflow:hidden}.pr-surface:focus-visible:after{content:"";border:2px solid var(--focus);pointer-events:none;position:absolute;inset:0}.pr-empty p{max-width:360px;margin:0}.pr-toolbar{flex:1;min-width:0;container-type:inline-size}.pr-toolbar-inner{align-items:center;gap:2px;min-width:0;display:flex}.pr-channel{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--raised);min-width:0;max-width:160px;height:24px;color:var(--text);font-size:var(--fs-sm);flex:none;align-items:center;gap:6px;padding:0 4px 0 7px;display:inline-flex}.pr-channel:hover{background:var(--raised-hover)}.pr-swatch{border-radius:2px;flex:none;width:10px;height:10px}.pr-ch-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pr-tools{flex:none;gap:1px;display:flex}.pr-tool-menu{display:none}.pr-snap{color:var(--muted);flex:none;align-items:center;gap:4px;display:inline-flex}.pr-snap-select{width:92px}.pr-scale{max-width:150px;color:var(--text-2);flex:none;padding:0 6px}.pr-scale>span{text-overflow:ellipsis;overflow:hidden}.pr-scale.on{color:var(--text);background:var(--accent-soft)}.pr-opts{flex:none;align-items:center;gap:1px;display:flex}.pr-spacer{flex:1;min-width:2px}@container (width<=760px){.pr-opts{display:none}}@container (width<=610px){.pr-scale,.pr-sep-scale{display:none}}@container (width<=500px){.pr-tools{display:none}.pr-tool-menu{display:inline-flex}.pr-channel{max-width:110px}}@container (width<=330px){.pr-snap>.icon{display:none}.pr-snap-select{width:74px}.pr-sep{display:none}}@media (pointer:coarse){.pr-toolbar .icon-btn.sm{width:30px;height:30px}.pr-channel,.pr-snap-select{height:30px}}.pr-popover{z-index:20;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel-2);width:236px;color:var(--text);padding:6px 10px 10px;position:absolute}.pr-pop-head{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:600;display:flex}.pr-pop-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pr-pop-field{color:var(--muted);font-size:var(--fs-xs);gap:3px;display:grid}.pr-pop-field .input{width:100%}.pr-pop-hint{color:var(--faint);font-size:var(--fs-xs)}.pr-pop-error{min-height:0;color:var(--danger);font-size:var(--fs-sm);margin-top:6px}.pr-pop-error:empty{display:none}.pr-dialog{gap:12px;min-width:min(380px,100vw - 64px);display:grid}.pr-dialog .form-grid>.select,.pr-dialog .form-grid>.input{width:100%}.pr-dialog .pr-note{max-width:420px;color:var(--muted);font-size:var(--fs-sm);margin:0}.pr-range{align-items:center;gap:10px;display:flex}.pr-range input[type=range]{flex:1;min-width:0}.pr-out{min-width:38px;color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right}.pr-pair{gap:6px;min-width:0;display:flex}.pr-pair>.select{flex:1;min-width:0}.pr-checks{flex-wrap:wrap;gap:16px;display:flex}.mx{--fader-inset:7px;height:100%;min-height:0;display:flex}.mx-area{background:var(--bg-sunken);flex:1;min-width:0;min-height:0;display:flex;position:relative}.mx-pinned{border-right:1px solid var(--border);flex:none;display:flex}.mx-scroller{overscroll-behavior-x:contain;flex:1;min-width:0;overflow:auto hidden}.mx-row{min-width:max-content;height:100%;display:flex}.mx-meters{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mx-tools{align-items:center;gap:2px;display:flex}.mx-strip{--strip-w:66px;width:var(--strip-w);border-right:1px solid var(--divider);background:var(--panel);flex-direction:column;flex:none;gap:3px;min-height:0;padding:0 4px;display:flex;position:relative}.mx-strip.master{--strip-w:72px}.mx-strip.selected{background:var(--panel-2)}.mx-strip.selected:after{content:"";background:var(--sel-color,var(--accent));pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.mx-strip.drop{background:var(--accent-soft)}.mx-color{background:var(--strip-color);flex:none;height:3px;margin:0 -4px}.mx-strip:not(.has-color) .mx-color{background:0 0}.mx-strip.selected .mx-color{height:4px}.mx-head{height:14px;color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:3px;display:flex}.mx-num{font-variant-numeric:tabular-nums;font-weight:600}.mx-strip.selected .mx-num{color:var(--text)}.mx-fxn{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-hover);padding:0 3px;font-size:9px;line-height:12px}:root[data-theme-resolved=light] .mx-fxn{color:var(--accent)}.mx-fxn.bypassed{background:var(--bg-sunken);color:var(--muted)}.mx-in{border-radius:var(--radius-sm);height:14px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:center;gap:1px;margin-left:auto;padding:0 2px;font-size:9px;display:inline-flex}.mx-in:hover{background:var(--raised-hover);color:var(--text)}.mx-name{border-radius:var(--radius-sm);background:var(--bg-sunken);height:20px;color:var(--text-2);font-size:var(--fs-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;border:0;flex:none;padding:0 3px;overflow:hidden}.mx-strip.selected .mx-name{background:var(--raised-active);color:var(--text);font-weight:600}.mx-rename{width:100%;height:20px;font-size:var(--fs-sm);text-align:center;flex:none;padding:0 3px}.mx-knobs{flex:none;justify-content:space-between;display:flex}.mx-knobs .knob-label{font-size:9px}.mx-main{flex:1;gap:2px;min-height:56px;display:flex}.mx-meter{cursor:pointer;flex:none;width:9px}.mx-db{height:12px;color:var(--text-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center;flex:none;line-height:12px}.mx-btns{flex:none;justify-content:center;align-items:center;gap:8px;height:18px;display:flex}.mx-solo{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:20px;height:16px;color:var(--muted);background:0 0;padding:0;font-size:9px;font-weight:700}.mx-solo:hover{color:var(--text)}.mx-solo[aria-pressed=true]{border-color:var(--warn);background:var(--warn);color:var(--step-on-text)}.mx-strip.muted .mx-name,.mx-strip.muted .mx-db,.mx-strip.muted .fdr-cap{opacity:.55}.mx-send{border-top:1px solid var(--divider);flex:none;justify-content:center;align-items:center;gap:3px;height:26px;margin:0 -4px;padding:0 4px 2px;display:flex}.mx-send-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:20px;height:18px;color:var(--muted);background:0 0;place-items:center;padding:0;display:inline-grid}.mx-send-btn:hover{border-color:var(--send-color);color:var(--text)}.mx-send[data-mode=on] .mx-send-btn{border-color:var(--send-color);background:var(--send-color);color:var(--step-on-text)}.mx-send[data-mode=blocked] .mx-send-btn{cursor:not-allowed;opacity:.3}.mx-send-knob{--knob-color:var(--send-color)}.mx-send-note{color:var(--send-color);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.mx-add{border:1px dashed var(--border-strong);border-radius:var(--radius);width:56px;color:var(--muted);font-size:var(--fs-xs);background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;margin:8px;display:flex}.mx-add:hover{background:var(--panel);color:var(--text)}.fdr{flex:1;min-width:0;display:flex}.fdr-scale{width:17px;color:var(--faint);font-variant-numeric:tabular-nums;pointer-events:none;flex:none;font-size:9px;position:relative}.fdr-tick{right:1px;top:calc(var(--fader-inset) + (1 - var(--pos)) * (100% - 2 * var(--fader-inset)));white-space:nowrap;line-height:1;position:absolute;transform:translateY(-50%)}.fdr-tick[data-major="1"]{color:var(--muted)}.fdr-slider{cursor:ns-resize;touch-action:none;flex:1;min-width:22px;position:relative}.fdr-slider:focus-visible{outline:none}.fdr-track{top:var(--fader-inset);bottom:var(--fader-inset);background:var(--meter-bg);border-radius:2px;width:4px;margin-left:-2px;position:absolute;left:50%}.fdr-fill{height:calc(var(--pos) * 100%);background:var(--border-strong);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.mx-strip.selected .fdr-fill{background:var(--sel-color,var(--accent));opacity:.6}.fdr-unity{left:15%;right:15%;top:calc(var(--fader-inset) + (1 - var(--pos)) * (100% - 2 * var(--fader-inset)));background:var(--grid-bar);height:1px;position:absolute}.fdr-cap{top:calc((1 - var(--pos)) * (100% - 2 * var(--fader-inset)));width:24px;height:calc(2 * var(--fader-inset));border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--raised-active);margin-left:-12px;position:absolute;left:50%}.fdr-cap:after{content:"";background:var(--text-2);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:3px;right:3px}.fdr-slider:hover .fdr-cap,.fdr-slider.dragging .fdr-cap{border-color:var(--text-2)}.fdr-slider:focus-visible .fdr-cap{outline:2px solid var(--focus);outline-offset:1px}.mx-side{border-left:1px solid var(--divider);background:var(--panel);flex:none;width:264px;min-height:0;overflow-y:auto}.mx-side-head{z-index:1;border-bottom:1px solid var(--divider);background:var(--panel);align-items:center;gap:6px;height:30px;padding:0 4px 0 10px;display:flex;position:sticky;top:0}.mx-side-swatch{border-radius:2px;flex:none;width:8px;height:8px}.mx-side-title{min-width:0;font-size:var(--fs);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:600;overflow:hidden}.mx-side-count{color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.mx-slots{flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:relative}.mx-slot{border-radius:var(--radius-sm);background:var(--panel-2);align-items:center;gap:3px;height:28px;padding-right:3px;display:flex}.mx-slot.drop{outline:2px solid var(--accent);outline-offset:-1px}.mx-slot.dragging{opacity:.5}.mx-grip{width:16px;height:100%;color:var(--faint);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.mx-grip:hover{color:var(--text)}.mx-slot-n{width:14px;color:var(--faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:right;flex:none}.mx-slot-name{border-radius:var(--radius-sm);min-width:0;height:24px;color:var(--text);font-size:var(--fs-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0 4px;overflow:hidden}.mx-slot-name:hover{background:var(--raised-hover)}.mx-slot.off .mx-slot-name{color:var(--faint)}.mx-slot.empty{outline:1px solid var(--divider);outline-offset:-1px;background:0 0}.mx-slot-add{border-radius:var(--radius-sm);width:100%;height:100%;color:var(--faint);font-size:var(--fs-sm);background:0 0;border:0;align-items:center;gap:6px;padding:0 0 0 19px;display:flex}.mx-slot-add .icon,.mx-slot-add>span:last-child{opacity:0}.mx-slot.first .mx-slot-add,.mx-slot-add:hover,.mx-slot-add:focus-visible{color:var(--text-2)}.mx-slot.first .mx-slot-add .icon,.mx-slot.first .mx-slot-add>span:last-child,.mx-slot-add:hover .icon,.mx-slot-add:hover>span:last-child,.mx-slot-add:focus-visible .icon,.mx-slot-add:focus-visible>span:last-child{opacity:1}.mx-slot-add:hover{background:var(--raised-hover)}.mx-drop-line{background:var(--accent);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:6px;right:6px}.mx-routing{border-top:1px solid var(--divider);padding:2px 10px 14px}.mx-sub{color:var(--text-2);font-size:var(--fs-sm);margin:8px 0 2px;font-weight:600}.mx-route-sec h4{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;margin:8px 0 3px;font-weight:600}.mx-route-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.mx-route-list li{align-items:center;gap:6px;min-height:24px;display:flex}.mx-route-name{border-radius:var(--radius-sm);min-width:0;color:var(--text);font-size:var(--fs-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:2px 4px;display:flex;overflow:hidden}.mx-route-name:hover{background:var(--raised-hover)}.mx-dot{border-radius:2px;flex:none;width:8px;height:8px}.mx-route-val{color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex:none}.mx-route-empty{color:var(--faint);font-size:var(--fs-sm);padding:2px 4px}.mx-route-sec>.btn{margin-top:2px;padding:0 4px}.mx-compact .mx-side{width:220px}.mx.mx-narrow{flex-direction:column;overflow-y:auto}.mx-narrow .mx-area{flex:none;height:clamp(300px,62vh,460px)}.mx-narrow .mx-side{border-top:1px solid var(--border);border-left:0;width:auto;overflow:visible}.mx-narrow .mx-side-head{position:static}@media (pointer:coarse){.mx-strip{--strip-w:74px}.mx-strip.master{--strip-w:78px}.mx-name{height:26px}.mx-solo{width:28px;height:24px}.mx-btns{height:26px}.mx-send{height:32px}.mx-send-btn{width:28px;height:24px}.mx-slot{height:38px}.mx-slot-name{height:32px}.mx-grip{width:26px}}.fxw{flex-direction:column;gap:10px;padding:10px 12px 14px;display:flex}.fxw-desc{color:var(--muted);font-size:var(--fs-sm);margin:0}.fxw-head{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.fxw-insert{border-radius:var(--radius-sm);background:var(--bg-sunken);min-width:0;max-width:150px;color:var(--text-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;padding:1px 6px 1px 5px;display:inline-flex;overflow:hidden}.fxw-insert:before{content:"";background:var(--chip);border-radius:2px;flex:none;width:7px;height:7px}.fxw-spacer{flex:1}.fxw-power{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:26px;height:22px;color:var(--faint);background:0 0;flex:none;place-items:center;padding:0;display:grid}.fxw-power[aria-pressed=true]{border-color:var(--ok);color:var(--ok)}.fxw-mix{color:var(--muted);font-size:var(--fs-xs)}.float-win.fx-off .fxw>:not(.fxw-desc){opacity:.55}.fxw-grid{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;display:flex}.fxw-knob{min-width:48px}.fxw-group-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;margin:0 0 6px;font-weight:600;display:flex}.fxw-band-dot{background:var(--band);border-radius:50%;width:7px;height:7px}.fxw-groups.eq{flex-wrap:wrap;justify-content:space-between;gap:10px 12px;display:flex}.fxw-group-body{gap:4px;display:flex}.fxw-groups.eq .fxw-knob{min-width:36px}.fxw-field{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.fxw-field-label{color:var(--muted);font-size:var(--fs-xs)}.fxw-eq{flex-direction:column;gap:12px;display:flex}.eqg{border:1px solid var(--border);border-radius:var(--radius);touch-action:none;height:220px;position:relative;overflow:hidden}.eqg-canvas{width:100%;height:100%;position:absolute;inset:0}.eqg-handles{pointer-events:none;position:absolute;inset:0}.eqg-handle{border:2px solid var(--grid-bg);background:var(--band);width:18px;height:18px;color:var(--step-on-text);cursor:grab;pointer-events:auto;touch-action:none;border-radius:50%;place-items:center;margin:-9px 0 0 -9px;font-size:10px;font-weight:700;display:grid;position:absolute;top:0;left:0}.eqg-handle.inactive{border-color:var(--band);background:var(--grid-bg);color:var(--band)}.eqg-handle.dragging{cursor:grabbing}.eqg-handle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.eqg-readout{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;pointer-events:none;padding:2px 6px;position:absolute;top:6px;right:8px}.fxw-dyn{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.dyn-graph{flex-direction:column;gap:4px;margin:0;display:flex}.dyn-canvas{border:1px solid var(--border);border-radius:var(--radius);width:200px;height:200px;display:block}.fxw-caption{max-width:200px;color:var(--muted);font-size:var(--fs-xs);margin:0}.fxw-dyn .fxw-grid{flex:1;min-width:200px}.fxw-time{color:var(--text-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin:8px 0 0}.fxw-delay,.fxw-generic{flex-direction:column;gap:14px;display:flex}@media (pointer:coarse){.eqg-handle{width:28px;height:28px;margin:-14px 0 0 -14px}}.browser{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.browser.drop-target{outline:2px dashed var(--accent);outline-offset:-4px}.br-head{border-bottom:1px solid var(--divider);flex:none;padding:6px;position:relative}.br-search-icon{color:var(--faint);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.br-search{width:100%;padding-left:26px}.br-search::-webkit-search-cancel-button{cursor:pointer}.br-tools{gap:2px;margin-left:auto;display:flex}.br-tree{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 0 8px;overflow:auto}.br-row{--indent:12px;height:24px;padding:0 6px 0 calc(4px + var(--level,0) * var(--indent));color:var(--text-2);font-size:var(--fs);white-space:nowrap;cursor:default;border-radius:0;align-items:center;gap:4px;display:flex}.br-row:hover{background:var(--raised-hover);color:var(--text)}.br-tree:focus-within .br-row[aria-selected=true]{background:var(--accent-soft)}.br-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.br-row.current .br-label{color:var(--accent);font-weight:600}.br-row.playing .br-label{color:var(--accent)}.br-row[draggable=true]{cursor:grab}.br-chev{width:14px;color:var(--faint);flex:none;justify-content:center;align-items:center;display:inline-flex}.br-icon{color:var(--muted);flex:none;display:inline-flex}.br-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.br-label mark{color:var(--accent);background:0 0;font-weight:600}.br-detail,.br-count{text-overflow:ellipsis;max-width:45%;color:var(--faint);font-size:var(--fs-sm);flex:none;overflow:hidden}.br-count{background:var(--bg-sunken);text-align:center;border-radius:8px;min-width:18px;padding:0 5px}.br-play{color:var(--muted);flex:none}.br-row.playing .br-play{color:var(--accent)}.br-row.k-section{height:28px;color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-weight:600}.br-row.k-section:first-child{margin-top:0}.br-row.k-group .br-label{color:var(--text-2)}.br-row.k-note{height:auto;min-height:24px;color:var(--faint);font-size:var(--fs-sm);white-space:normal;padding-top:3px;padding-bottom:3px;line-height:1.35}.br-row.k-note .br-label{overflow:visible}.br-row.k-note:hover{color:var(--faint);background:0 0}.br-row.k-action{color:var(--accent);cursor:pointer}.br-row.k-action .br-icon{color:var(--accent)}.br-empty{color:var(--muted);text-align:center;padding:16px 12px}.br-empty p{margin:0 0 8px}@media (pointer:coarse){.br-row{--indent:14px;height:36px}.br-row.k-section{height:36px}.br-play{width:32px;height:32px}}.is-phone .br-row{--indent:16px;height:44px;font-size:var(--fs-md);padding-right:12px}.is-phone .br-row.k-section{height:40px}.is-phone .br-row.k-note{height:auto;min-height:36px}.is-phone .br-search{height:36px;font-size:var(--fs-md)}.is-phone .br-play{width:36px;height:36px}.dialog .faint,.tour .faint,.float-win .faint{color:var(--muted)}.dialog a{color:var(--accent)}.dlg-section{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:16px 0 8px;font-weight:600}.app.hide-hints .status-hint{visibility:hidden}.project-settings{width:min(440px,100%)}.project-settings .input{width:100%}.project-settings .input.num{width:96px}.ps-control,.ps-sig,.ps-range{align-items:center;gap:8px;display:flex}.ps-sig .select{width:72px}.ps-range input[type=range]{flex:1;min-width:120px}.ps-out{text-align:right;font-variant-numeric:tabular-nums;width:40px}.ps-error{min-height:1.2em;color:var(--danger);margin-top:8px}.ps-stats{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.ps-stat{border:1px solid var(--divider);border-radius:var(--radius);background:var(--panel-2);gap:2px;padding:8px;display:grid}.ps-stat strong{font-variant-numeric:tabular-nums;font-weight:600}.dlg-prefs .dialog-body{padding:0}.prefs{grid-template-columns:150px 1fr;min-height:340px;display:grid}.pref-tabs{border-right:1px solid var(--divider);background:var(--panel-2);flex-direction:column;gap:2px;padding:10px 8px;display:flex}.pref-tab{border-radius:var(--radius);height:30px;color:var(--text-2);text-align:left;background:0 0;border:0;padding:0 10px}.pref-tab:hover{background:var(--raised-hover)}.pref-tab[aria-selected=true]{background:var(--accent-soft);color:var(--text);font-weight:600}.pref-panels{padding:16px;overflow:auto}.pref-section{gap:14px;display:grid}.pref-row{grid-template-columns:140px 1fr;align-items:start;gap:12px;display:grid}.pref-row>label,.pref-label{color:var(--text-2);padding-top:6px}.pref-check>div:first-child{display:none}.pref-check{grid-template-columns:1fr;padding-left:152px}.pref-control{justify-items:start;gap:4px;min-width:0;display:grid}.pref-control .select{min-width:200px;max-width:100%}.pref-hint{color:var(--muted);font-size:var(--fs-sm)}.pref-note{color:var(--text-2);margin:0}.dlg-shortcuts .dialog-body,.shortcuts{flex-direction:column;min-height:0;display:flex}.sc-search{flex:none;width:100%}.sc-note{font-size:var(--fs-sm);margin:8px 0 0!important}.sc-list{columns:2 300px;column-gap:24px;margin-top:4px}.sc-group{break-inside:avoid}.sc-items{grid-template-columns:1fr auto;gap:4px 12px;margin:0;display:grid}.sc-items dt{color:var(--text-2)}.sc-items dd{text-align:right;white-space:nowrap;margin:0}.sc-empty{margin-top:16px!important}.about{width:min(460px,100%)}.about-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.about-name{font-size:var(--fs-lg);margin:0}.about-alpha{border-left:3px solid var(--warn);background:var(--panel-2);padding:8px 10px}.about-credits{color:var(--text-2);margin:0;padding-left:18px}.export{gap:12px;width:min(440px,100%);display:grid}.exp-field{border:0;gap:6px;margin:0;padding:0;display:grid}.exp-field legend{color:var(--text-2);margin-bottom:6px;padding:0}.exp-radio{align-items:center;gap:8px;display:flex}.exp-radio .faint{font-variant-numeric:tabular-nums;margin-left:auto}.exp-progress{background:var(--bg-sunken);border-radius:3px;height:6px;overflow:hidden}.exp-bar,.exp-fill{height:100%}.exp-fill{background:var(--accent);width:0;transition:width .15s linear}.exp-status{min-height:1.2em;color:var(--text-2)}.exp-status.error{color:var(--danger)}.local-projects{gap:12px;display:grid}.lp-list{border:1px solid var(--divider);border-radius:var(--radius);background:var(--bg-sunken);max-height:min(50vh,420px);overflow:auto}.lp-list:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.lp-row{border-bottom:1px solid var(--divider);cursor:default;align-items:center;gap:8px;height:36px;padding:0 6px 0 10px;display:flex}.lp-row:last-child{border-bottom:0}.lp-row:hover{background:var(--raised-hover)}.lp-row[aria-selected=true]{background:var(--accent-soft)}.lp-icon{color:var(--muted);display:inline-flex}.lp-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lp-badge{background:var(--raised);color:var(--muted);font-size:var(--fs-xs);border-radius:8px;margin-left:8px;padding:1px 6px}.lp-meta{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex:none}.lp-empty{text-align:center;padding:24px 12px}.lp-empty p{margin:0 0 4px}.lp-cloud{border:1px solid var(--divider);border-radius:var(--radius);color:var(--text-2);align-items:center;gap:10px;padding:10px 12px;display:flex}.lp-cloud span{flex:1}.save-notice-body{max-width:440px}.history{flex-direction:column;gap:8px;max-height:60vh;display:flex}.history-note{font-size:var(--fs-sm);margin:0}.history-list{border:1px solid var(--divider);border-radius:var(--radius);background:var(--bg-sunken);flex:1;min-height:120px;max-height:50vh;overflow:auto}.history-list:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.history-row{cursor:pointer;height:26px;color:var(--text-2);align-items:center;padding:0 10px;display:flex}.history-row:hover{background:var(--raised-hover)}.history-row.current{background:var(--accent-soft);color:var(--text);font-weight:600}.history-row.future{color:var(--faint);font-style:italic}.history-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tap{align-items:center;gap:20px;display:flex}.tap-pad{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--raised);width:140px;height:110px;font-size:var(--fs-lg);touch-action:manipulation;align-content:center;place-items:center;gap:4px;font-weight:600;display:grid}.tap-pad:hover{background:var(--raised-hover)}.tap-pad .faint{font-size:var(--fs-sm);font-weight:400}.tap-pad.flash{animation:.18s ease-out tap-flash}@keyframes tap-flash{0%{background:var(--accent-soft);border-color:var(--accent)}}.tap-value{font:600 32px / 1 var(--font-mono);font-variant-numeric:tabular-nums}.tap-unit{margin-top:6px}.tour-ring{z-index:940;border:2px solid var(--accent);border-radius:var(--radius-lg);pointer-events:none;position:fixed}.tour{z-index:950;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--panel);width:min(320px,100vw - 16px);color:var(--text);padding:12px 14px;position:fixed}.tour:focus-visible{outline:2px solid var(--focus)}.tour-head{align-items:baseline;gap:8px;display:flex}.tour-title{font-size:var(--fs-md);flex:1;margin:0;font-weight:600}.tour-count{color:var(--muted);font-size:var(--fs-sm)}.tour-text{color:var(--text-2);margin:6px 0 10px}.tour-keys{grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin:0 0 12px;display:grid}.tour-keys dd{color:var(--text-2);margin:0}.tour-foot{align-items:center;gap:6px;display:flex}.tour-foot .spacer{flex:1}@media (max-width:720px){.prefs{grid-template-columns:1fr}.pref-tabs{border-right:0;border-bottom:1px solid var(--divider);flex-direction:row;overflow-x:auto}.pref-row{grid-template-columns:1fr;gap:4px}.pref-row>label,.pref-label{padding-top:0}.pref-check{padding-left:0}.pref-control .select{width:100%;min-width:0}.tap{flex-direction:column}.lp-meta{display:none}}@media (pointer:coarse){.lp-row,.history-row{min-height:44px}.pref-tab{height:40px}}.app.is-restoring>*{visibility:hidden}
