:root{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--r-xs:4px;--r-sm:6px;--r:9px;--r-lg:13px;--r-xl:18px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.11s;--dur:.18s;--dur-slow:.34s;--topbar-h:56px;--dock-h:262px;--map-w:328px;--gutter:8px;--hit:32px;--part:#3fd0c9;--part-raw:#3fd0c9;--part-ink:#3fd0c9;--part-soft:#3fd0c929;--part-line:#3fd0c973;--part-glow:#3fd0c98c;--part-contrast:#0b0f18}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--bg-1:#0a0f1b;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #4c68be29, transparent 60%), radial-gradient(900px 500px at 0% 110%, #288ca014, transparent 60%);--panel:#0e1320eb;--panel-solid:#0e1320;--panel-2:#121929;--panel-3:#182033;--panel-hover:#1f2940;--panel-active:#26314b;--glass:#0a0e19a3;--glass-strong:#0a0e19d1;--border:#94a6d61c;--border-2:#94a6d62e;--border-strong:#94a6d64d;--divider:#94a6d614;--text:#e8ecf6;--text-2:#adb6cb;--text-3:#8d97ae;--text-dim:#6f7a92;--text-inverse:#0a0e18;--accent:#8fb6ff;--accent-ink:#a6c5ff;--accent-strong:#b8d0ff;--accent-soft:#8fb6ff24;--accent-contrast:#0a1226;--focus:#a6c5ff;--focus-ring:0 0 0 2px var(--panel-solid), 0 0 0 4px var(--focus);--shadow-1:0 1px 2px #00000073;--shadow-2:0 10px 28px #0000006b, 0 2px 8px #00000052;--shadow-3:0 28px 70px #0009, 0 6px 18px #00000061;--inset-hi:inset 0 1px 0 #ffffff0b;--knob-face-1:#263049;--knob-face-2:#121828;--knob-face-ring:#ffffff12;--knob-shadow:drop-shadow(0 2px 3px #00000080);--knob-track:#96a8d626;--knob-pointer:#f4f7ff;--knob-live:#fff;--knob-fill-glow:drop-shadow(0 0 3px var(--part-glow));--led-off:#96a8d633;--success:#52d7a0;--success-soft:#52d7a024;--warn:#ffc95c;--warn-soft:#ffc95c24;--error:#ff7474;--error-soft:#ff747424;--rec:#ff4f61;--midi-in:#6fe3ff;--midi-out:#ffc95c;--scope-grid:#96a8d624;--scrim:#03050a9e;--kbd-bg:#1a2236;--key-white-1:#2a3348;--key-white-2:#1d2436;--key-white-edge:#0000008c;--key-black-1:#0d111b;--key-black-2:#060810;--key-label:#7f8aa3;--stage-bg:radial-gradient(120% 90% at 50% 30%, #121a2e 0%, #070a12 70%);--scrollbar:#96a8d633}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efe7d8;--bg-1:#f4eee2;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #d6965f1f, transparent 60%), radial-gradient(900px 500px at 0% 110%, #aa825014, transparent 60%);--panel:#fbf8f1f0;--panel-solid:#fbf8f1;--panel-2:#f5efe3;--panel-3:#ede4d4;--panel-hover:#e5d9c5;--panel-active:#dccdb5;--glass:#fcf9f3b8;--glass-strong:#fcf9f3e6;--border:#60422021;--border-2:#60422033;--border-strong:#60422052;--divider:#60422017;--text:#2b2117;--text-2:#5a4a39;--text-3:#6f5d49;--text-dim:#85725c;--text-inverse:#fffaf2;--accent:#b05a26;--accent-ink:#994a1b;--accent-strong:#8a4115;--accent-soft:#b05a261c;--accent-contrast:#fffaf2;--focus:#b05a26;--focus-ring:0 0 0 2px var(--panel-solid), 0 0 0 4px var(--focus);--shadow-1:0 1px 2px #5032141f;--shadow-2:0 10px 28px #50321424, 0 2px 8px #50321414;--shadow-3:0 28px 70px #50321438, 0 6px 18px #5032141a;--inset-hi:inset 0 1px 0 #ffffffb3;--knob-face-1:#fffdf8;--knob-face-2:#ebe1cf;--knob-face-ring:#60422029;--knob-shadow:drop-shadow(0 2px 2px #5a3c1938);--knob-track:#60422021;--knob-pointer:#2b2117;--knob-live:#2b2117;--knob-fill-glow:none;--led-off:#6042202e;--success:#24754b;--success-soft:#2f8a5b1f;--warn:#8a5208;--warn-soft:#c4801421;--error:#b3352a;--error-soft:#c03a2f1a;--rec:#d23a3a;--midi-in:#1f7fa3;--midi-out:#b06a10;--scope-grid:#60422024;--scrim:#3c281447;--kbd-bg:#ede4d4;--key-white-1:#fffdf8;--key-white-2:#efe6d6;--key-white-edge:#60422047;--key-black-1:#3a2e24;--key-black-2:#22190f;--key-label:#72604b;--stage-bg:radial-gradient(120% 90% at 50% 30%, #fbf6ec 0%, #e8dcc6 75%);--scrollbar:#60422038}:root.theme-anim,:root.theme-anim *,:root.theme-anim :before,:root.theme-anim :after{transition:background-color var(--dur-slow) var(--ease), color var(--dur-slow) var(--ease), border-color var(--dur-slow) var(--ease), fill var(--dur-slow) var(--ease), stroke var(--dur-slow) var(--ease), box-shadow var(--dur-slow) var(--ease)!important}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);background-image:var(--bg-glow);color:var(--text);font:400 var(--fs) / 1.4 var(--font-ui);letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}svg{display:block}a{color:var(--accent-ink);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0}ol,ul{padding:0}[hidden]{display:none!important}::selection{background:var(--accent-soft)}.icon{flex:none;width:18px;height:18px}.mono,.knob-value,kbd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}.mini-label{font-size:var(--fs-2xs);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-weight:650}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}:root.is-knob-dragging,:root.is-knob-dragging *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.boot-error{background:var(--panel-solid);color:var(--text);border:1px solid var(--error);border-radius:var(--r-lg);font:var(--fs) / 1.5 var(--font-mono);white-space:pre-wrap;z-index:1000;margin:0;padding:24px;position:fixed;inset:24px;overflow:auto}.noscript{text-align:center;background:var(--bg);color:var(--text);font-size:var(--fs-md);z-index:2000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.app{gap:var(--gutter);padding:0 var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));grid-template-columns:minmax(0, 1fr) calc(var(--map-w) * var(--ui-zoom));grid-template-rows:calc(var(--topbar-h) * var(--ui-zoom)) minmax(0, 1fr) calc(var(--dock-h) * var(--ui-zoom)) auto;transition:grid-template-columns var(--dur-slow) var(--ease-out);grid-template-areas:"top top""stage map""dock map""keys keys";display:grid;position:fixed;inset:0}.topbar{grid-area:top;min-width:0}.stage{grid-area:stage}.mappanel{grid-area:map}.dock{grid-area:dock}.keys{grid-area:keys}.mobile-tabs{display:none}.stage{border-radius:var(--r-xl);background:var(--stage-bg);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow-1);isolation:isolate;position:relative;overflow:hidden;container:stage/size}.viewport{position:absolute;inset:0;overflow:hidden}.viewport>canvas{touch-action:none;width:100%;height:100%;display:block}.card,.mappanel,.dock,.keys{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-1), var(--inset-hi);min-width:0;min-height:0}.mappanel{flex-direction:column;display:flex;position:relative;overflow:hidden}.dock{grid-template-columns:60px minmax(0,1fr);display:grid;overflow:hidden}.keys{overflow:hidden}.app.map-collapsed{--map-w:52px}.map-rail,.app.map-collapsed .mappanel>:not(.map-rail){display:none}.app.map-collapsed .map-rail{display:flex}:root{--ui-zoom:1}@media (min-width:2800px) and (min-height:1380px){:root{--ui-zoom:1.15}}@media (min-width:3600px) and (min-height:1650px){:root{--ui-zoom:1.3}}@media (min-width:4400px) and (min-height:2000px){:root{--ui-zoom:1.5}}.topbar,.mappanel,.dock,.keys,.layer-host,.vp-toolbar,.vp-bottom,.vp-notice,.vp-edit-chip,.golf-hud,.start-card,.coin-status{zoom:var(--ui-zoom)}@media (min-width:1600px) and (min-height:1100px){:root{--dock-h:330px}}@media (max-height:860px) and (min-width:900px){:root{--dock-h:236px;--topbar-h:52px}}@media (max-width:1359px) and (min-width:900px){:root{--map-w:268px}}@media (max-width:1099px) and (min-width:900px){:root{--map-w:264px}}@media (max-width:899px){:root{--gutter:6px;--hit:40px}.app{grid-template:"top""stage"minmax(200px,42vh)"mtabs""panel"minmax(0,1fr)/minmax(0,1fr)}.app.map-collapsed{--map-w:auto}.app.map-collapsed .mappanel>:not(.map-rail){display:revert}.app.map-collapsed .map-rail{display:none}.mappanel,.dock,.keys{grid-area:panel;display:none}.app[data-mtab=map] .mappanel{display:flex}.app[data-mtab=sound] .dock,.app[data-mtab=mod] .dock,.app[data-mtab=seq] .dock,.app[data-mtab=mix] .dock{display:block;overflow:auto}.app[data-mtab=keys] .keys{display:flex}.dock{grid-template-columns:minmax(0,1fr)}.stage{border-radius:var(--r-lg)}.mobile-tabs{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);scrollbar-width:none;grid-area:mtabs;gap:2px;padding:3px;display:flex;overflow-x:auto}.mobile-tabs::-webkit-scrollbar{display:none}}.btn{border-radius:var(--r);background:var(--panel-3);height:32px;color:var(--text);border:1px solid var(--border-2);font-weight:560;font-size:var(--fs);box-shadow:var(--inset-hi);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast), transform var(--dur-fast) var(--ease), color var(--dur-fast);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn .icon{width:16px;height:16px}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:#0000}.btn--ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--panel-hover);color:var(--text);border-color:#0000}.btn--sm{height:28px;font-size:var(--fs-sm);border-radius:var(--r-sm);padding:0 10px}.btn--xs{height:24px;font-size:var(--fs-xs);border-radius:var(--r-sm);gap:5px;padding:0 8px}.btn--xs .icon{width:14px;height:14px}.btn--xl{height:48px;font-size:var(--fs-lg);border-radius:999px;gap:10px;padding:0 28px}.btn--xl .icon{width:20px;height:20px}.btn.is-confirm,.icon-btn.is-confirm{background:var(--error-soft);color:var(--error);width:auto;padding:0 8px}.btn-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.icon-btn{border-radius:var(--r);width:34px;height:34px;color:var(--text-2);transition:background var(--dur-fast) var(--ease), color var(--dur-fast);flex:none;place-items:center;display:inline-grid;position:relative}.icon-btn:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.icon-btn:active:not(:disabled){background:var(--panel-active)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{opacity:.4}.icon-btn[aria-disabled=true]{cursor:not-allowed}.icon-btn--sm{border-radius:var(--r-sm);width:28px;height:28px}.icon-btn--sm .icon{width:16px;height:16px}.icon-btn--xs{border-radius:var(--r-xs);width:22px;height:22px}.icon-btn--xs .icon{width:14px;height:14px}.toggle{border-radius:var(--r-sm);background:var(--panel-3);border:1px solid var(--border);height:28px;color:var(--text-2);font-size:var(--fs-sm);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:560;display:inline-flex}.toggle .icon{width:15px;height:15px}.toggle:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.toggle.is-on{background:var(--part-soft);border-color:var(--part-line);color:var(--part-ink)}.toggle:disabled,.toggle.is-disabled{opacity:.45}.toggle--sm{height:26px;font-size:var(--fs-xs);padding:0 9px}.toggle--xs{border-radius:var(--r-xs);width:22px;height:22px;padding:0}.toggle--xs .icon{width:13px;height:13px}.toggle--icon{width:30px;height:30px;padding:0}.toggle--icon .icon{width:17px;height:17px}.toggle--switch{background:var(--panel-3);border:1px solid var(--border-2);border-radius:999px;flex:none;width:46px;height:26px;padding:0;position:relative}.toggle--switch .toggle-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.toggle--switch:after{content:"";background:var(--text-2);width:20px;height:20px;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease-spring), background var(--dur);border-radius:50%;position:absolute;top:2px;left:2px}.toggle--switch.is-on{background:var(--accent);border-color:#0000}.toggle--switch.is-on:after{background:var(--accent-contrast);transform:translate(20px)}.seg{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);isolation:isolate;gap:2px;max-width:100%;padding:2px;display:inline-flex;position:relative}.seg-thumb{border-radius:calc(var(--r) - 3px);background:var(--panel-active);box-shadow:var(--shadow-1), var(--inset-hi);transition:transform var(--dur) var(--ease-out), width var(--dur) var(--ease-out), opacity var(--dur);z-index:-1;position:absolute;top:2px;bottom:2px;left:0}.seg-btn{border-radius:calc(var(--r) - 3px);min-width:30px;height:28px;color:var(--text-3);font-size:var(--fs-sm);transition:color var(--dur-fast);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-weight:560;display:inline-flex}.seg-btn:hover,.seg-btn.is-on{color:var(--text)}.seg-btn .icon{width:16px;height:16px}.seg--sm .seg-btn{height:24px;font-size:var(--fs-xs);min-width:26px;padding:0 8px}.seg--sm .seg-btn .icon{width:15px;height:15px}.seg--icons .seg-btn{padding:0 6px}.seg.is-disabled{opacity:.45;pointer-events:none}.seg--lfo .seg-btn.is-on{color:var(--part-ink)}.seg--lfo .seg-btn .icon{width:20px;height:20px}.select{min-width:0;display:inline-flex;position:relative}.select-native{appearance:none;background:var(--panel-3);border:1px solid var(--border-2);border-radius:var(--r-sm);width:100%;height:30px;color:var(--text);font-size:var(--fs-sm);cursor:pointer;text-overflow:ellipsis;transition:border-color var(--dur-fast), background var(--dur-fast);padding:0 28px 0 10px;font-weight:520}.select-native:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-hover)}.select-native:disabled{opacity:.45;cursor:not-allowed}.select-native option,.select-native optgroup{background:var(--panel-solid);color:var(--text)}.select-caret{pointer-events:none;color:var(--text-3);position:absolute;top:50%;right:7px;transform:translateY(-50%)}.select-caret .icon{width:14px;height:14px}.select--sm .select-native{height:26px;font-size:var(--fs-xs);padding-left:8px;padding-right:24px}.select--xs .select-native{height:22px;font-size:var(--fs-2xs);border-radius:var(--r-xs);padding:0 18px 0 6px}.select--xs .select-caret{right:4px}.select--xs .select-caret .icon{width:11px;height:11px}.select.is-disabled{opacity:.6}.field{background:var(--panel-2);border:1px solid var(--border-2);border-radius:var(--r-sm);width:100%;height:32px;color:var(--text);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:0 10px}.field::placeholder{color:var(--text-dim)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field--inline{height:24px;font-size:var(--fs-sm);padding:0 6px}.field--search{padding-left:32px}.search-wrap{flex:1;min-width:0;position:relative}.search-icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.search-icon .icon{width:16px;height:16px}input[type=search]::-webkit-search-cancel-button{filter:grayscale();opacity:.6}.stepper{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;height:26px;display:inline-flex}.stepper-btn{width:24px;height:100%;color:var(--text-3);border-radius:var(--r-sm);place-items:center;display:grid}.stepper-btn:hover:not(:disabled){color:var(--text);background:var(--panel-hover)}.stepper-btn:disabled{opacity:.3}.stepper-btn .icon{width:13px;height:13px}.stepper-value{text-align:center;min-width:28px;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;padding:0 2px}.stepper.is-disabled{opacity:.45}.mslider{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--r-xs);flex:1;align-items:center;min-width:60px;height:22px;display:flex;position:relative}.mslider-track{background:var(--knob-track);border-radius:6px;width:100%;height:6px;display:block;position:relative}.mslider-fill{background:var(--part);border-radius:6px;position:absolute;top:0;bottom:0;left:0}.mslider-thumb{background:var(--knob-pointer);width:12px;height:12px;box-shadow:0 0 0 2px var(--part), var(--shadow-1);transition:transform var(--dur-fast) var(--ease);border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%}.mslider:hover .mslider-thumb,.mslider.is-active .mslider-thumb{transform:scale(1.15)}.mslider.is-bipolar .mslider-track:after{content:"";background:var(--border-strong);width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.mslider-live{background:var(--knob-live);opacity:0;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%}.mslider[aria-disabled=true]{opacity:.45;cursor:not-allowed}.mslider.is-zero .mslider-thumb{box-shadow:0 0 0 2px var(--border-strong), var(--shadow-1)}.fader{cursor:ns-resize;flex:none;width:28px;min-width:0;height:100%;padding:6px 0}.fader .mslider-track{width:6px;height:100%;margin:0 auto}.fader .mslider-fill{inset:auto 0 0}.fader .mslider-thumb{background:linear-gradient(var(--knob-face-1), var(--knob-face-2));width:26px;height:12px;box-shadow:0 0 0 1px var(--border-strong), var(--shadow-1);border-radius:4px;margin:0 0 -6px -13px;top:auto;left:50%!important}.fader .mslider-thumb:after{content:"";background:var(--part);border-radius:2px;height:2px;position:absolute;top:5px;left:5px;right:5px}.fader:hover .mslider-thumb,.fader.is-active .mslider-thumb{box-shadow:0 0 0 1px var(--part-line), var(--shadow-1);transform:none}.dragnum{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);height:30px;transition:border-color var(--dur-fast);align-items:center;display:inline-flex;position:relative}.dragnum:hover{border-color:var(--border-strong)}.dragnum-input{width:46px;height:100%;font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text);cursor:ns-resize;touch-action:none;background:0 0;border:0;padding:0 0 0 8px;font-weight:600}.dragnum-input:focus{cursor:text;outline:none}.dragnum:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dragnum-suffix{font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--text-3);padding:0 8px 0 2px;font-weight:650}.dragnum.is-dragging{border-color:var(--part-line)}.dragnum.is-readonly .dragnum-input{cursor:default;color:var(--text-2)}.dragnum--xs{border-radius:var(--r-xs);height:22px}.dragnum--xs .dragnum-input{width:38px;font-size:var(--fs-xs);padding-left:5px}.dragnum--xs .dragnum-suffix{padding:0 5px 0 0;font-size:9px}.knob{--knob-size:46px;width:calc(var(--knob-size) + 22px);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.knob--sm{--knob-size:36px;width:calc(var(--knob-size) + 22px)}.knob--lg{--knob-size:62px}.knob-dial{width:var(--knob-size);height:var(--knob-size);cursor:ns-resize;touch-action:none;border-radius:50%;position:relative}.knob-dial:focus-visible{outline-offset:1px;border-radius:50%}.knob-svg{width:100%;height:100%;overflow:visible}.knob-face{fill:url(#og-knob-face);filter:var(--knob-shadow);transition:transform var(--dur) var(--ease);transform-origin:28px 28px}.knob-face-ring{fill:none;stroke:var(--knob-face-ring);stroke-width:1px}.knob-track{fill:none;stroke:var(--knob-track);stroke-width:3.6px;stroke-linecap:round;transition:stroke var(--dur-fast)}.knob-fill{fill:none;stroke:var(--part);stroke-width:3.6px;stroke-linecap:round;filter:var(--knob-fill-glow)}.knob-modrange{fill:none;stroke:var(--part);stroke-width:1.7px;stroke-linecap:round;opacity:.6}.knob-ticks circle{fill:var(--text-dim);opacity:.55}.knob-pointer{stroke:var(--knob-pointer);stroke-width:2.3px;stroke-linecap:round}.knob-live{fill:var(--knob-live);stroke:var(--part);stroke-width:1.8px;opacity:0;transition:opacity var(--dur)}.knob.has-live .knob-live{opacity:1}.knob-dial:hover .knob-track{stroke:var(--border-strong)}.knob.is-active .knob-face{transform:scale(.97)}.knob.is-zero .knob-fill{opacity:0}.knob-caption{width:100%;height:16px;position:relative}.knob-label,.knob-value{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-xs);transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);line-height:16px;position:absolute;inset:0;overflow:hidden}.knob-label{color:var(--text-2);font-weight:540}.knob-value{color:var(--text);opacity:0;font-size:var(--fs-xs);letter-spacing:-.01em;transform:translateY(3px)}.caption-swap:hover .knob-label,.caption-swap.is-active .knob-label,.caption-swap:focus-within .knob-label{opacity:0;transform:translateY(-3px)}.caption-swap:hover .knob-value,.caption-swap.is-active .knob-value,.caption-swap:focus-within .knob-value{opacity:1;color:var(--part-ink);transform:none}.caption-both .knob-caption{height:30px}.caption-both .knob-label{height:15px;bottom:auto}.caption-both .knob-value{opacity:1;color:var(--text-3);top:15px;transform:none}.caption-both.is-active .knob-value,.caption-both:focus-within .knob-value{color:var(--part-ink)}.knob.is-modulated .knob-label:before{content:"";background:var(--part);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin:0 4px 1px 0;display:inline-block}.knob-midi{background:var(--midi-in);width:7px;height:7px;box-shadow:0 0 0 2px var(--panel-solid);opacity:0;transition:opacity var(--dur), transform var(--dur) var(--ease-spring);border-radius:50%;position:absolute;top:0;right:4px;transform:scale(.5)}.knob.is-mapped .knob-midi{opacity:1;transform:none}.knob.is-learning .knob-dial:after{content:"";border:2px solid var(--midi-in);animation:learn-pulse 1.1s var(--ease) infinite;border-radius:50%;position:absolute;inset:-5px}.knob.is-disabled{opacity:.42}.knob.is-disabled .knob-dial{cursor:not-allowed}@keyframes learn-pulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.knob-entry{padding:6px}.knob-entry-input{width:120px;height:30px;font-family:var(--font-mono);text-align:center}.knob-row{align-items:flex-start;gap:2px;display:flex}.knob-grid{justify-items:center;gap:8px 2px;display:grid}.knob-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.knob-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.knob-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.led{background:var(--led-off);width:7px;height:7px;transition:background var(--dur-fast), box-shadow var(--dur-fast);border-radius:50%;flex:none;display:inline-block}.led.is-on,.led.is-sounding{background:var(--part);box-shadow:0 0 8px var(--part-glow), 0 0 2px var(--part)}.led.is-flash{animation:led-flash .26s var(--ease-out)}@keyframes led-flash{0%{filter:brightness(1.6);transform:scale(1.7)}to{filter:none;transform:none}}.badge{background:var(--panel-3);height:20px;color:var(--text-2);font-size:var(--fs-2xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-weight:650;display:inline-flex}.badge .icon{width:13px;height:13px}.badge--mpc{background:var(--success-soft);color:var(--success)}.part-chip{background:var(--panel-3);height:22px;color:var(--text-2);font-size:var(--fs-xs);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-weight:600;display:inline-flex}.part-chip:before{content:"";background:var(--chip,var(--part));border-radius:50%;width:8px;height:8px}kbd{background:var(--kbd-bg);min-width:22px;height:22px;color:var(--text);border:1px solid var(--border-2);border-radius:var(--r-xs);font-size:var(--fs-xs);border-bottom-width:2px;place-items:center;padding:0 6px;font-weight:600;display:inline-grid}.kbd-join{color:var(--text-3);font-size:var(--fs-xs);padding:0 3px}.callout{border-radius:var(--r);background:var(--accent-soft);color:var(--text);font-size:var(--fs-sm);align-items:flex-start;gap:10px;margin:4px 0 10px;padding:10px 12px;line-height:1.45;display:flex}.callout .icon{color:var(--accent-ink);width:17px;height:17px;margin-top:1px}.panel-section{border-top:1px solid var(--divider);padding:12px 16px}.panel-section:first-child{border-top:0}.section-head{justify-content:space-between;align-items:center;gap:10px;min-height:22px;margin-bottom:10px;display:flex}.section-title{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-weight:700}.section-aside{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section-toggle{white-space:nowrap;min-height:24px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:-2px 0 -2px -2px;padding:2px 6px 2px 2px;display:inline-flex}.section-toggle:hover{color:var(--text);background:var(--panel-3)}.section-toggle-icon{width:14px;height:14px;display:inline-flex}.section-toggle-icon svg{width:14px;height:14px;transition:transform var(--dur-fast,.15s) var(--ease)}.section-toggle[aria-expanded=false] .section-toggle-icon svg{transform:rotate(-90deg)}.is-collapsed>.section-head{margin-bottom:0}@media (pointer:coarse){.section-toggle{min-height:44px}}.panel-error{color:var(--text-2);padding:20px}.layer-host{pointer-events:none;z-index:100;position:fixed;inset:0}.layer-host>*{pointer-events:auto}.popover{min-width:160px;max-width:min(92vw,520px);max-height:calc(100vh / var(--ui-zoom,1) - 16px);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-3);opacity:0;transform-origin:0 0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);z-index:125;padding:12px;position:fixed;top:0;left:0;overflow:auto;transform:translateY(-4px)scale(.98)}.popover[data-side=top]{transform-origin:0 100%;transform:translateY(4px)scale(.98)}.popover.is-open{opacity:1;transform:none}.popover.is-closing{opacity:0;pointer-events:none;transition-duration:.12s}.popover:focus{outline:none}.popover-title{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px;font-weight:700}.popover-note{font-size:var(--fs-sm);color:var(--text-2);max-width:300px;margin:8px 0 0;line-height:1.45}.popover--entry{min-width:0;padding:0}.menu{min-width:210px;padding:5px}.menu-list{flex-direction:column;display:flex}.menu-heading{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:6px 10px;font-weight:700}.menu-item{border-radius:var(--r-sm);min-height:32px;color:var(--text);text-align:left;font-size:var(--fs);align-items:center;gap:10px;padding:0 10px;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--panel-hover);outline:none}.menu-item:disabled{opacity:.4}.menu-item.is-danger{color:var(--error)}.menu-item.is-checked{color:var(--part-ink)}.menu-icon{width:18px;color:var(--text-3);place-items:center;display:grid}.menu-item.is-checked .menu-icon{color:var(--part-ink)}.menu-icon .icon{width:17px;height:17px}.menu-label{flex:1}.menu-hint{font-size:var(--fs-xs);color:var(--text-3);font-family:var(--font-mono)}.menu-sep{background:var(--divider);height:1px;margin:4px 6px}@media (pointer:coarse){.menu-item{min-height:44px}}.popover--rename{padding:8px}.track-rename{align-items:center;gap:6px;display:flex}.track-rename .field{width:min(220px,60vw)}@media (pointer:coarse){.track-rename .field,.track-rename .btn{min-height:44px}}.tooltip{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-2);border-radius:var(--r);max-width:260px;box-shadow:var(--shadow-2);font-size:var(--fs-sm);color:var(--text-2);opacity:0;transition:opacity var(--dur-fast), transform var(--dur-fast);z-index:130;padding:7px 10px;line-height:1.4;position:fixed;top:0;left:0;transform:translateY(2px);pointer-events:none!important}.tooltip.is-visible{opacity:1;transform:none}.tooltip-title{color:var(--text);margin-bottom:2px;font-weight:650}.toasts{z-index:140;flex-direction:column;align-items:center;gap:8px;width:min(440px,100vw - 24px);display:flex;position:fixed;bottom:112px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{pointer-events:auto;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--border-2);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-3);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-spring);align-items:flex-start;gap:10px;padding:10px 8px 10px 12px;display:flex;transform:translateY(10px)scale(.98)}.toast.is-in{opacity:1;transform:none}.toast.is-leaving{opacity:0;transition-duration:.18s;transform:translateY(6px)scale(.98)}.toast-icon{color:var(--accent-ink);margin-top:1px}.toast-icon .icon{width:18px;height:18px}.toast.is-success .toast-icon{color:var(--success)}.toast.is-warn .toast-icon{color:var(--warn)}.toast.is-error .toast-icon{color:var(--error)}.toast-body{flex:1;min-width:0}.toast-msg{color:var(--text);font-weight:560}.toast-detail{color:var(--text-2);font-size:var(--fs-sm);overflow-wrap:anywhere;margin-top:2px}.toast-action{color:var(--accent-ink);border-radius:var(--r-xs);padding:2px 6px;font-weight:650}.toast-actions{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.toast-action:hover,.toast-action:focus-visible{background:var(--panel-hover)}.toast-close{color:var(--text-3);border-radius:var(--r-xs);place-items:center;width:24px;height:24px;display:grid}.toast-close:hover{background:var(--panel-hover);color:var(--text)}.toast-close .icon{width:14px;height:14px}.modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--dur) var(--ease);z-index:120;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1}.modal-backdrop.is-closing{opacity:0;pointer-events:none}.modal{background:var(--panel-solid);border:1px solid var(--border-2);border-radius:var(--r-xl);width:min(560px,100%);max-height:min(820px,100vh - 48px);box-shadow:var(--shadow-3);transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;overflow:hidden;transform:translateY(10px)scale(.985)}.modal.is-wide{width:min(940px,100%)}.modal-backdrop.is-open .modal{transform:none}.modal:focus{outline:none}.modal-head{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:14px 14px 12px 22px;display:flex}.modal-title{font-size:var(--fs-lg);letter-spacing:-.005em;font-weight:650}.modal-body{flex:1;min-height:0;overflow:auto}.tabs{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);gap:2px;padding:2px;display:inline-flex}.tab-btn{border-radius:calc(var(--r) - 3px);height:26px;color:var(--text-3);font-size:var(--fs-sm);padding:0 10px;font-weight:600}.tab-btn:hover{color:var(--text)}.tab-btn[aria-selected=true]{background:var(--panel-active);color:var(--text);box-shadow:var(--shadow-1)}@media (max-width:899px){.toasts{bottom:16px}.modal-backdrop{align-items:end;padding:0}.modal,.modal.is-wide{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92vh}.icon-btn{width:40px;height:40px}.icon-btn--sm{width:36px;height:36px}.seg-btn{min-width:38px;height:34px}.seg--sm .seg-btn{min-width:36px;height:32px}.toggle,.toggle--sm{height:36px}.toggle--xs{width:30px;height:30px}.select-native,.select--sm .select-native{height:36px;font-size:var(--fs)}.stepper{height:36px}.stepper-btn{width:34px}.btn--xs{height:32px}.dragnum{height:38px}.knob{--knob-size:50px}.knob--sm{--knob-size:44px}}.topbar{align-items:center;gap:14px;min-width:0;padding:0 2px 0 6px;display:flex}.brand{color:var(--text);flex:none;align-items:center;gap:9px;display:flex}.site-back{color:var(--text-2);flex:none;margin-right:-4px;text-decoration:none}.brand-mark{color:var(--text-2);place-items:center;display:grid}.brand-word{letter-spacing:.32em;color:var(--text);margin-right:-.32em;font-size:13px;font-weight:700}.topbar-spacer{flex:1;min-width:0}.part-tabs{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);flex:0 auto;align-items:center;gap:4px;min-width:0;padding:3px;display:flex}.part-tabs-scroll{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;flex:0 auto;gap:4px;min-width:0;scroll-padding-inline:4px;display:flex;overflow:auto hidden}.part-tabs-scroll::-webkit-scrollbar{display:none}.part-tabs.is-scrolling .part-tabs-scroll{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 10px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 10px),#0000 100%)}.part-tab-btn{border-radius:var(--r);flex:none;width:32px;height:42px}.part-tab-add:disabled{opacity:.4}.part-tab{border-radius:var(--r);width:132px;min-width:0;height:42px;color:var(--text-2);text-align:left;transition:background var(--dur-fast), color var(--dur-fast);scroll-snap-align:start;flex:none;align-items:center;gap:8px;padding:0 10px 0 9px;display:flex;position:relative}.part-tab.is-dragging{opacity:.45}.part-tab.is-drop-before{box-shadow:inset 3px 0 0 var(--accent)}.part-tab.is-drop-after{box-shadow:inset -3px 0 0 var(--accent)}.part-tab:hover{background:var(--panel-hover);color:var(--text)}.part-tab[aria-checked=true]{background:var(--panel-active);color:var(--text);box-shadow:var(--shadow-1), var(--inset-hi)}.part-tab:after{content:"";background:var(--part);opacity:.32;height:2px;transition:opacity var(--dur), box-shadow var(--dur);border-radius:2px;position:absolute;bottom:3px;left:10px;right:10px}.part-tab[aria-checked=true]:after{opacity:1;box-shadow:0 0 10px var(--part-glow)}.part-num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--part-ink);flex:none;font-weight:700}.part-texts{flex-direction:column;min-width:0;line-height:1.2;display:flex}.part-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:620;overflow:hidden}.part-patch{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.part-tab[aria-checked=true] .part-patch{color:var(--text-2)}.part-mute{color:var(--warn);margin-left:auto;font-size:9px;font-weight:800;display:none}.part-tab.is-muted .part-mute{display:block}.part-frozen{width:12px;height:12px;color:var(--part-ink);flex:none;display:none}.part-frozen svg{width:12px;height:12px}.part-tab.is-frozen .part-frozen{display:inline-flex}.part-tab.is-muted .part-texts{opacity:.55}.part-led{flex:none}.patch-browser{flex:0 430px;align-items:center;gap:6px;min-width:0;display:flex}@media (min-width:900px){.patch-browser{flex-shrink:.4;min-width:300px}}.patch-main{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);flex:1;align-items:center;gap:0;min-width:min(168px,100%);height:42px;padding:3px;display:flex}.patch-main .icon-btn{width:28px;height:34px}.patch-open{border-radius:var(--r);text-align:left;min-width:0;height:34px;transition:background var(--dur-fast);flex:1;align-items:center;gap:8px;padding:0 8px 0 10px;display:flex}.patch-open:hover:not(:disabled){background:var(--panel-hover)}.patch-texts{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.patch-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--part-ink);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:700;overflow:hidden}.patch-name{font-size:var(--fs-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:620;overflow:hidden}.picker-caret{color:var(--text-3);flex:none}.picker-caret .icon{width:15px;height:15px}.patch-tools{gap:2px;display:flex}.transport{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);flex:none;align-items:center;gap:6px;height:42px;padding:3px;display:flex}.transport-btn{border-radius:var(--r);min-width:38px;height:34px;color:var(--text-2);transition:background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur);justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.transport-btn:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.transport-btn:disabled{opacity:.4}.play-btn{width:44px;color:var(--text);background:var(--panel-3)}.play-btn .icon{width:18px;height:18px}.play-btn.is-on{background:var(--part);color:var(--part-contrast);box-shadow:0 0 16px var(--part-glow)}.play-btn.is-on:hover{background:var(--part);color:var(--part-contrast)}.tempo-wrap{align-items:center;display:flex;position:relative}.tempo{background:0 0;border-color:#0000;height:34px}.tempo .dragnum-input{width:40px;font-size:var(--fs-lg);text-align:right;padding:0 2px 0 4px}.ext-badge{letter-spacing:.06em;color:var(--accent-contrast);background:var(--accent);border-radius:4px;padding:1px 4px;font-size:8.5px;font-weight:800;position:absolute;top:-7px;right:-2px}.rec-btn .rec-dot{color:var(--rec);display:grid}.rec-btn .rec-dot .icon{width:16px;height:16px}.rec-time{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text)}.rec-time:empty{display:none}.rec-btn.is-on{background:color-mix(in srgb, var(--rec) 16%, transparent);color:var(--text)}.rec-btn.is-on .rec-dot{animation:1.2s steps(2,jump-none) infinite rec-blink}.rec-btn.is-busy{opacity:.6}@keyframes rec-blink{50%{opacity:.25}}.bounce-btn .icon{width:18px;height:18px}.bounce-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px;display:grid}.bounce-grid .select{width:100%}.bounce-progress{background:var(--knob-track);border-radius:6px;height:6px;overflow:hidden}.bounce-fill{background:var(--part);transform-origin:0;height:100%;transition:transform var(--dur) var(--ease);display:block;transform:scaleX(0)}.bounce-status:empty{display:none}.bounce-actions{justify-content:flex-end;margin-top:10px;display:flex}.utils{flex:none;align-items:center;gap:2px;display:flex}.midi-btn{position:relative}.midi-led{width:6px;height:6px;position:absolute;top:6px;right:5px}.midi-btn[data-status=ready] .midi-led{background:color-mix(in srgb, var(--success) 55%, transparent)}.midi-btn[data-status=error] .midi-led,.midi-btn[data-status=denied] .midi-led{background:var(--error)}.midi-btn[data-status=unsupported]{opacity:.5}.midi-led.is-on[data-dir=in]{background:var(--midi-in);box-shadow:0 0 8px var(--midi-in)}.midi-led.is-on[data-dir=out]{background:var(--midi-out);box-shadow:0 0 8px var(--midi-out)}@media (max-width:1499px) and (min-width:900px){.brand-word{display:none}}@media (max-width:1379px) and (min-width:900px){.part-tab{flex-basis:116px;width:116px}}@media (max-width:1339px) and (min-width:1240px){.topbar{gap:10px}.part-tab{flex-basis:100px;width:100px}.part-patch{display:none}.patch-browser{flex-basis:362px}}@media (max-width:1239px) and (min-width:900px){.topbar{gap:8px}.part-tab{flex-basis:50px;justify-content:center;gap:6px;width:50px;padding:0 8px}.part-texts{display:none}.part-num{font-size:var(--fs-md)}.part-patch{display:none}.patch-tools .icon-btn{width:30px}.rec-time{display:none}}.vp-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.vp-overlay>*{pointer-events:auto}.vp-toolbar{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);align-items:center;gap:6px;padding:4px;display:flex;position:absolute;top:12px}.vp-toolbar .seg{background:0 0;border-color:#0000}.vp-toolbar .seg-btn{color:var(--text-2)}.vp-toolbar .seg-btn.is-on{color:var(--text)}.vp-toolbar .seg-btn .icon{width:18px;height:18px}.vp-toolbar .seg--sm .seg-btn{min-width:30px;height:28px}.vp-toolbar--left{left:12px}.vp-toolbar--right{right:12px}.vp-sep{background:var(--border-2);width:1px;height:20px}.vp-toolbar>span.vp-map-only{display:contents}.viewport[data-viz]:not([data-viz=map]) .vp-map-only{display:none!important}.viewport[data-viz]:not([data-viz=map])>:not(.viz-layer):not(.vp-overlay){visibility:hidden!important}.vp-viz-btn{align-items:center;gap:6px;padding:0 8px 0 6px;display:inline-flex}.vp-viz-btn .vp-viz-icon,.vp-viz-btn .vp-viz-caret{display:inline-flex}.vp-viz-btn .vp-viz-caret .icon{opacity:.7;width:14px;height:14px}.viz-layer{z-index:1;background:var(--bg);position:absolute;inset:0}.viz-layer[hidden]{display:none}.viz-canvas{width:100%;height:100%;display:block}.viz-label{pointer-events:none;text-align:right;background:var(--glass);border:1px solid var(--border);font-size:var(--fs-2xs);letter-spacing:.04em;color:var(--text-3);border-radius:999px;padding:3px 8px;position:absolute;top:18px;right:14px}@container stage (width<=430px){.vp-viz-btn .vp-viz-text{display:none}}.vp-label{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:0 2px 0 6px;font-weight:700}.seg--dot .seg-btn.is-on{color:var(--part-ink)}@container stage (width<=1060px){.seg--dot .seg-text,.vp-label{display:none}}@container stage (width<=700px){.vp-toolbar--left .seg--style,.vp-toolbar--left .vp-sep,.vp-palette,.scope-cell--harm{display:none}}@container stage (width<=430px){.vp-overlay .vp-toolbar--left .toggle--icon{display:none}.vp-overlay .vp-toolbar{gap:2px;padding:2px}.vp-overlay .vp-toolbar--left{left:6px}.vp-overlay .vp-toolbar--right{right:6px}.vp-overlay .vp-toolbar .seg--sm .seg-btn{min-width:34px;padding:0 4px}}@container stage (height<=360px){.scope-card{display:none}}.vp-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.vp-bottom>*{pointer-events:auto}.vp-bottom-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.vp-coords{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);border-radius:var(--r-sm);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);white-space:pre;padding:4px 8px}.vp-coords:before{content:"Dot  ";color:var(--text-3);font-family:var(--font-ui);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.vp-coords-h{color:var(--part-ink)}.vp-edit-chip{background:var(--glass-strong);border:1px solid var(--part-line);max-width:calc(100% - 24px);box-shadow:var(--shadow-2);color:var(--text);font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.vp-edit-chip .icon{width:16px;height:16px;color:var(--part-ink)}.popover--dot{width:300px}.dot-pop{flex-direction:column;gap:6px;display:flex}.dot-pop .popover-note{margin:0 0 4px}.dot-group{border-top:1px solid var(--divider);flex-direction:column;gap:6px;padding-top:8px;display:flex}.dot-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dot-line--end{justify-content:space-between}.waypoint-list{flex-direction:column;gap:4px;list-style:none;display:flex}.waypoint{border-radius:var(--r-sm);background:color-mix(in srgb, var(--panel-2) 70%, transparent);align-items:center;gap:8px;padding:3px 4px 3px 6px;display:flex}.waypoint-num{background:var(--part-soft);width:18px;height:18px;color:var(--part-ink);border-radius:50%;place-items:center;font-size:10px;font-weight:750;display:grid}.waypoint-pos{font-size:var(--fs-xs);color:var(--text-2);flex:1}.waypoint .select{width:92px}.waypoint-count{font-size:var(--fs-xs);color:var(--text-3)}.vp-hint{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-sm);transition:opacity var(--dur-slow), transform var(--dur-slow) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:flex}.vp-hint.is-hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.vp-hint-dot{background:var(--part);width:8px;height:8px;box-shadow:0 0 0 0 var(--part-glow);animation:hint-pulse 2s var(--ease) infinite;border-radius:50%}@keyframes hint-pulse{0%{box-shadow:0 0 0 0 var(--part-line)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.vp-notice{border-radius:var(--r);background:var(--glass-strong);border:1px solid var(--border-2);max-width:min(520px,100% - 24px);color:var(--text-2);font-size:var(--fs-sm);align-items:flex-start;gap:8px;padding:9px 12px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.vp-notice .icon{width:16px;height:16px;color:var(--accent-ink)}.scope-card{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);gap:6px;padding:6px;display:flex}.scope-cell{border-radius:var(--r);background:color-mix(in srgb, var(--panel-solid) 55%, transparent);width:150px;height:64px;position:relative;overflow:hidden}.scope-cell--harm{width:112px}.scope-canvas{width:100%;height:100%;position:absolute;inset:0}.scope-label{background:color-mix(in srgb, var(--panel-solid) 70%, transparent);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);pointer-events:none;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:4px;left:5px}.scope-note{text-transform:none;letter-spacing:0;font-weight:500}.flatmap{position:absolute;inset:0}.flatmap-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.flatmap.is-dragging .flatmap-canvas{cursor:grabbing}.physics-pop{width:230px}.physics-group{opacity:.55;transition:opacity var(--dur);padding:8px 0 4px}.physics-group.is-active{opacity:1}.physics-group .knob-row{margin-top:6px}.start-overlay{z-index:5;background:radial-gradient(60% 60% at 50% 50%, color-mix(in srgb, var(--bg) 35%, transparent), color-mix(in srgb, var(--bg) 70%, transparent));opacity:0;transition:opacity .42s var(--ease);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.start-overlay.is-in{opacity:1}.start-overlay.is-leaving{opacity:0;pointer-events:none}.start-card{text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);border:1px solid var(--border-2);width:min(420px,100%);box-shadow:var(--shadow-3);transition:transform .52s var(--ease-out);border-radius:22px;flex-direction:column;align-items:center;padding:28px 28px 22px;display:flex;transform:translateY(8px)scale(.98)}.start-overlay.is-in .start-card{transform:none}.start-overlay.is-leaving .start-card{transform:scale(1.03)}.start-mark{color:var(--text-2);margin-bottom:8px}.start-title{letter-spacing:.36em;margin-right:-.36em;font-size:22px;font-weight:700}.start-desc{color:var(--text-2);font-size:var(--fs-md);max-width:320px;margin:8px 0 20px;line-height:1.5}.start-btn{min-width:180px;box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 35%, transparent)}.start-warn{color:var(--warn);font-size:var(--fs-sm);margin-top:12px}.start-tips{border-top:1px solid var(--divider);gap:8px;width:100%;margin-top:22px;padding-top:16px;list-style:none;display:grid}.start-tips li{color:var(--text-2);font-size:var(--fs-sm);text-align:left;align-items:center;gap:10px;display:flex}.start-tips .icon{width:17px;height:17px;color:var(--accent-ink)}.panel-head{border-bottom:1px solid var(--divider);align-items:center;gap:10px;min-height:46px;padding:0 10px 0 16px;display:flex}.panel-title{font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-weight:750}.panel-sub{min-width:0;font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.panel-scroll{flex:1;min-height:0;overflow:hidden auto}.map-collapse{margin-left:auto}.map-rail{width:100%;height:100%;color:var(--text-2);flex-direction:column;align-items:center;gap:10px;padding:14px 0}.map-rail:hover{color:var(--text);background:var(--panel-hover)}.map-rail-text{writing-mode:vertical-rl;font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;font-weight:750}.terrain-slots{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:start;gap:0;margin-bottom:14px;display:grid}.terrain-slot{border-radius:var(--r-lg);flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.terrain-slot.is-drop{outline:2px dashed var(--part);outline-offset:3px}.terrain-pick{border-radius:var(--r-lg);text-align:left;min-width:0;transition:background var(--dur-fast);flex-direction:column;align-items:stretch;gap:6px;padding:4px;display:flex}.terrain-pick:hover{background:var(--panel-hover)}.terrain-art{aspect-ratio:1;border-radius:var(--r);width:100%;max-height:100px;box-shadow:0 0 0 1px var(--border-2), var(--shadow-1);background:var(--panel-3);margin:0 auto;display:block;position:relative;overflow:hidden}@media (max-height:860px) and (min-width:900px){.terrain-art{aspect-ratio:4/3}}.terrain-thumb{image-rendering:auto;width:100%;height:100%;display:block}.slot-badge{background:var(--glass-strong);width:20px;height:20px;color:var(--text);font-size:var(--fs-xs);border-radius:6px;place-items:center;font-weight:750;display:grid;position:absolute;top:6px;left:6px}.terrain-busy{background:color-mix(in srgb, var(--panel-solid) 50%, transparent);display:none;position:absolute;inset:0}.terrain-slot.is-busy .terrain-busy{display:block}.terrain-slot.is-busy .terrain-busy:after{content:"";border:2px solid var(--border-2);border-top-color:var(--part);border-radius:50%;width:22px;height:22px;margin:-11px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.terrain-text{flex-direction:column;min-width:0;padding:0 2px;display:flex}.terrain-pick .picker-caret{color:var(--text);background:var(--glass-strong);border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:8px;right:8px}.picker-name{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:620;overflow:hidden}.picker-desc{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.terrain-import{position:absolute;bottom:2px;right:4px}.terrain-slot .terrain-text{padding-right:30px}.morph-link{flex-direction:column;align-items:center;gap:6px;padding-top:34px;display:flex}.morph-bar{background:var(--knob-track);border-radius:6px;width:22px;height:6px;position:relative;overflow:hidden}.morph-bar-fill{background:var(--part);transform-origin:0;transition:transform var(--dur) var(--ease);position:absolute;inset:0;transform:scaleX(0)}.morph-link-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);writing-mode:vertical-rl;font-size:9px;font-weight:700;transform:rotate(180deg)}.picker-btn{border-radius:var(--r-lg);background:var(--panel-2);border:1px solid var(--border);text-align:left;width:100%;transition:background var(--dur-fast), border-color var(--dur-fast);align-items:center;gap:12px;margin-bottom:10px;padding:6px 10px 6px 6px;display:flex}.picker-btn:hover{background:var(--panel-hover);border-color:var(--border-2)}.picker-art{border-radius:var(--r);background:var(--panel-3);flex:none;place-items:center;width:46px;height:46px;display:grid}.picker-text{flex-direction:column;flex:1;min-width:0;display:flex}.path-icon{width:34px;height:34px}.path-icon path{fill:none;stroke:var(--part);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;filter:var(--knob-fill-glow)}.path-switches{gap:6px;margin:-4px 0 12px;display:flex}.path-switches .toggle{flex:1}.knob-grid--tight{gap:6px 0}.popover--picker{width:380px}.popover--import{width:320px}.import-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.import-file{font-family:var(--font-mono);font-size:var(--fs-xs);overflow-wrap:anywhere;margin-top:0}.import-actions{justify-content:flex-end;gap:6px;margin-top:12px;display:flex}.seg--plain .seg-btn.is-on{background:var(--panel-active);color:var(--text);box-shadow:var(--shadow-1)}.range{accent-color:var(--part);width:150px}.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.grid-item{border-radius:var(--r);color:var(--text-2);font-size:var(--fs-xs);transition:background var(--dur-fast), color var(--dur-fast);flex-direction:column;align-items:center;gap:5px;padding:6px 4px 7px;display:flex}.grid-item:hover,.grid-item:focus-visible{background:var(--panel-hover);color:var(--text)}.grid-item.is-current{background:var(--part-soft);color:var(--part-ink);box-shadow:inset 0 0 0 1px var(--part-line)}.grid-art{border-radius:var(--r-sm);background:var(--panel-3);width:64px;height:64px;box-shadow:0 0 0 1px var(--border);place-items:center;display:grid;position:relative;overflow:hidden}.grid-item--path .grid-art{width:56px;height:56px}.grid-item--path .path-icon{width:40px;height:40px}.grid-thumb{width:100%;height:100%;display:block}.grid-thumb.is-import{opacity:0}.grid-import{color:var(--text-3);place-items:center;display:grid;position:absolute;inset:0}.grid-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:560;overflow:hidden}.picker-footer{border-top:1px solid var(--divider);min-height:46px;font-size:var(--fs-sm);color:var(--text-2);margin-top:10px;padding-top:10px;line-height:1.4}.dock-rail{border-right:1px solid var(--divider);background:color-mix(in srgb, var(--panel-2) 60%, transparent);flex-direction:column;gap:4px;padding:8px 6px;display:flex}.dock-tab{border-radius:var(--r);min-height:44px;max-height:58px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;transition:background var(--dur-fast), color var(--dur-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:750;display:flex;position:relative}.dock-tab .icon{width:19px;height:19px}.dock-tab:hover{color:var(--text);background:var(--panel-hover)}.dock-tab[aria-selected=true]{color:var(--text);background:var(--panel-active);box-shadow:var(--shadow-1), var(--inset-hi)}.dock-tab[aria-selected=true]:before{content:"";background:var(--part);width:3px;box-shadow:0 0 8px var(--part-glow);border-radius:0 3px 3px 0;position:absolute;top:12px;bottom:12px;left:-6px}@media (max-height:860px) and (min-width:900px){.dock-rail{gap:2px;padding:4px 6px}.dock-tab{gap:1px;min-height:36px;max-height:46px}.dock-tab .icon{width:16px;height:16px}}.dock-body{min-width:0;min-height:0;position:relative;overflow:hidden;container:dock/inline-size}.dock-body:after{content:"";background:linear-gradient(to bottom, transparent, var(--panel-solid));border-radius:0 0 var(--r-xl) 0;opacity:0;height:26px;transition:opacity var(--dur);pointer-events:none;position:absolute;bottom:0;left:0;right:10px}.dock-body.has-more:after{opacity:1}.dock-panel{height:100%;overflow:auto}.dock-pane{min-height:100%}.dock-pane--sound{grid-template-columns:minmax(290px,1.3fr) minmax(212px,1fr) minmax(204px,1fr) minmax(204px,1fr);gap:8px;padding:10px;display:grid}.dock-pane--sound .knob--sm{width:46px}.dock-pane--sound .knob--md{width:58px}.dock-pane--sound .knob--lg{width:76px}.dock-pane--sound .knob-grid{grid-template-columns:repeat(5,auto);justify-content:space-between}.dock-pane--sound .knob-grid--6{grid-template-columns:repeat(6,auto)}.dock-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--inset-hi);padding:10px 10px 8px}.dock-card .section-head{margin-bottom:6px;padding:0 2px}.dock-card{flex-direction:column;display:flex}.dock-card .knob-grid{flex:1;align-content:space-evenly;gap:4px 0}.dock-card .filter-grid{flex:1;align-content:center}.filter-grid{grid-template-columns:auto auto auto;justify-content:space-between;place-items:center;gap:2px 0;margin-top:2px;display:grid}.select--filter{width:92px}.knob.is-dimmed{opacity:.45}.knob.is-dimmed:hover,.knob.is-dimmed:focus-within{opacity:.8}.seg--filter{width:100%}.seg--filter .seg-btn{flex:1;min-width:0;padding:0 4px}.env-wrap{padding:0 2px}.env-graph{aspect-ratio:220/74;border-radius:var(--r);background:color-mix(in srgb, var(--panel-solid) 60%, transparent);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--border);display:block}.env-base{stroke:var(--scope-grid);stroke-width:1px;fill:none}.env-guides path{stroke:var(--scope-grid);stroke-width:1px;stroke-dasharray:2 3;fill:none}.env-line{fill:none;stroke:var(--part);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:var(--knob-fill-glow)}.env-area{stroke:none}.env-stop-a{stop-color:var(--part);stop-opacity:.28}.env-stop-b{stop-color:var(--part);stop-opacity:0}.env-bead{fill:var(--knob-live);stroke:var(--part);stroke-width:2px;opacity:0;transition:opacity var(--dur)}.env-graph.is-playing .env-bead{opacity:1}.knob-row--env{justify-content:space-between;margin-top:6px}@container dock (width<=1000px) and (width>=900px){.dock-pane--sound{grid-template-columns:minmax(272px,1.3fr) minmax(200px,1fr) minmax(196px,1fr) minmax(196px,1fr);gap:6px;padding:8px}.dock-pane--sound .knob--sm{width:44px}.dock-pane--sound .knob--md{width:54px}.dock-pane--sound .knob--lg{width:70px}.dock-pane--sound .knob-label,.dock-pane--sound .knob-value{font-size:10.5px}.dock-pane--sound .dock-card .section-head .section-aside{display:none}}@container dock (width<=899px){.dock-pane--sound{grid-template-columns:repeat(2,minmax(0,1fr))}}@container dock (width>=1800px){.dock-pane--sound{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr))}.smart-body{grid-template-columns:minmax(0,720px) minmax(0,860px)}.dock-pane--seq .seq-grid{grid-template-columns:42px repeat(16,minmax(26px,96px))}.dock-body .dock-pane--mix{grid-template-columns:minmax(0,max-content) auto;justify-content:start}.dock-body .strip{flex-basis:180px}}.dock-pane--mod{flex-direction:column;gap:6px;padding:8px 12px;display:flex}.mod-view{flex-direction:column;gap:6px;min-height:0;display:flex}.mod-switch{align-items:center;gap:14px;display:flex}.mod-top{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.mod-top-text{flex:none;align-items:baseline;gap:10px;display:flex}.mod-count{font-size:var(--fs-xs);color:var(--text-3)}.mod-top-hint{min-width:0;font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mod-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.mod-col{flex-direction:column;min-width:0;display:flex}.mod-row{border-radius:var(--r-sm);grid-template-columns:minmax(70px,1.1fr) minmax(40px,.7fr) 22px 78px minmax(62px,1fr) minmax(62px,1fr) 22px 22px;align-items:center;gap:5px;height:22px;padding:0 4px;display:grid}.mod-row:not(.mod-row--head):hover{background:var(--panel-2)}.mod-row--head{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);height:18px;font-size:9px;font-weight:700}.mod-row--head>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-row>span{align-items:center;min-width:0;display:flex}.mod-name{border-radius:var(--r-xs);width:100%;min-width:0;height:22px;color:var(--text-2);font-size:var(--fs-sm);text-align:left;align-items:center;gap:6px;padding:0 4px;font-weight:560;display:flex}.mod-name:hover{color:var(--text);background:var(--panel-hover)}.mod-name-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-group{display:none}.mod-dot{background:var(--led-off);border-radius:50%;flex:none;width:6px;height:6px}.mod-row.is-active .mod-dot{background:var(--part);box-shadow:0 0 6px var(--part-glow)}.mod-row.is-active .mod-name{color:var(--text)}.mod-row:not(.is-active) .mod-depth,.mod-row:not(.is-active) .mod-rate,.mod-row:not(.is-active) .mod-shape{opacity:.62}.livebar{background:var(--knob-track);border-radius:8px;width:100%;height:8px;display:block;position:relative}.livebar-range{background:var(--part-soft);box-shadow:inset 0 0 0 1px var(--part-line);border-radius:8px;position:absolute;top:0;bottom:0}.mod-row:not(.is-active) .livebar-range{display:none}.livebar-base{background:var(--text-2);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.livebar-dot{background:var(--part);width:8px;height:8px;box-shadow:0 0 6px var(--part-glow);opacity:0;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%}.mod-shape{color:var(--text-2)}.mod-shape .icon{width:16px;height:16px}.mod-rate{align-items:center;gap:3px;display:flex}.mod-rate .select{flex:1;min-width:0}.mod-depth{gap:6px}.mod-depth .mslider{min-width:34px;height:18px}.mod-depth .mslider-track{height:4px}.mod-depth .mslider-thumb{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.mod-val{font-family:var(--font-mono);color:var(--text-3);text-align:right;flex:none;width:34px;font-size:10px}.mod-row.is-active .mod-val{color:var(--text-2)}.mod-clear{color:var(--text-dim);opacity:0;transition:opacity var(--dur-fast)}.mod-row:hover .mod-clear,.mod-clear:focus-visible{opacity:1}@container dock (width<=879px){.mod-table{grid-template-columns:minmax(0,1fr)}.mod-col:last-child .mod-row--head,.mod-top-hint{display:none}}.links-pane{grid-template-columns:196px minmax(0,1fr);gap:12px;min-height:0;display:grid}.links-science{grid-column:1/-1}.sci-groups{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:6px;display:grid}.sci-group{min-width:0}.sci-title{font-size:var(--fs-xs);margin:0 0 2px;font-weight:600}.sci-controls{flex-wrap:wrap;align-items:flex-end;gap:2px 4px;display:flex}.sci-controls .knob--sm{width:64px}.sci-select{font-size:var(--fs-2xs);color:var(--text-dim);flex-direction:column;gap:2px;min-width:0;max-width:100%;display:flex}.links-macros,.links-list,.links-science{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--inset-hi);min-width:0;padding:8px 10px}.links-macros .section-head,.links-list .section-head{margin-bottom:4px}.knob-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.links-note{font-size:var(--fs-xs);color:var(--text-3);margin-top:4px;line-height:1.4}.links-row{grid-template-columns:minmax(96px,1.2fr) minmax(76px,1fr) 74px minmax(110px,1.3fr) 16px minmax(96px,1.2fr) 22px;align-items:center;gap:8px;height:24px;display:grid}.links-row--head{letter-spacing:.09em;text-transform:uppercase;height:16px;color:var(--text-3);font-size:9px;font-weight:700}.links-rows{flex-direction:column;gap:2px;display:flex}.links-arrow{color:var(--text-3);place-items:center;display:grid}.links-arrow .icon{width:14px;height:14px}.links-row .select{width:100%}.links-row .mod-depth{align-items:center;gap:6px;min-width:0;display:flex}.links-row .mod-depth .mslider{flex:1}.links-empty{color:var(--text-3);font-size:var(--fs-sm);padding:14px 4px}.modpop-steps{flex-direction:column;gap:5px;display:flex}.steps-edit{border-radius:var(--r);background:color-mix(in srgb, var(--panel-solid) 55%, transparent);height:56px;box-shadow:inset 0 0 0 1px var(--border);touch-action:none;cursor:crosshair;grid-template-columns:repeat(16,1fr);gap:2px;padding:2px;display:grid;position:relative}.steps-edit:after{content:"";background:var(--scope-grid);pointer-events:none;height:1px;position:absolute;top:50%;left:2px;right:2px}.steps-bar{border-radius:2px;position:relative}.steps-bar:focus-visible{outline-offset:0}.steps-fill{background:var(--part);border-radius:2px;position:absolute;left:1px;right:1px}.popover--mod{width:360px}.modpop{flex-direction:column;gap:10px;display:flex}.modpop-head{justify-content:space-between;align-items:center;display:flex}.modpop-kicker{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:700}.modpop-title{font-size:var(--fs-lg);font-weight:650}.modpop-preview-wrap{position:relative}.modpop-preview{border-radius:var(--r);background:color-mix(in srgb, var(--panel-solid) 55%, transparent);width:100%;height:66px;box-shadow:inset 0 0 0 1px var(--border);display:block}.modpop-readout{font-size:10px;font-family:var(--font-mono);color:var(--text-3);position:absolute;bottom:6px;right:8px}.modpop-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.modpop-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modpop-col{border-radius:var(--r);background:color-mix(in srgb, var(--panel-2) 70%, transparent);border:1px solid var(--border);flex-direction:column;gap:6px;padding:8px;display:flex}.modpop-rate{align-items:flex-start;gap:8px;min-height:66px;display:flex}.modpop-div{flex-direction:column;flex:1;gap:5px;padding-top:6px;display:none}.modpop-rate.is-synced .knob{display:none}.modpop-rate.is-synced .modpop-div{display:flex}.modpop-toggles{gap:6px;display:flex}.modpop-knobs{justify-content:space-around;display:flex}.modpop-foot{justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.modpop-hint{font-size:var(--fs-xs);color:var(--text-3);line-height:1.35}.dock-pane--seq{grid-template-columns:200px minmax(0,1fr);gap:12px;padding:10px 12px;display:grid}.seq-side{flex-direction:column;gap:10px;min-width:0;display:flex}.seq-block{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--inset-hi);flex-direction:column;gap:8px;padding:9px 10px;display:flex}.seq-block .section-head{min-height:16px;margin:0}.seq-line{align-items:center;gap:6px;display:flex}.seq-line>.select{flex:1;min-width:0}.seq-patterns .icon-btn:disabled{opacity:.4}.seq-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field-col{flex-direction:column;gap:4px;min-width:0;display:flex}.field-col .stepper{justify-content:space-between;width:100%}.field-row{align-items:center;gap:7px;min-width:0;display:flex}.seq-tools{border-top:1px solid var(--divider);justify-content:space-between;gap:2px;padding-top:6px;display:flex}.toggle--seq{flex:none}.toggle--seq.is-on{background:var(--part);color:var(--part-contrast);box-shadow:0 0 12px var(--part-glow);border-color:#0000}.seq-main{flex-direction:column;gap:7px;min-width:0;display:flex}.seq-global,.seq-arp{flex-wrap:nowrap;align-items:center;gap:14px;min-width:0;min-height:28px;display:flex}.seq-global>*,.seq-arp>*{flex:none}.field-row--swing .mslider,.field-row--gate .mslider{flex:none;width:84px}.seq-global-note{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-left:auto;font-weight:700}.seq-arp{border-top:1px solid var(--divider);padding-top:7px}.seq-arp .section-title{width:34px}.seq-arp .select{width:104px}.seq-arp .select+.select{width:74px}.seq-status{font-size:var(--fs-xs);color:var(--text-3)}.seq-status:empty{display:none}.seq-grid{grid-template-columns:42px repeat(16,minmax(26px,1fr));gap:0 3px;min-height:0;display:grid}.seq-labels,.seq-col{grid-template-rows:12px 22px 17px 12px 15px 8px 8px 12px 10px 10px 13px 14px;gap:2px;min-width:0;display:grid}.seq-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;align-items:center;font-size:8.5px;font-weight:700;line-height:1;display:flex}.seq-num{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:9.5px;line-height:12px}.seq-col.is-beat .seq-num{color:var(--text-2)}.seq-col{border-radius:var(--r-sm);position:relative}.seq-col:before{content:"";border-radius:var(--r-sm);background:var(--part-soft);opacity:0;pointer-events:none;transition:opacity 60ms;position:absolute;inset:-2px -1px}.seq-col.is-play:before{opacity:1}.seq-col.is-play .seq-num{color:var(--part-ink);font-weight:700}.seq-col.is-out{opacity:.32}.seq-pad{border-radius:var(--r-sm);background:var(--panel-3);border:1px solid var(--border);box-shadow:var(--inset-hi);transition:background var(--dur-fast), box-shadow var(--dur-fast), border-color var(--dur-fast);touch-action:none}.seq-col.is-beat .seq-pad{background:var(--panel-hover)}.seq-pad:hover{border-color:var(--border-strong)}.seq-pad[aria-pressed=true]{background:var(--part);box-shadow:0 0 10px var(--part-glow), inset 0 1px 0 #ffffff40;border-color:#0000}.seq-pad.is-accent[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel-solid), 0 0 0 3px var(--part), 0 0 14px var(--part-glow)}.seq-col.is-play .seq-pad[aria-pressed=true]{filter:brightness(1.25)}.seq-note,.seq-oct{border-radius:var(--r-xs);font-family:var(--font-mono);color:var(--text-3);background:var(--panel-2);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;font-size:10.5px;display:grid}.seq-col.is-on .seq-note{color:var(--text);background:var(--panel-3)}.seq-note.is-active{color:var(--part-ink);box-shadow:inset 0 0 0 1px var(--part-line)}.seq-oct{color:var(--text-3);background:0 0;font-size:9.5px}.seq-oct.is-zero{color:var(--text-dim)}.seq-oct.is-dim{opacity:.35}.seq-bar{background:var(--knob-track);cursor:ns-resize;touch-action:none;border-radius:3px;display:block;position:relative;overflow:hidden}.seq-bar-fill{background:var(--part);opacity:.28;transform-origin:bottom;position:absolute;inset:0}.seq-col.is-on .seq-bar-fill{opacity:.75}.seq-bar--gate{cursor:ew-resize}.seq-bar--gate .seq-bar-fill{transform-origin:0}.seq-bar--prob{cursor:ew-resize;box-shadow:inset 0 0 0 1px var(--border);background:0 0}.seq-bar--prob .seq-bar-fill{transform-origin:0}.seq-rat{cursor:ns-resize}.seq-flag{background:var(--panel-3);border:1px solid var(--border);border-radius:3px;width:100%;height:100%;display:block}.seq-flag:hover{border-color:var(--border-strong)}.seq-flag[aria-pressed=true]{background:var(--part);border-color:var(--part)}.seq-flag--slide[aria-pressed=true]{border-color:var(--part);box-shadow:inset 0 0 0 1.5px var(--part);background:0 0}.dock-pane--seq.no-music .toggle--seq{opacity:.5}.seq-lock{border:1px dashed var(--border-2);background:0 0;border-radius:3px;width:100%;height:100%;display:block;position:relative}.seq-lock:hover{border-color:var(--border-strong)}.seq-lock-dot{background:var(--part);opacity:0;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute}.seq-lock[aria-pressed=true]{border-style:solid;border-color:var(--part-line);background:var(--part-soft)}.seq-lock[aria-pressed=true] .seq-lock-dot{opacity:1;box-shadow:0 0 4px var(--part-glow)}.seq-dotline{align-items:flex-end}.field-col--grow{flex:1}.field-col .mslider{width:100%}.toggle--rec .icon{color:var(--rec);width:12px;height:12px}.toggle--rec.is-on{background:color-mix(in srgb, var(--rec) 16%, transparent);border-color:color-mix(in srgb, var(--rec) 55%, transparent);color:var(--text)}@container dock (width<=899px){.dock-pane--seq{grid-template-columns:minmax(0,1fr);gap:8px}.seq-side{flex-direction:row}.seq-block{flex-flow:wrap;flex:1;align-items:flex-end;gap:6px 10px;padding:6px 10px}.seq-block .section-head{display:none}.seq-block .seq-tools{border-top:0;margin-left:auto;padding-top:0}.seq-block .seq-pair{gap:10px}.seq-dotline .field-col--grow{flex:none;width:72px}.seq-global,.seq-arp{flex-wrap:wrap;gap:10px}.seq-global-note{display:none}}@container dock (width<=1000px) and (width>=900px){.dock-pane--seq{grid-template-columns:184px minmax(0,1fr);gap:10px}.seq-global,.seq-arp{gap:10px}.seq-global-note{display:none}}@media (max-height:860px) and (min-width:900px){.dock-pane--seq{padding-top:8px;padding-bottom:8px}.seq-main{gap:5px}.seq-labels,.seq-col{grid-template-rows:12px 20px 16px 12px 15px 7px 7px 11px 9px 9px 13px 12px;gap:1px}.seq-arp{padding-top:5px}.seq-block{gap:6px;padding-top:7px;padding-bottom:7px}}.dock-pane--mix{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:100%;padding:10px 12px 12px;display:grid}.mix-strips{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;min-width:0;display:flex;overflow-x:auto}.strip{scroll-snap-align:start;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;max-width:220px;box-shadow:var(--inset-hi);transition:border-color var(--dur), box-shadow var(--dur);flex:1 0 118px;grid-template-rows:auto 1fr auto auto;gap:6px;padding:8px;display:grid}.strip.is-selected{border-color:var(--part-line);box-shadow:var(--inset-hi), 0 0 0 1px var(--part-line)}.strip-add{border:1px dashed var(--border);border-radius:var(--r-lg);min-height:44px;color:var(--text-2);font-size:var(--fs-xs);text-align:center;transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);flex-direction:column;flex:0 0 64px;justify-content:center;align-items:center;gap:6px;font-weight:650;display:flex}.strip-add:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--panel-hover)}.strip-add:disabled{opacity:.45}.strip-add-icon{background:var(--panel-3);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.strip.is-muted .strip-body{opacity:.5}.strip-head{align-items:center;gap:8px;min-width:0;display:flex}.strip-swatch{background:var(--part);width:14px;height:14px;box-shadow:0 0 0 2px var(--panel-2), 0 0 0 3px var(--part-line);border-radius:50%;flex:none}.strip-titles{flex-direction:column;min-width:0;line-height:1.2;display:flex}.strip-name{font-size:var(--fs-sm);color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--r-xs);font-weight:650;overflow:hidden}.strip-name:hover{color:var(--part-ink)}.strip-patch{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.strip-body{grid-template-columns:auto 1fr;align-items:stretch;gap:4px;min-height:0;display:grid}.strip-fader{flex-direction:column;align-items:center;gap:2px;min-height:0;display:flex}.fader-wrap{flex:1;align-items:stretch;gap:4px;min-height:0;display:flex}.fader-value,.strip-caption .fader-value{font-family:var(--font-mono);color:var(--text-3);font-size:10px}.strip-knobs{flex-direction:column;justify-content:space-between;align-items:center;gap:0;display:flex}.strip-knobs .knob--sm{--knob-size:28px;width:56px}.strip-knobs .knob-caption{height:14px}.strip-knobs .knob-label,.strip-knobs .knob-value{font-size:10px;line-height:14px}.strip-foot{gap:4px;display:flex}.strip-foot .toggle{height:22px;font-size:var(--fs-xs);flex:1;font-weight:750}.toggle--mute.is-on{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, transparent)}.toggle--solo.is-on{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, transparent)}.strip:not(.has-pedal) .is-pedal-ctl{display:none}.strip.has-pedal .strip-knobs .knob--sm{--knob-size:24px}.strip.has-pedal .strip-foot .toggle{min-width:0;padding:0 2px}.toggle--pedal.is-on{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.toggle--insert.is-on{background:var(--part-soft);color:var(--part-ink);border-color:var(--part-line)}.strip.is-insert .strip-fader{opacity:.6}.meter{gap:2px;padding:6px 0;display:flex}.meter-ch{background:var(--knob-track);border-radius:3px;width:5px;height:100%;position:relative;overflow:hidden}.meter-fill{transform-origin:bottom;background:linear-gradient(to top, var(--success) 0%, var(--success) 62%, var(--warn) 84%, var(--error) 100%);background-size:100% 100%;position:absolute;inset:0;transform:scaleY(0)}.meter--mono .meter-fill{background:var(--part);opacity:.9}.meter-peak{background:var(--text-2);opacity:.7;height:2px;position:absolute;bottom:0;left:0;right:0}.meter.is-hot .meter-ch{box-shadow:0 0 0 1px var(--error)}.mix-master{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--inset-hi);flex-direction:column;padding:8px 10px;display:flex}.mix-master .section-head{margin-bottom:4px}.master-body{flex:1;gap:10px;min-height:0;display:flex}.master-fx{grid-template-rows:auto auto;grid-template-columns:auto auto;align-content:start;gap:6px 10px;display:grid}.master-fx .fx-card:first-child{grid-column:span 2}.fx-card{flex-direction:column;gap:4px;min-width:0;display:flex}.fx-title{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;height:24px;font-weight:700;display:flex}.fx-title .select{width:82px}.master-out{border-left:1px solid var(--divider);flex-direction:column;align-items:center;gap:4px;min-height:0;padding-left:10px;display:flex}.strip-caption{flex-direction:column;align-items:center;gap:1px;display:flex}.master-limit{flex-direction:column;justify-content:flex-end;padding-left:4px;display:flex}@container dock (width<=1060px) and (width>=900px){.dock-pane--mix{gap:8px;padding:8px 8px 10px}.mix-strips{gap:6px}.strip{flex-basis:100px;padding:7px 6px}.strip-knobs .knob--sm{width:48px}.mix-master{padding:8px}.master-fx{gap:6px}.mix-master .knob--sm{width:52px}.mix-master .knob-label,.mix-master .knob-value{font-size:10.5px}.master-limit .knob--sm{width:60px}.fx-title .select{width:72px}}@container dock (width<=899px){.dock-pane--mix{grid-template-columns:minmax(0,1fr)}.mix-strips{min-height:210px}}.piano{gap:10px;height:84px;padding:8px 40px 8px 10px;display:flex;position:relative}.pk-side{flex:none;gap:8px;display:flex}.pk-controls{flex-direction:column;justify-content:space-between;gap:6px;width:128px;display:flex}.pk-octave{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);justify-content:space-between;align-items:center;display:flex}.pk-range{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2)}.pk-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.pk-vel{font-family:var(--font-mono);color:var(--text-3);font-size:10.5px}.pk-meta .toggle{height:26px;padding:0 8px}.pk-strips{gap:6px;display:flex}.pk-strip{background:var(--panel-2);border:1px solid var(--border);cursor:ns-resize;touch-action:none;border-radius:6px;width:20px;height:100%;position:relative}.pk-strip-track{background:var(--knob-track);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:6px;bottom:6px;left:50%}.pk-strip.is-bend .pk-strip-track:after{content:"";background:var(--border-strong);height:1px;position:absolute;top:50%;left:-4px;right:-4px}.pk-strip-thumb{background:var(--part);height:10px;box-shadow:0 0 8px var(--part-glow);border-radius:3px;position:absolute;left:2px;right:2px}.pk-strip.is-disabled{opacity:.4;cursor:not-allowed}.pk-keys{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0;height:100%;position:relative}.pk{cursor:pointer;position:absolute;top:0}.pk--white{background:linear-gradient(var(--key-white-2), var(--key-white-1) 80%);box-shadow:inset -1px 0 0 var(--key-white-edge), inset 0 -3px 0 #0000001f;z-index:1;border-radius:0 0 5px 5px;bottom:0}.pk--black{background:linear-gradient(var(--key-black-2), var(--key-black-1));z-index:2;border-radius:0 0 4px 4px;height:60%;box-shadow:0 2px 4px #00000059,inset 0 -2px #ffffff0f}.pk-name{text-align:center;color:var(--key-label);pointer-events:none;font-size:9px;font-weight:650;position:absolute;bottom:4px;left:0;right:0}.pk-q{text-align:center;font-size:9px;font-family:var(--font-mono);color:var(--key-label);opacity:.75;pointer-events:none;position:absolute;bottom:16px;left:0;right:0}.pk--black .pk-q{color:#a7b0c4;opacity:.7;bottom:4px}.pk.is-pressed.pk--white{background:linear-gradient(var(--key-white-2), color-mix(in srgb, var(--key-white-1) 80%, var(--part)))}.pk.is-down.pk--white{background:linear-gradient(color-mix(in srgb, var(--key-white-2) 40%, var(--part)), var(--part));box-shadow:inset -1px 0 0 var(--key-white-edge), 0 0 18px var(--part-glow)}.pk.is-down.pk--black{background:linear-gradient(color-mix(in srgb, var(--part) 70%, #000), var(--part));box-shadow:0 0 14px var(--part-glow)}.pk.is-down .pk-name,.pk.is-down .pk-q{color:var(--part-contrast);opacity:.8}.piano.is-disabled .pk-keys{opacity:.55;cursor:not-allowed}.pk-collapse{position:absolute;top:6px;right:6px}.pk-bar{width:100%;height:32px;color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:10px;padding:0 14px;font-weight:600;display:none}.pk-bar:hover{color:var(--text);background:var(--panel-hover)}.pk-bar-hint{font-size:var(--fs-xs);color:var(--text-3);margin-left:auto;font-weight:500}.app.keys-closed .piano{display:none}.app.keys-closed .pk-bar{display:flex}@media (max-height:860px) and (min-width:900px){.piano{height:72px;padding-top:6px;padding-bottom:6px}.pk-controls{width:118px}}@media (max-width:899px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand transport utils""parts parts parts""patch patch patch";gap:6px;padding:6px 0 0;display:grid}.brand{grid-area:brand}.brand-word{display:none}.utils{grid-area:utils;justify-self:end;gap:0}.utils .icon-btn{width:40px;height:40px}.bounce-btn,.tempo .dragnum-suffix{display:none}.transport{grid-area:transport;justify-self:center;gap:2px;height:48px}.transport-btn{min-width:40px;height:40px}.tempo{height:40px}.part-tabs{grid-area:parts}.part-tabs-scroll{flex:auto}.part-tab{flex:1 0 64px;gap:6px;width:auto;min-width:64px;height:44px;padding:0 8px}.part-tab-btn{width:44px;height:44px}.part-patch{display:none}.patch-browser{flex:none;grid-area:patch}.patch-main{height:44px}.patch-tools .icon-btn{width:40px;height:40px}.topbar-spacer,.rec-time{display:none}.vp-toolbar{padding:3px;top:8px}.vp-toolbar--left{left:8px}.vp-toolbar--right{right:8px}.vp-toolbar--left .seg--style,.vp-toolbar--left .vp-sep,.vp-palette,.vp-label,.seg--dot .seg-text{display:none}.vp-bottom{bottom:8px;left:8px;right:8px}.scope-cell{width:112px;height:48px}.scope-cell--harm,.vp-hint,.vp-coords{display:none}.start-overlay{padding:10px}.start-card{padding:18px 18px 16px}.start-mark{display:none}.start-title{font-size:18px}.start-desc{font-size:var(--fs);margin:6px 0 14px}.start-tips{display:none}.seg-btn,.seg--sm .seg-btn{min-width:40px;height:40px}.toggle,.toggle--sm,.select-native,.select--sm .select-native,.stepper{height:40px}.stepper-btn{width:40px}.vp-toolbar .seg--sm .seg-btn{min-width:36px;height:36px}.mtab{border-radius:var(--r);min-width:54px;height:44px;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:2px;font-size:9.5px;font-weight:750;display:flex}.mtab .icon{width:18px;height:18px}.mtab[aria-selected=true]{color:var(--text);background:var(--panel-active);box-shadow:var(--shadow-1)}.dock-rail{display:none}.dock-body{overflow:visible}.dock-panel{height:auto;overflow:visible}.dock-pane--sound{grid-template-columns:minmax(0,1fr);padding:8px}.dock-pane--seq{padding:8px}.seq-grid{grid-template-columns:34px repeat(16,minmax(36px,1fr));padding-bottom:4px;overflow-x:auto}.seq-main{overflow-x:auto}.seq-labels,.seq-col{grid-template-rows:12px 40px 28px 22px 28px 14px 14px 22px 22px 22px 26px 26px;gap:3px}.dock-pane--mix{padding:8px}.mix-strips{padding-bottom:4px}.strip{flex:0 0 calc(50% - 4px);min-height:220px}.strip-add{flex:0 0 72px}.master-body{flex-direction:column}.master-out{border-left:0;flex-direction:row;height:140px;padding-left:0}.mod-row{grid-template-columns:minmax(60px,1.2fr) 32px 108px minmax(40px,1fr) minmax(40px,1fr) 32px;gap:6px;height:42px}.mod-row>span:nth-child(2),.mod-row>span:nth-child(8),.mod-val{display:none}.mod-row--head{height:20px}.mod-depth .mslider{height:32px}.mod-shape{width:32px;height:32px}.mappanel .panel-scroll{overflow:auto}.map-collapse{display:none}.keys{flex-direction:column}.piano{grid-template:"controls controls""strips keys"minmax(0,1fr)/auto minmax(0,1fr);gap:8px;height:100%;min-height:240px;padding:10px;display:grid}.pk-side{display:contents}.pk-controls{flex-direction:row;grid-area:controls;justify-content:space-between;align-items:center;width:auto}.pk-octave{width:150px}.pk-meta{gap:12px}.pk-strips{grid-area:strips;height:100%}.pk-strip{width:34px;height:100%}.pk-keys{grid-area:keys}.pk-collapse{display:none}.terrain-art{max-width:140px}.app.keys-closed .piano{display:flex}.app.keys-closed .pk-bar{display:none}}.preview-btn.is-on{color:var(--part-ink);background:var(--part-soft);box-shadow:inset 0 0 0 1px var(--part-line)}.patch-browser.is-disabled{opacity:1}.patch-browser.is-disabled .patch-main,.patch-browser.is-disabled .patch-tools>:not(.preview-btn){opacity:.55}.popover--macros{width:312px}.macro-pop .popover-note{max-width:none;margin:0 0 12px}.macro-knobs{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:6px 2px;display:grid}.macro-cell{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.macro-use{font-size:var(--fs-2xs);color:var(--part-ink);white-space:nowrap}.macro-use.is-idle{color:var(--text-3)}.macro-actions{justify-content:flex-end;margin-top:12px;display:flex}.links-macros .macro-knobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;margin-top:2px}.links-macros .macro-knobs .knob--sm{width:72px}.links-macros .macro-use{font-size:var(--fs-2xs);margin-top:-2px}@media (max-height:860px) and (min-width:900px){.links-macros .links-note{display:none}}.palette-picker{flex-direction:column;gap:8px;width:100%;display:flex}.palette-list{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.palette-swatch{border-radius:var(--r);background:var(--panel-2);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs);text-align:left;transition:border-color var(--dur-fast), background var(--dur-fast);flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 7px;font-weight:600;display:flex}.palette-swatch:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.palette-swatch.is-on{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.palette-swatch:disabled{opacity:.45}.palette-ramp{border-radius:5px;height:20px;display:block;box-shadow:inset 0 0 0 1px #0000002e}.palette-ramp.is-plain{background:repeating-linear-gradient(45deg, var(--panel-3), var(--panel-3) 6px, var(--panel-hover) 6px, var(--panel-hover) 12px)}.palette-name{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;overflow:hidden}.palette-note{font-size:var(--fs-xs);color:var(--text-3);line-height:1.4}.popover--palette{width:292px}.palette-picker--pop .palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-palette{color:var(--text-2)}.popover--bounce{width:320px}.bounce-field{flex-direction:column;gap:5px;min-width:0;display:flex}.bounce-grid{margin:12px 0 10px}.bounce-pop>.bounce-field{margin-bottom:10px}.seg--grow{width:100%;display:flex}.seg--grow .seg-btn{flex:1}.bounce-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.bounce-row-text{font-weight:600;font-size:var(--fs-sm);flex-direction:column;display:flex}.bounce-row-text .setting-hint{font-weight:400;font-size:var(--fs-xs);margin:0}.bounce-length{font-size:var(--fs-xs);color:var(--text-3);margin:0 0 8px}.status-warn{color:var(--warn);font-size:var(--fs-sm);align-items:flex-start;gap:6px;margin-top:6px;line-height:1.45;display:flex}.status-warn .icon{width:16px;height:16px;margin-top:1px}.topbar{-webkit-app-region:drag;app-region:drag;padding-left:max(6px, calc(env(titlebar-area-x,0px) - var(--gutter)));min-height:env(titlebar-area-height,0px)}.topbar :is(button,input,select,a,[role=radio],[role=slider],[tabindex]),.topbar :is(.part-tabs,.patch-browser,.transport,.utils,.dragnum),.app[inert] .topbar,.layer-host>*,.modal-backdrop,.popover,.toast{-webkit-app-region:no-drag;app-region:no-drag}@media (max-width:899px){.macros-btn{display:none}}@media (max-width:479px){.utils .theme-btn{display:none}.utils .icon-btn{width:36px}.transport{padding-left:2px;padding-right:2px}}@media (max-width:899px){.mod-switch{flex-wrap:wrap;row-gap:6px}.mod-switch .mod-top{flex-basis:100%}.mod-row{grid-template-columns:minmax(74px,1.4fr) 32px 92px minmax(40px,1fr) minmax(40px,1fr) 32px}.mod-row--head>span{overflow:visible}.links-pane{grid-template-columns:minmax(0,1fr)}.links-row{border-bottom:1px solid var(--divider);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;grid-template-areas:"src dst del""curve amt amt";row-gap:6px;height:auto;padding:8px 0}.links-row>:first-child{grid-area:src}.links-row>:nth-child(2){grid-area:curve}.links-row>:nth-child(3){grid-area:amt}.links-row>:nth-child(4){display:none}.links-row>:nth-child(5){grid-area:dst}.links-row>:nth-child(6){grid-area:del;width:40px;height:40px}.links-row--head{display:none}.links-row .select--xs .select-native{height:40px;font-size:var(--fs-sm)}.palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse){.links-row .icon-btn--xs,.waypoint .icon-btn--xs{width:44px;height:44px}.links-row .select--xs .select-native,.waypoint .select--xs .select-native{height:44px;font-size:var(--fs-sm)}.links-row{height:auto;min-height:44px}.links-row .mod-depth .mslider{height:44px}.waypoint .select{width:108px}.steps-edit{height:96px}.seq-dotline .mslider{height:44px}}@media (pointer:coarse) and (max-width:899px){.links-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.links-row>:nth-child(6){width:44px;height:44px}}@media (max-width:899px){.strip.has-pedal .strip-foot .toggle{height:44px}.strip.has-pedal .strip-knobs .knob--sm{--knob-size:40px}.strip.has-pedal{min-height:300px}}@media (max-width:600px),(pointer:coarse){.seq-grid{--seq-cell:44px;--seq-gap:4px;--seq-label-w:50px;grid-template-columns:var(--seq-label-w) repeat(16, var(--seq-cell));gap:0 var(--seq-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:calc(var(--seq-label-w) + var(--seq-gap));scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding:4px 4px 10px 0;overflow:auto hidden}.seq-labels,.seq-col{grid-template-rows:20px repeat(11, var(--seq-cell));gap:4px}.seq-col{scroll-snap-align:start}.seq-col:before{inset:-3px -2px}.seq-labels{z-index:2;background:var(--panel-solid);border-right:1px solid var(--divider);margin-top:-4px;margin-bottom:-10px;padding-top:4px;padding-bottom:10px;position:sticky;left:0}.seq-label{font-size:var(--fs-2xs);letter-spacing:.05em;padding-left:2px}.seq-num{font-size:var(--fs-xs);line-height:20px}.seq-note{font-size:12px}.seq-oct{font-size:var(--fs-xs)}.seq-bar{border-radius:var(--r-xs)}.seq-flag,.seq-flag:hover,.seq-flag[aria-pressed=true],.seq-flag--slide[aria-pressed=true]{box-shadow:none;background:0 0;border-color:#0000;position:relative}.seq-flag:before{content:"";background:var(--panel-3);border:1px solid var(--border);border-radius:4px;position:absolute;inset:14px 3px}.seq-flag:hover:before{border-color:var(--border-strong)}.seq-flag[aria-pressed=true]:before{background:var(--part);border-color:var(--part)}.seq-flag--slide[aria-pressed=true]:before{border-color:var(--part);box-shadow:inset 0 0 0 1.5px var(--part);background:0 0}.seq-lock-dot{width:8px;height:8px;margin:-4px 0 0 -4px}.seq-lock{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.popover--mod{width:min(480px,100vw - 16px);max-height:calc(100dvh / var(--ui-zoom,1) - 24px);overflow-y:auto}.modpop-extra{border-top:1px solid var(--border);padding-top:8px}.modpop-extra summary{cursor:pointer;font-size:var(--fs-sm);padding:4px 0 10px;font-weight:600}.modpop-field{flex-direction:column;gap:5px;min-width:0;display:flex}.modpop-controller{grid-template-columns:minmax(100px,1fr) 72px minmax(80px,.65fr);align-items:center;gap:8px;display:grid}.modpop-ownenv{flex-direction:column;gap:10px;display:flex}.sound-selects{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sound-field{flex-direction:column;gap:4px;display:flex}.knob-row--env{flex-wrap:wrap}.vector-body{align-items:center;gap:24px;display:flex}.vector-pad{touch-action:none;border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(135deg, color-mix(in srgb, var(--part) 18%, var(--panel-solid)), var(--panel-2));width:min(250px,68vw);height:160px;position:relative}.vector-pad:focus-visible{outline:2px solid var(--part);outline-offset:3px}.vector-dot{background:var(--part);border:2px solid var(--text);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.vector-corner{font-size:var(--fs-xs);pointer-events:none;padding:6px;position:absolute}.vector-corner--0{top:0;left:0}.vector-corner--1{top:0;right:0}.vector-corner--2{bottom:0;left:0}.vector-corner--3{bottom:0;right:0}.patch-metadata{gap:8px;display:grid}.patch-metadata label{gap:4px;display:grid}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:grid}.favorite-slot{align-items:center;gap:5px;min-width:0;display:flex}.favorite-slot select{width:100%;min-width:0}@media (max-width:500px){.favorite-grid{grid-template-columns:1fr}.modpop-controller{grid-template-columns:minmax(90px,1fr) 64px minmax(65px,.6fr)}}@container stage (width<=430px){.vp-toolbar--left .seg--camera .seg-btn:nth-child(n+3){display:none}}@container stage (width<=360px){.vp-toolbar--left .seg--camera{display:none}}.terrain-source-btns{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.formula-pop{flex-direction:column;gap:8px;width:min(360px,86vw);display:flex}.formula-field{font-family:var(--mono,monospace);font-size:var(--fs-sm,13px);resize:vertical;width:100%;min-height:56px}.formula-examples{flex-wrap:wrap;gap:4px;display:flex}.formula-both{font-size:var(--fs-xs);color:var(--text-dim);align-items:flex-start;gap:6px;display:flex}.links-function{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--inset-hi);grid-column:1/-1;min-width:0;padding:8px 10px}.func-body{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.func-canvas{border:1px solid var(--border);border-radius:var(--r-md,6px);background:var(--panel);cursor:crosshair;touch-action:none;max-width:100%}.func-controls{flex-direction:column;gap:6px;min-width:0;display:flex}.func-sync{align-items:center;gap:6px;display:flex}.history-pop{flex-direction:column;gap:6px;min-width:220px;display:flex}.history-list{flex-direction:column;max-height:320px;display:flex;overflow:auto}.history-item{text-align:left;border-radius:var(--r-sm,4px);font-size:var(--fs-sm,12px);padding:5px 8px}.history-item:hover,.history-item:focus-visible{background:var(--panel-2)}.drum-panel{flex-direction:column;gap:8px;margin:6px 0;display:flex}.drum-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drum-bar .popover-note{font-size:var(--fs-xs);color:var(--text-3);margin:0}.drum-grid{flex-direction:column;gap:3px;display:flex;overflow-x:auto}.drum-grid[hidden],.drum-pad[hidden]{display:none}.drum-row{align-items:stretch;gap:3px;display:flex}.drum-name{text-align:left;border-radius:var(--r-xs);background:var(--panel-3);border:1px solid var(--border);height:24px;color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;flex:0 0 92px;padding:0 6px;overflow:hidden}.drum-name.is-sel{border-color:var(--part-line);color:var(--part-ink);background:var(--part-soft)}.drum-cell{border-radius:var(--r-xs);background:var(--panel-3);border:1px solid var(--border);flex:1 0 22px;min-width:22px;height:24px}.drum-cell.is-beat{border-color:var(--border-strong)}.drum-cell.is-on{background:color-mix(in srgb, var(--part-line) calc(35% + var(--v) * 65%), var(--panel-3));border-color:var(--part-line)}.drum-cell:focus-visible,.drum-name:focus-visible{outline:2px solid var(--focus,var(--part-line));outline-offset:1px}@media (pointer:coarse){.drum-cell,.drum-name{height:40px}.drum-cell{min-width:40px}}.seq-grid[hidden]{display:none}.seq-human-label{margin-bottom:-4px}.dock-card--smart{grid-column:1/-1}.smart-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.smart-knobs{grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:4px 2px;display:grid}.smart-cell{border-radius:var(--r);border:1px solid #0000;justify-content:center;width:100%;padding:4px 0 2px;display:flex}.smart-cell.is-current{background:var(--part-soft);border-color:var(--part-line)}.smart-cell.is-empty .knob{opacity:.5}.smart-cell.is-empty.is-current .knob{opacity:.75}.smart-cell.is-learning{box-shadow:0 0 0 2px var(--part-line);animation:1.2s ease-in-out infinite smart-learn}@keyframes smart-learn{50%{box-shadow:0 0 0 4px var(--part-soft)}}:root[data-motion=reduce] .smart-cell.is-learning{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .smart-cell.is-learning{animation:none}}.smart-editor{border-radius:var(--r);background:var(--panel-3);border:1px solid var(--border);flex-direction:column;gap:6px;min-width:0;padding:6px 8px;display:flex}.smart-editor-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.smart-title{font-size:var(--fs-sm);color:var(--part-ink);font-weight:650}.smart-name{width:120px;min-width:0}.smart-learn.is-on{background:var(--part);color:var(--part-contrast);border-color:#0000}.smart-maps{flex-direction:column;gap:4px;display:flex}.smart-map{border-top:1px solid var(--divider);grid-template-columns:92px minmax(0,1fr) auto auto auto;align-items:center;gap:6px;padding:3px 0;display:grid}.smart-map:first-child{border-top:0}.smart-map-name{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.smart-map.is-inverted .smart-map-name:after{content:" (inverted)";color:var(--text-3)}.smart-map-range{grid-template-columns:auto minmax(48px,1fr) 58px;align-items:center;gap:2px 6px;min-width:0;display:grid}.smart-range{width:100%}.smart-val{font-size:var(--fs-2xs);color:var(--text-2);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.smart-empty,.smart-status{font-size:var(--fs-xs);color:var(--text-3);margin:0;line-height:1.4}.smart-status:empty{display:none}.smart-editor .icon-btn:focus-visible,.smart-editor .btn:focus-visible,.smart-name:focus-visible{outline:2px solid var(--focus,var(--part-line));outline-offset:1px}@container dock (width<=1100px){.smart-body{grid-template-columns:minmax(0,1fr)}}@container dock (width<=560px){.smart-knobs{grid-template-columns:repeat(4,minmax(0,1fr))}.smart-map{grid-template-columns:minmax(0,1fr) auto auto auto}.smart-map-range{grid-area:2/1/auto/-1}}@media (pointer:coarse){.smart-editor .icon-btn,.smart-editor .btn,.smart-name,.smart-editor .select-native{min-width:44px;min-height:44px}.smart-range{min-height:44px}}.loop-field--wide{grid-column:1/-1}.loop-tempo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (pointer:coarse){.loop-tempo-row .toggle,.loop-tempo-row .btn{min-height:44px}}.strip-sends{border-top:1px solid var(--divider);justify-content:space-around;gap:2px;padding-top:4px;display:flex}.strip-sends .knob--sm{--knob-size:26px;width:52px}.strip-sends .knob-label,.strip-sends .knob-value{font-size:10px;line-height:14px}.toggle--freeze{place-items:center;padding:0;display:inline-grid;flex:0 0 26px!important}.toggle--freeze svg{width:14px;height:14px}.toggle--freeze.is-on{background:var(--part-soft);color:var(--part-ink);border-color:var(--part-line)}.toggle--freeze.is-busy{color:var(--text-2);border-style:dashed}.strip.is-frozen .strip-patch{color:var(--part-ink)}.mix-sends{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--inset-hi);flex-direction:column;grid-column:1/-1;padding:8px 10px;display:flex}.mix-sends .section-head{margin-bottom:4px}.sends-body{flex-wrap:wrap;align-items:flex-start;gap:8px 18px;display:flex}.fx-card--send .knob-row{flex-wrap:wrap;align-items:flex-end;gap:2px 4px;display:flex}.sends-toggles{letter-spacing:0;text-transform:none;gap:4px;display:inline-flex}.sends-time{flex-direction:column;justify-content:center;align-self:center;align-items:flex-start;gap:2px;display:flex}.sends-time .select{width:82px}.fx-card--freeze{max-width:220px}.fx-card--freeze .field-col{flex-direction:column;gap:2px;display:flex}.fx-card--freeze .select{width:104px}.sends-note{font-size:var(--fs-xs);color:var(--text-2);margin:0;line-height:1.35}.sends-intro{max-width:72ch;margin:0 0 8px}.track-fx-panel{min-width:0;padding:8px 2px}.tfx-head{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px}.tfx-field{align-items:center;gap:6px;display:inline-flex}.tfx-mod{margin:0 0 6px}.tfx-mod[hidden],.tfx-voice[hidden]{display:none}.tfx-voice{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;display:flex}.tfx-voice .tfx-hint{flex:12em;min-height:0;margin:0}.tfx-diagram{font-family:var(--font-mono,monospace);font-size:var(--fs-xs);color:var(--text-2);overflow-wrap:anywhere;line-height:1.6}.tfx-note{font-size:var(--fs-xs);color:var(--text-2);max-width:72ch;margin:4px 0 10px;line-height:1.45}.track-fx-slots{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;display:grid}.tfx-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r);padding:8px 10px}.tfx-card .fx-title .select{width:auto;min-width:0;max-width:70%}.tfx-hint{min-height:2.9em;font-size:var(--fs-xs);color:var(--text-2);margin:4px 0 6px;line-height:1.45}.tfx-knobs{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.seq-chord .chord-readout{min-width:0;font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.seq-chord .toggle.is-on{background:var(--part-soft);color:var(--part-ink);border-color:var(--part-line)}@media (pointer:coarse){.toggle--freeze{min-height:44px;flex-basis:44px!important}.strip-sends .knob--sm{--knob-size:40px;width:64px}.seq-chord .toggle,.sends-toggles .toggle{min-width:44px;min-height:44px}}.drum-gen{flex-wrap:wrap;align-items:flex-start;gap:10px 18px;display:flex}.drum-gen[hidden],.drum-bar .btn[hidden]{display:none}.drum-gen-group{flex-direction:column;gap:4px;min-width:0;display:flex}.drum-gen-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.drum-gen-col{flex-direction:column;gap:6px;min-width:150px;display:flex}.groove-xy{border-radius:var(--r-sm);background:var(--panel-3);border:1px solid var(--border);cursor:crosshair;touch-action:none;background-image:linear-gradient(to right, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px));flex:none;width:112px;height:84px;position:relative}.groove-xy:focus-visible{outline:2px solid var(--focus,var(--part-line));outline-offset:2px}.groove-dot{background:var(--part-soft);border:2px solid var(--part-ink);pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}.groove-axis{font-size:var(--fs-2xs);color:var(--text-3);pointer-events:none;position:absolute}.groove-axis--x{bottom:3px;right:5px}.groove-axis--y{top:3px;left:5px}@media (pointer:coarse){.groove-xy{width:160px;height:120px}.drum-gen .stepper-btn,.drum-gen .stepper-value{min-width:44px;min-height:44px}.drum-gen .toggle,.drum-gen .btn,.drum-gen .select-native,.drum-bar .btn{min-height:44px}}.modal--smap .modal-body{padding-bottom:4px}.smap{flex-direction:column;gap:10px;padding:12px 22px 18px;display:flex}.smap-help{font-size:var(--fs-sm);color:var(--text-2);max-width:70ch;margin:0}.smap-pads{flex-wrap:wrap;gap:4px;display:flex}.smap-pad{border-radius:var(--r-xs);background:var(--panel-3);border:1px solid var(--border);max-width:132px;height:28px;color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;padding:0 8px;overflow:hidden}.smap-pad.is-on{border-color:var(--part-line);background:var(--part-soft);color:var(--part-ink)}.smap-pad:focus-visible,.smap-canvas:focus-visible{outline:2px solid var(--focus,var(--part-line));outline-offset:2px}.smap-stage{width:100%}.smap-canvas{aspect-ratio:16/9;width:100%;max-height:calc(52vh / var(--ui-zoom,1));border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel-3);cursor:pointer;touch-action:manipulation;display:block}.smap-info{min-height:1.4em;font-size:var(--fs-sm);color:var(--text);margin:0}.smap-actions{flex-wrap:wrap;gap:6px;display:flex}.smap-legend{font-size:var(--fs-xs);color:var(--text-2);flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.smap-key{align-items:center;gap:5px;display:inline-flex}.smap-swatch{background:var(--text-3);border-radius:50%;width:9px;height:9px}.smap-key.is-sample .smap-swatch{border-radius:1px}@media (pointer:coarse){.smap-pad,.smap-actions .btn{min-height:44px}.smap-canvas{aspect-ratio:4/3}}.bounce-actions{gap:8px}.seq-midi{border-top:1px solid var(--divider);flex-direction:column;gap:6px;min-width:0;padding-top:6px;display:flex}.seq-midi .select{width:100%}.seq-midi-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.seq-midi-row .btn{justify-content:center;min-width:0}.seq-midi-pick{flex-direction:column;gap:6px;display:flex}.seq-midi-pick[hidden]{display:none}.seq-midi-status{font-size:var(--fs-xs);color:var(--text-3);overflow-wrap:anywhere;margin:0;line-height:1.35}.seq-midi-status:empty{display:none}.tuning{flex-direction:column;gap:8px;display:flex}.tuning-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.tuning-field{flex-direction:column;gap:4px;min-width:0;display:flex}.tuning-ref{font-variant-numeric:tabular-nums;width:100%;height:28px}.tuning-readout{overflow-wrap:anywhere;margin:0}@media (max-width:600px){.tuning-grid{grid-template-columns:1fr 1fr}.tuning-grid>:first-child{grid-column:1/-1}}@media (pointer:coarse){.seq-midi .btn,.seq-midi .select-native,.tuning .btn,.tuning .select-native,.tuning-ref,.bounce-actions .btn{min-height:44px}}.seq-chain-box{border-top:1px solid var(--divider);flex-direction:column;gap:4px;padding-top:6px;display:flex}.seq-chain-title{margin-right:auto}.seq-chain-box .toggle.is-on{background:var(--part-soft);color:var(--part-ink);border-color:var(--part-line)}.seq-chain{flex-direction:column;gap:2px;max-height:168px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.seq-chain-item{border-radius:var(--r-sm);align-items:center;gap:3px;min-width:0;padding:1px 2px;display:flex}.seq-chain-item.is-play{background:var(--part-soft);box-shadow:inset 2px 0 0 var(--part)}.seq-chain-num{width:14px;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-3);text-align:right;flex:none}.seq-chain-item.is-play .seq-chain-num{color:var(--part-ink);font-weight:700}.seq-chain-name{text-align:left;min-width:0;font-size:var(--fs-xs);color:var(--text-2);border-radius:var(--r-sm);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:1px solid #0000;flex:auto;padding:2px 4px;overflow:hidden}.seq-chain-name:hover{color:var(--text);border-color:var(--border)}.seq-chain-reps{flex:none;width:46px}.seq-chain-reps .select-native{width:100%;font-size:var(--fs-xs);padding:0 4px}.seq-chain-item .icon-btn:disabled{opacity:.35}.seq-chain-empty{font-size:var(--fs-2xs);color:var(--text-3);margin:0}.seq-chain-empty[hidden]{display:none}.seq-capture-btn{flex:1;justify-content:center}.seq-capture-status{font-size:var(--fs-2xs);color:var(--text-2);margin:0;line-height:1.35}.seq-capture-status:empty{display:none}.seq-plock{box-shadow:inset 0 0 0 1px var(--border);background:0 0;position:relative}.seq-plock .seq-bar-fill{opacity:0}.seq-plock.is-set .seq-bar-fill,.seq-col.is-on .seq-plock.is-set .seq-bar-fill{opacity:.8}.seq-plock.is-set{box-shadow:inset 0 0 0 1px var(--part-line)}.seq-plock-mark{background:var(--part);opacity:0;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:1px}.seq-plock.has-locks .seq-plock-mark{opacity:1}.seq-plock-bar{align-items:center;gap:8px;min-width:0;display:flex}.seq-plock-bar[hidden]{display:none}.seq-plock-pick{flex:none;width:132px}.seq-plock-hint{min-width:0;font-size:var(--fs-2xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.seq-chain-name:focus-visible,.seq-plock:focus-visible,.seq-capture-btn:focus-visible{outline:2px solid var(--focus,var(--part));outline-offset:1px}@media (pointer:coarse){.seq-chain{max-height:none}.seq-chain-item{flex-wrap:wrap;gap:4px}.seq-chain-item .icon-btn,.seq-chain-name,.seq-capture-btn,.seq-chain-box .toggle{min-width:44px;min-height:44px}.seq-chain-reps{width:64px}.seq-chain-reps .select-native,.seq-plock-pick .select-native{height:44px;font-size:var(--fs-sm)}.seq-plock-mark{width:7px;height:7px;top:3px;right:3px}.seq-plock-hint{white-space:normal}}.seq-ghost{flex-direction:column;gap:4px;min-width:0;display:flex}.seq-ghost .seq-capture{flex-wrap:wrap;row-gap:4px}.seq-ghost-btn:focus-visible{outline:2px solid var(--focus,var(--part));outline-offset:1px}@media (pointer:coarse){.seq-ghost-btn{min-width:44px;min-height:44px}}.reso-note{font-size:var(--fs-xs);color:var(--text-2);margin:0 0 6px;line-height:1.4}.reso-engine{border-top:1px solid var(--border);align-items:flex-end;row-gap:8px;margin-top:10px;padding-top:8px}.reso-engine .reso-gpu-status{white-space:normal;flex:100%;line-height:1.35}.reso-engine .reso-gpu-status:empty{display:none}.imprint-pop{flex-direction:column;gap:8px;min-width:260px;max-width:320px;display:flex}.imprint-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.imprint-drop{border:1px dashed var(--border-strong);text-align:center;color:var(--text-2);font-size:var(--fs-sm);border-radius:8px;padding:10px}.imprint-drop.is-drop{border-color:var(--accent);color:var(--text)}.imprint-field{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;display:flex}.imprint-field input[type=range]{accent-color:var(--accent);flex:1}.imprint-status{font-size:var(--fs-sm);color:var(--text-2);min-height:1.4em;margin:0;line-height:1.4}.dock-card--sampler{grid-column:1/-1}.sampler-loading{font-size:var(--fs-sm);color:var(--text-3);margin:0}.sampler-body{flex-direction:column;gap:10px;display:flex}.sampler-body[hidden]{display:none}.sampler-actions,.sampler-row,.sampler-modes{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.sampler-modes{align-items:flex-end}.sampler-status,.sampler-empty,.sampler-note,.sampler-name{font-size:var(--fs-xs);color:var(--text-3);margin:0;line-height:1.4}.sampler-status{flex:1 0 100%}.sampler-id{align-items:center;gap:8px;min-width:0;display:flex}.sampler-chip{font-size:var(--fs-xs);color:var(--text-2);border:1px solid var(--border);border-radius:999px;flex:none;padding:0 6px;line-height:1.6}.sampler-chip[hidden],.sampler-tune[hidden]{display:none}.sampler-head-actions{align-items:center;gap:8px;display:flex}.sampler-tune{margin-top:8px}.sampler-name:empty{display:none}.sampler-wave-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.sampler-wave{touch-action:none;cursor:ew-resize;border-radius:var(--r);background:var(--panel-3);width:100%;height:84px;box-shadow:inset 0 0 0 1px var(--border);display:block}.sampler-wave[hidden],.sampler-empty[hidden],.sampler-grain[hidden],.sampler-slice[hidden]{display:none}.sampler-grain,.sampler-slice{flex-direction:column;gap:4px;display:flex}.sampler-slice{flex-flow:wrap;align-items:center}@media (pointer:coarse){.sampler-wave{height:112px}.sampler-actions .btn,.sampler-slice .btn{min-height:44px}}.popover--score{width:min(440px,100vw - 32px)}.score-pop .score-row{gap:8px;margin:10px 0 0;display:flex}.score-pop .score-row .field{flex:1;min-width:0}.score-pop .score-text{box-sizing:border-box;resize:vertical;white-space:pre;width:100%;min-height:150px;margin:4px 0 6px;font-size:12px;line-height:1.45;overflow:auto}.score-pop .score-issues{color:var(--muted,inherit);max-height:96px;margin:0 0 6px;padding-left:18px;font-size:12px;overflow:auto}.score-pop .score-issue.is-error{color:var(--danger,#e5484d)}.score-pop .score-status{min-height:1.4em}.score-pop .bounce-actions{flex-wrap:wrap}.modal--settings{height:min(760px,100vh - 48px)}.modal--settings .modal-body{display:flex;overflow:hidden}.settings{grid-template-columns:196px minmax(0,1fr);width:100%;min-height:0;display:grid}.settings-tabs{border-right:1px solid var(--divider);background:color-mix(in srgb, var(--panel-2) 55%, transparent);flex-direction:column;gap:2px;padding:12px 10px;display:flex}.settings-tab{border-radius:var(--r);height:38px;color:var(--text-2);text-align:left;transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:10px;padding:0 12px;font-weight:560;display:flex}.settings-tab .icon{width:17px;height:17px;color:var(--text-3)}.settings-tab:hover{background:var(--panel-hover);color:var(--text)}.settings-tab[aria-selected=true]{background:var(--panel-active);color:var(--text);box-shadow:var(--shadow-1)}.settings-tab[aria-selected=true] .icon{color:var(--accent-ink)}.settings-content{min-height:0;overflow-y:auto}.settings-panel{padding:6px 26px 28px}.settings-panel:focus-visible{outline-offset:-4px}.settings-pane{flex-direction:column;gap:6px;max-width:680px;display:flex}.settings-group{border-bottom:1px solid var(--divider);padding:16px 0 8px}.settings-group:last-child{border-bottom:0}.group-head{justify-content:space-between;align-items:center;display:flex}.group-title{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:8px;margin-bottom:6px;font-weight:750;display:flex}.group-title .icon{width:17px;height:17px;color:var(--accent-ink)}.setting-row{justify-content:space-between;align-items:center;gap:18px;min-height:52px;padding:10px 0;display:flex}.setting-row+.setting-row{border-top:1px solid var(--divider)}.setting-row--stack{flex-wrap:wrap}.setting-text{flex:1;min-width:0}.setting-label{color:var(--text);font-weight:600}.setting-hint{font-size:var(--fs-sm);color:var(--text-3);margin-top:2px;line-height:1.45}.setting-block{padding:6px 0 10px}.settings-note{color:var(--text-2);font-size:var(--fs-sm);padding:10px 0;line-height:1.5}.device-pick .select{min-width:220px}.status-card{border-radius:var(--r-lg);background:var(--panel-2);border:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;margin-top:14px;padding:16px;display:grid}.status-icon{background:var(--panel-3);width:44px;height:44px;color:var(--text-2);border-radius:12px;place-items:center;display:grid}.status-icon .icon{width:24px;height:24px}.status-card[data-status=ready] .status-icon{background:var(--success-soft);color:var(--success)}.status-card[data-status=denied] .status-icon,.status-card[data-status=error] .status-icon{background:var(--error-soft);color:var(--error)}.status-card[data-status=unsupported] .status-icon{background:var(--warn-soft);color:var(--warn)}.status-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-title{font-size:var(--fs-lg);font-weight:650}.status-text{color:var(--text-2);font-size:var(--fs-sm);margin-top:3px;line-height:1.5}.status-actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.status-facts{font-size:var(--fs-sm);grid-template-columns:auto 1fr;gap:3px 14px;margin-top:10px;display:grid}.status-facts dt{color:var(--text-3)}.status-facts dd{color:var(--text)}.status-facts dd.is-good:before{content:"";background:var(--success);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status-facts dd.is-bad{color:var(--warn)}.status-facts--wide{grid-template-columns:140px 1fr;margin:6px 0 0}.device-list{flex-direction:column;gap:4px;margin:6px 0 10px;list-style:none;display:flex}.device{border-radius:var(--r);background:var(--panel-2);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 10px;display:flex}.device.is-gone{opacity:.5}.device-text{flex-direction:column;flex:1;min-width:0;display:flex}.device-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.device-meta{font-size:var(--fs-xs);color:var(--text-3)}.device-empty{border-radius:var(--r);border:1px dashed var(--border-2);color:var(--text-3);font-size:var(--fs-sm);padding:12px;list-style:none}.port-led.is-on{background:var(--midi-in);box-shadow:0 0 8px var(--midi-in)}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.channel-cell{flex-direction:column;gap:4px;display:flex}.channel-cell .select{width:100%}.clock-status{padding:2px 0 8px}.wizard:empty{display:none}.wizard{border-radius:var(--r-lg);background:var(--panel-2);border:1px solid var(--border-2);margin-top:12px;padding:16px}.wizard-step{flex-direction:column;gap:6px;display:flex}.wizard-count{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:700}.wizard-prompt{letter-spacing:-.01em;font-size:20px;font-weight:650}.wizard-target{color:var(--text-2);align-items:baseline;gap:10px;display:flex}.wizard-target strong{color:var(--accent-ink);font-weight:650}.wizard-status{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:10px;margin-top:6px;display:flex}.wizard-status.is-done{color:var(--success);font-weight:600}.wizard-status .icon{width:18px;height:18px}.learn-pulse{background:var(--midi-in);border-radius:50%;width:12px;height:12px;position:relative}.learn-pulse:after{content:"";border:2px solid var(--midi-in);animation:learn-pulse 1.1s var(--ease) infinite;border-radius:50%;position:absolute;inset:-4px}.wizard-dots{gap:4px;margin:14px 0 12px;display:flex}.wizard-dot{background:var(--knob-track);border-radius:4px;flex:1;height:4px}.wizard-dot.is-done{background:var(--success)}.wizard-dot.is-skipped{background:var(--border-strong)}.wizard-dot.is-current{background:var(--midi-in)}.wizard-actions{align-items:center;gap:6px;display:flex}.spacer{flex:1}.map-table{flex-direction:column;margin-top:6px;display:flex}.map-row{border-radius:var(--r-sm);grid-template-columns:60px 80px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:34px;padding:0 8px;display:grid}.map-row:not(.map-row--head):nth-child(2n){background:var(--panel-2)}.map-row--head{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);min-height:26px;font-weight:700}.guide .group-title{margin-bottom:4px}.guide>.setting-hint{margin-bottom:10px}.guide-step{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel-2);margin-bottom:8px;overflow:hidden}.guide-step summary{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;font-weight:620;list-style:none;display:flex}.guide-step summary::-webkit-details-marker{display:none}.guide-step summary:after{content:"";border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);width:8px;height:8px;transition:transform var(--dur);margin-left:auto;transform:rotate(45deg)}.guide-step[open] summary:after{transform:rotate(225deg)}.guide-num{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-ink);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.guide-list{color:var(--text-2);line-height:1.55;font-size:var(--fs-sm);flex-direction:column;gap:8px;margin:0;padding:0 18px 14px 52px;display:flex}.guide-list li::marker{color:var(--text-3)}.guide-text{color:var(--text);display:block}.guide-detail{color:var(--text-3);margin-top:2px;display:block}.guide-checks{border-radius:var(--r);background:var(--warn-soft);margin:0 18px 14px 52px;padding:10px 12px}.guide-checks ul{color:var(--text-2);font-size:var(--fs-sm);flex-direction:column;gap:4px;margin:6px 0 0;padding-left:18px;line-height:1.5;display:flex}.inline-controls{align-items:center;gap:8px;display:flex}.btn.is-learning{color:var(--midi-in);border-color:var(--midi-in)}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;padding-top:12px;display:grid}.shortcut-group{padding-bottom:12px}.shortcut-list{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;display:grid}.shortcut-list dt{flex-wrap:wrap;justify-self:start;align-items:center;gap:3px;display:flex}.shortcut-list dd{color:var(--text-2);font-size:var(--fs-sm)}.about{color:var(--text-2);gap:14px;padding-top:18px;line-height:1.6}.about-head{align-items:baseline;gap:14px;display:flex}.about-word{letter-spacing:.32em;color:var(--text);font-size:20px;font-weight:700}.about-version{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-3)}.about-facts{font-size:var(--fs-sm);grid-template-columns:110px 1fr;gap:6px 14px;margin-top:4px;display:grid}.about-facts dt{color:var(--text-3)}.about-facts dd{color:var(--text)}.about-facts a{align-items:center;gap:4px;display:inline-flex}.about-facts a .icon{width:13px;height:13px}.modal--help{width:min(900px,100%)}.help{flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex}.help-hero{border-radius:var(--r-lg);background:var(--panel-2);border:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:22px;padding:16px 18px;display:grid}.help-diagram{width:100%;height:auto}.hd-land path{stroke:var(--text-3)}.hd-orbit{stroke:var(--part)}.hd-center{fill:var(--text-3)}.hd-point{fill:var(--part);filter:drop-shadow(0 0 6px var(--part-glow))}.hd-labels text{fill:var(--text-2);font-family:var(--font-ui);font-weight:600}.hd-arrow{stroke:var(--text-3)}.hd-axis{stroke:var(--scope-grid)}.hd-wave{stroke:var(--part);filter:var(--knob-fill-glow)}.help-lede{font-size:var(--fs-md);color:var(--text);line-height:1.6}.help-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.help-card{border-radius:var(--r-lg);background:var(--panel-2);border:1px solid var(--border);padding:14px}.help-card h3{font-size:var(--fs-md);margin:8px 0 4px;font-weight:650}.help-card p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.help-icon{background:var(--part-soft);width:32px;height:32px;color:var(--part-ink);border-radius:9px;place-items:center;display:grid}.help-icon .icon{width:18px;height:18px}.help-shortcuts summary{cursor:pointer;color:var(--text-2);padding:6px 0;font-weight:620}.help-shortcuts summary:hover{color:var(--text)}.popover--browser{flex-direction:column;width:380px;max-height:min(560px,100vh - 80px);padding:0;display:flex;overflow:hidden}.browser{min-height:0;max-height:inherit;flex-direction:column;display:flex}.browser-top{border-bottom:1px solid var(--divider);align-items:center;gap:8px;padding:10px;display:flex}.preset-list{flex:1;min-height:0;padding:4px 6px 8px;overflow-y:auto}.preset-group{padding-top:4px}.preset-cat{z-index:1;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);background:linear-gradient(var(--glass-strong) 70%, transparent);padding:8px 8px 4px;font-weight:750;position:sticky;top:0}.preset-item{border-radius:var(--r-sm);cursor:pointer;min-height:34px;color:var(--text-2);align-items:center;gap:8px;padding:4px 8px;display:flex}.preset-item.is-active{background:var(--panel-hover);color:var(--text)}.preset-item.is-current{color:var(--part-ink)}.preset-item.is-current .preset-name:before{content:"";background:var(--part);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block}.preset-texts{flex-direction:column;flex:1;min-width:0;display:flex}.preset-name{white-space:nowrap;text-overflow:ellipsis;font-weight:560;overflow:hidden}.preset-desc{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preset-meta{font-size:var(--fs-xs);color:var(--text-3);font-family:var(--font-mono);white-space:nowrap}.preset-del,.preset-pedals-btn{opacity:0}.preset-item:hover .preset-del,.preset-item.is-active .preset-del,.preset-del.is-confirm,.preset-item:hover .preset-pedals-btn,.preset-item.is-active .preset-pedals-btn,.preset-pedals-btn:focus-visible{opacity:1}@media (pointer:coarse){.preset-pedals-btn{opacity:1}}.preset-del.is-confirm{width:auto;font-size:var(--fs-xs);padding:0 6px;font-weight:650}.preset-empty{text-align:center;color:var(--text-3);padding:26px 12px}.browser-foot{border-top:1px solid var(--divider);align-items:center;gap:4px;padding:8px 10px;display:flex}.popover--save{width:320px}.save-row{gap:8px;margin-top:12px;display:flex}@media (max-width:899px){.settings{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings-tabs{border-right:0;border-bottom:1px solid var(--divider);flex-direction:row;padding:8px;overflow-x:auto}.settings-tab{flex:none;gap:6px;height:40px;padding:0 10px}.settings-tabs{scrollbar-width:none;gap:2px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab .icon{display:none}.setting-row:has(>.seg)>.setting-text{flex-basis:100%}.setting-row:has(>.seg)>.seg{margin-left:auto}.settings-panel{padding:4px 16px 24px}.setting-row{flex-wrap:wrap}.status-card{grid-template-columns:minmax(0,1fr)}.status-icon{display:none}.status-actions{flex-direction:row}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcuts{grid-template-columns:minmax(0,1fr)}.help{padding:16px}.help-hero,.help-cards{grid-template-columns:minmax(0,1fr)}.popover--browser,.popover--picker,.popover--mod{width:calc(100vw - 16px)}.map-row{grid-template-columns:44px 60px minmax(0,1fr) 40px}}.settings-pedals{flex-direction:column;gap:4px;display:flex}.settings-pedals>.callout{margin-top:12px}.settings-pedals .inline-controls{flex-wrap:wrap}.settings-pedals .inline-controls .select{flex:220px;min-width:220px}.pedal-slider{flex:none;width:180px}.pedal-ping,.pedal-comp,.pedal-rate{font-variant-numeric:tabular-nums;margin-top:4px}.pedal-offset{flex:none;width:88px}.pedal-meter{background:var(--knob-track);border-radius:4px;width:180px;height:8px;display:block;overflow:hidden}.pedal-meter-fill{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.guitar-pitch,.guitar-capture{font-variant-numeric:tabular-nums;margin-top:4px}.guitar-capture.is-bad{color:var(--warn)}.settings-pedals .pedal-meter[role=progressbar]{margin-top:6px}.pedal-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:10px 0;display:grid}.pedal-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--inset-hi);flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.pedal-card.is-off .pedal-body{opacity:.55}.pedal-head{align-items:center;gap:10px;min-width:0;display:flex}.pedal-icon{background:var(--panel-3);width:34px;height:34px;color:var(--text-2);border-radius:10px;flex:none;place-items:center;display:grid}.pedal-icon .icon{width:20px;height:20px}.pedal-titles{flex:1;min-width:0}.pedal-name{color:var(--text);font-weight:650}.pedal-body{flex-direction:column;gap:8px;display:flex}.pedal-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pedal-line .mini-label{flex:none;width:58px}.pedal-line .select{flex:120px;min-width:0}.pedal-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pedal-program{width:76px}.pedal-notes{color:var(--text-3);font-size:var(--fs-xs);margin:0;padding-left:18px;line-height:1.45}.pedal-mod{border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.pedal-mod .pedal-line .select{flex:96px}.pedal-mod .pedal-line .pedal-mod-curve{flex:0 90px}.pedal-mod-slider{flex:64px;min-width:56px}.pedal-mod .pedal-line .mini-label{width:auto;min-width:40px}.pedal-mod-value{text-align:right;font-variant-numeric:tabular-nums;min-width:48px}.pedal-mod-warn{color:var(--warn);font-size:var(--fs-xs);margin:0}.pedal-presets{margin-top:10px}.pedal-presets>summary{cursor:pointer;font-size:var(--fs-sm);color:var(--text-2)}.pedal-presets-rows{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:6px 8px;margin-top:8px;display:grid}.pedal-presets-name{font-size:var(--fs-sm);color:var(--text);min-width:0}.pedal-presets-name small{color:var(--text-3);font-size:var(--fs-xs);display:block}.pedal-presets .field[aria-invalid=true]{border-color:var(--warn)}.pedal-presets .popover-note{max-width:none}.preset-pedals{color:var(--text-3);font-size:var(--fs-xs)}.settings-voice{flex-direction:column;gap:4px;display:flex}.settings-voice>.callout{margin-top:12px}.settings-voice .inline-controls{flex-wrap:wrap;align-items:center}.settings-voice .inline-controls .select{flex:220px;min-width:220px}.voice-gain .voice-meter{width:140px}.voice-clip{border:1px solid var(--border);min-width:38px;height:18px;color:var(--text-3);font-size:var(--fs-xs);border-radius:9px;place-items:center;padding:0 6px;font-weight:650;display:inline-grid}.voice-clip.is-on{background:var(--error-soft);border-color:var(--error);color:var(--error)}.voice-monitor{margin-top:4px}.voice-monitor.is-bad{color:var(--warn)}.tuner-readout{align-items:baseline;gap:10px;min-height:52px;margin:4px 0 8px;display:flex}.tuner-name{letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:1.2ch;font-size:44px;font-weight:650;line-height:1}.tuner-oct{font-size:var(--fs-lg);color:var(--text-2);font-variant-numeric:tabular-nums}.tuner-cents,.tuner-word{font-size:var(--fs-sm);color:var(--text-2);font-variant-numeric:tabular-nums}.tuner-word{color:var(--text);font-weight:650}.tuner-gauge{align-items:center;gap:8px;max-width:360px;margin:2px 0 6px;display:flex}.tuner-scale{width:36px;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);flex:none}.tuner-scale:last-child{text-align:right}.tuner-track{background:var(--knob-track,var(--panel-3));border:1px solid var(--border);border-radius:4px;flex:1;height:8px;position:relative}.tuner-center{background:var(--text-3);width:2px;height:14px;margin-left:-1px;position:absolute;top:-3px;left:50%}.tuner-needle{background:var(--text);width:2px;height:18px;margin-left:-1px;position:absolute;top:-5px;left:50%}.tuner-panel.is-in-tune .tuner-name,.tuner-panel.is-in-tune .tuner-word,.tuner-panel.is-in-tune .tuner-needle{color:var(--success)}.tuner-panel.is-in-tune .tuner-needle{background:var(--success)}.tuner-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:899px){.pedal-slider,.pedal-meter{width:100%}.pedal-cards{grid-template-columns:minmax(0,1fr)}.settings-pedals .setting-row:has(>.inline-controls)>.setting-text{flex-basis:100%}.settings-pedals .setting-row>.inline-controls{flex:100%}.settings-voice .setting-row:has(>.inline-controls)>.setting-text{flex-basis:100%}.settings-voice .setting-row>.inline-controls{flex:100%}.voice-gain .voice-meter{flex:120px}}@media (max-width:899px),(pointer:coarse){.settings-pedals .btn,.settings-pedals .toggle:not(.toggle--switch),.settings-pedals .seg-btn,.settings-pedals .select-native,.settings-pedals .field,.settings-pedals .mslider{min-height:44px}.settings-pedals .toggle--switch{height:26px}.settings-pedals .toggle--switch:before{content:"";position:absolute;inset:-10px -6px}.settings-voice .btn,.settings-voice .seg-btn,.settings-voice .select-native,.settings-voice .mslider{min-height:44px}.settings-voice .toggle--switch{height:26px}.settings-voice .toggle--switch:before{content:"";position:absolute;inset:-10px -6px}}.settings-operator .op-intro{margin:0 0 4px}.settings-operator .op-controls{justify-content:flex-end;margin-top:0}.settings-operator .op-slider{width:180px;max-width:100%}.op-meter-row{align-items:center;gap:10px;min-width:180px;display:flex}.op-meter{background:var(--panel-3);border:1px solid var(--border);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.op-meter-fill{background:var(--warn);width:0;transition:width var(--dur-slow) var(--ease);position:absolute;inset:0 auto 0 0}.op-meter-text{text-align:right;min-width:3.5em;font-size:var(--fs-sm);color:var(--text-2);font-variant-numeric:tabular-nums}.op-warn{border-radius:var(--r);background:var(--warn-soft);color:var(--text);font-size:var(--fs-sm);margin:4px 0 0;padding:8px 12px}.op-tones .op-tone.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.op-subtitle{font-size:var(--fs-sm);color:var(--text-2);margin:16px 0 6px;font-weight:600}.op-monitor{max-height:220px;font-size:var(--fs-xs);border:1px solid var(--divider);border-radius:var(--r-sm);margin:0;padding:0;list-style:none;overflow:auto}.op-monitor:empty{display:none}.op-monitor li{justify-content:space-between;gap:12px;padding:4px 10px;display:flex}.op-monitor li+li{border-top:1px solid var(--divider)}.op-mon-hex{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap}.settings-operator .btn:focus-visible,.settings-operator .toggle:focus-visible,.settings-operator .mslider:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.op-overlay{pointer-events:none;z-index:30;position:fixed;inset:0}.op-overlay svg{width:100%;height:100%;transition:opacity 2.5s linear;position:absolute;inset:0}.op-overlay .op-cracks{opacity:var(--op-crack,0);fill:none;stroke:var(--text);stroke-width:1.5px;stroke-linejoin:bevel}.op-overlay .op-drops{opacity:var(--op-wet,0);fill:var(--accent-soft);stroke:var(--text-3);stroke-width:1px}@media (pointer:coarse){.settings-operator .btn,.settings-operator .seg-btn,.settings-operator .mslider{min-height:44px}.settings-operator .toggle--switch{height:26px}.settings-operator .toggle--switch:before{content:"";position:absolute;inset:-10px -6px}}.modal--postcard{max-width:min(600px,100vw - 24px)}.postcard,.postcard-confirm{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.postcard-figure{aspect-ratio:1;border-radius:var(--r);background:var(--panel-2);border:1px solid var(--border);align-self:center;width:100%;max-width:420px;margin:0;overflow:hidden}.postcard-img{object-fit:contain;width:100%;height:100%;display:block}.postcard-img:not([src]){visibility:hidden}.postcard-status,.postcard-question{font-size:var(--fs-sm);color:var(--text);overflow-wrap:anywhere;margin:0;line-height:1.45}.postcard-note{font-size:var(--fs-xs);color:var(--text-2);margin:0;line-height:1.45}.postcard-label{flex-direction:column;gap:4px;margin:0;display:flex}.postcard-link{width:100%;font-family:var(--font-mono);font-size:var(--fs-xs)}.postcard-actions,.postcard-sites{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.postcard-site{text-decoration:none}.postcard-actions .btn:focus-visible,.postcard-site:focus-visible,.postcard-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (pointer:coarse){.postcard-actions .btn,.postcard-site,.postcard-confirm .select,.postcard-link{min-width:44px;min-height:44px}}.loop-main{--loop-tone:var(--text-3);background:var(--panel-3);border:1px solid var(--border-2);min-width:132px;height:56px;color:var(--text);font-weight:650;font-size:var(--fs-md);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px 0 8px;display:inline-flex;position:relative}.loop-main:hover:not(:disabled){background:var(--panel-hover)}.loop-main:disabled{opacity:.45}.loop-main[data-tone=idle],.loop-main[data-tone=armed],.loop-main[data-tone=record]{--loop-tone:var(--rec)}.loop-main[data-tone=play]{--loop-tone:var(--success)}.loop-main[data-tone=overdub]{--loop-tone:var(--warn)}.loop-main[data-tone=paused],.loop-main[data-tone=off]{--loop-tone:var(--text-3)}.loop-main[data-tone=record]{background:color-mix(in srgb, var(--rec) 16%, var(--panel-3));border-color:color-mix(in srgb, var(--rec) 55%, transparent)}.loop-main[data-tone=play]{border-color:color-mix(in srgb, var(--success) 50%, transparent)}.loop-main[data-tone=overdub]{background:color-mix(in srgb, var(--warn) 16%, var(--panel-3));border-color:color-mix(in srgb, var(--warn) 60%, transparent)}.loop-main[data-tone=armed] .loop-icon{animation:.9s steps(2,jump-none) infinite loop-blink}.loop-main.is-busy{opacity:.7}.loop-glyph{width:40px;height:40px;color:var(--loop-tone);flex:none;place-items:center;display:grid;position:relative}.loop-icon{display:grid}.loop-glyph .icon{width:20px;height:20px}.loop-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.loop-ring circle{fill:none;stroke-width:2.6px}.loop-ring-track{stroke:var(--knob-track)}.loop-ring-fill{stroke:var(--loop-tone);stroke-dasharray:100;stroke-dashoffset:100px;stroke-linecap:round}.loop-ring.is-hidden .loop-ring-fill{opacity:0}.loop-label{text-align:left;min-width:52px}@keyframes loop-blink{50%{opacity:.2}}.loop-main--compact.loop-btn{border-radius:var(--r);background:0 0;border-color:#0000;gap:0;width:40px;min-width:38px;height:34px;padding:0}.loop-main--compact .loop-glyph{width:30px;height:30px}.loop-main--compact .loop-glyph .icon{width:14px;height:14px}.loop-main--compact.loop-btn:hover:not(:disabled){background:var(--panel-hover)}.loop-main--compact[data-tone=record],.loop-main--compact[data-tone=overdub]{border-color:#0000}.dock-pane--loop{grid-template-columns:minmax(320px,1.4fr) minmax(240px,1fr) minmax(200px,.8fr);align-content:start;gap:12px;padding:10px 12px 12px;display:grid}.loop-card{flex-direction:column;gap:10px;min-width:0;display:flex}.loop-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.loop-tools{flex-wrap:wrap;gap:4px;display:flex}.loop-tool{border-radius:var(--r);width:52px;height:48px;color:var(--text-2);background:var(--panel-2);border:1px solid var(--border);font-size:var(--fs-2xs);letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:650;display:inline-flex;position:relative}.loop-tool .icon{width:18px;height:18px}.loop-tool:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.loop-tool:disabled{opacity:.4}.loop-tool.is-on{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, transparent);background:var(--warn-soft)}.loop-tool--danger:hover:not(:disabled){color:var(--error)}.loop-badge{background:var(--accent);min-width:14px;height:14px;color:var(--accent-contrast);border-radius:7px;padding:0 3px;font-size:9px;font-weight:800;line-height:14px;position:absolute;top:3px;right:4px}.loop-badge:empty{display:none}.loop-status{min-height:2.6em;font-size:var(--fs-sm);color:var(--text-2);margin:0}.loop-note{font-size:var(--fs-sm);color:var(--text-3);margin:0;line-height:1.4}.loop-grid{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px 14px;display:grid}.loop-field{flex-direction:column;gap:4px;min-width:0;display:flex}.loop-slider-row{align-items:center;gap:8px;min-width:0;display:flex}.loop-slider{flex:1;min-width:80px}.loop-value{font-size:var(--fs-xs);color:var(--text-2);text-align:right;width:36px}.loop-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.loop-action{height:32px}.loop-actions .select{min-width:110px}@media (max-width:1239px) and (min-width:900px){.dock-pane--loop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:899px){.app[data-mtab=loop] .dock{display:block;overflow:auto}.mtab{min-width:48px}.dock-pane--loop{grid-template-columns:minmax(0,1fr);padding:8px}.loop-main{flex:auto;height:56px}.loop-tool{width:56px;height:52px}.loop-grid{grid-template-columns:minmax(0,1fr)}.loop-action{height:44px}.loop-slider{min-height:44px}.dock-pane--loop .seg-btn{min-width:44px;height:44px}.dock-pane--loop .select-native{height:44px}.loop-btn{display:none}}@media (pointer:coarse){.loop-tool{min-width:44px;min-height:44px}.loop-action{min-height:44px}}.loop-btn-icon{display:grid}.loop-tape{flex-direction:column;gap:8px;min-width:0;display:flex}.loop-tape-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.loop-tape-controls .mslider{flex:160px;min-width:0}.loop-wave-wrap{border-radius:var(--r);background:var(--panel-2);border:1px solid var(--border);touch-action:none;height:72px;position:relative;overflow:hidden}.loop-wave{cursor:ew-resize;touch-action:none;width:100%;height:100%;display:block}.loop-wave.is-empty{cursor:default;opacity:.72}.loop-wave.is-active{cursor:grabbing}@media (pointer:coarse){.loop-wave-wrap{height:88px}.loop-tape-controls .mslider{min-height:44px}}.coin-status{left:50%;top:calc(var(--topbar-h,56px) + 10px);z-index:120;border:1px solid var(--border-strong);background:var(--glass-strong);max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--shadow-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 14px;display:flex;position:fixed;transform:translate(-50%)}.coin-status .coin-label{letter-spacing:.08em;font-weight:700}.coin-status.is-empty .coin-label{color:var(--warn)}.coin-status .coin-credits{color:var(--text-2);white-space:nowrap}.coin-status .coin-btn:focus-visible{box-shadow:var(--focus-ring)}@media (pointer:coarse){.coin-status .coin-btn{min-height:44px}}.fun-progress{margin-top:12px}.fun-list{gap:4px;margin:4px 0 12px;padding:0;list-style:none;display:grid}.fun-item{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:6px 10px;display:flex}.fun-item .fun-name{color:var(--text);font-weight:600}.fun-item .fun-note{color:var(--text-3);font-size:.92em}.fun-item.is-hidden .fun-name{color:var(--text-dim);letter-spacing:.1em}.fun-item.is-earned{border-color:var(--accent-soft)}:root[data-skin=phosphor][data-theme=dark]{--bg:#040805;--bg-1:#070d08;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #6ec8821a, transparent 60%), radial-gradient(900px 500px at 0% 110%, #e6aa460f, transparent 60%);--panel:#09120bed;--panel-solid:#09120b;--panel-2:#0d1a10;--panel-3:#122316;--panel-hover:#18301d;--panel-active:#1f3b25;--glass:#060d08a8;--glass-strong:#060d08d6;--border:#8cdca01f;--border-2:#8cdca033;--border-strong:#8cdca052;--divider:#8cdca014;--text:#d6f2dc;--text-2:#a7cdb0;--text-3:#86ab90;--text-dim:#6c8d75;--accent:#8fdca5;--accent-ink:#a6e6b8;--accent-strong:#c4f2d1;--accent-soft:#8fdca524;--accent-contrast:#06140a;--focus:#f0c06a;--warn:#f0c06a;--knob-face-1:#1d3323;--knob-face-2:#0c1810;--knob-track:#8cdca029;--kbd-bg:#132418;--key-white-1:#20362a;--key-white-2:#172a1e;--key-label:#86ab90;--scope-grid:#8cdca024;--stage-bg:radial-gradient(120% 90% at 50% 30%, #0f2014 0%, #040805 70%);--scrollbar:#8cdca033}:root[data-skin=phosphor][data-theme=light]{--bg:#f1eedf;--bg-1:#ece8d6;--panel-solid:#f7f4e8;--text:#1b2a1f;--text-2:#36503c;--accent:#2f7a47;--accent-ink:#256639;--accent-strong:#1c5230;--accent-soft:#2f7a471f;--accent-contrast:#f7f4e8;--focus:#9a6200;--warn:#9a6200}.golf-hud{z-index:6;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);width:min(360px,100% - 24px);max-height:calc(100% - 32px);color:var(--text);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs);padding:8px 12px;position:absolute;bottom:16px;left:50%;overflow:auto;transform:translate(-50%)}.golf-hud:focus,.golf-hud:focus-visible{box-shadow:var(--shadow-2);outline:none}.golf-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.golf-title{font-size:var(--fs-md)}.golf-status{color:var(--text-2);font-variant-numeric:tabular-nums}.golf-msg{margin:4px 0 0;font-weight:600}.golf-aim{color:var(--text-2);font-variant-numeric:tabular-nums;margin:2px 0 0}.golf-aim:empty{display:none}.golf-hint{color:var(--text-3);font-size:var(--fs-xs);margin:4px 0 0}.golf-menu{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.golf-menu[hidden]{display:none}.golf-choice{white-space:normal;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:auto;min-height:44px;padding:6px}.golf-choice span{font-size:var(--fs-xs);color:var(--text-2)}.golf-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.golf-card{margin-top:8px}.golf-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:var(--fs-sm)}.golf-table caption{text-align:left;color:var(--text-2);padding-bottom:4px}.golf-table th,.golf-table td{text-align:right;border-bottom:1px solid var(--divider);padding:2px 6px}.golf-table th:first-child{text-align:left}.golf-table thead th{color:var(--text-2);font-weight:600}.golf-total th,.golf-total td{border-bottom:none;font-weight:700}.dot-fun{border-top:1px solid var(--divider);margin-top:8px;padding-top:8px}.word-seed{border-top:1px solid var(--divider);gap:4px;padding:8px 10px;display:grid}.word-seed-label{font-size:var(--fs-xs);color:var(--text-2)}.word-seed-row{gap:6px;display:flex}.word-seed-row .field{flex:1;min-width:0}.pet-name{width:160px;max-width:100%}@media (pointer:coarse){.golf-hud .btn,.golf-start,.word-seed .btn,.word-seed .field,.pet-name{min-height:44px}}.popover--places{width:400px}.places-pop{gap:10px;display:grid}.places-tabs{flex-wrap:wrap;display:flex}.places-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:240px;display:grid;overflow:auto}.places-item{text-align:left;border-radius:var(--r);border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:var(--fs-sm);padding:7px 9px;line-height:1.25}.places-item:hover,.places-item:focus-visible{border-color:var(--accent)}.places-item.is-current{border-color:var(--accent);background:var(--panel-active)}.places-item small{color:var(--text-3);font-size:var(--fs-xs);display:block}.places-detail{min-height:3.6em;font-size:var(--fs-sm);color:var(--text-2);gap:4px;display:grid}.places-detail strong{color:var(--text)}.places-detail ul{margin:0;padding-left:1.1em}.places-credit{font-size:var(--fs-xs);color:var(--text-3);line-height:1.35}.places-credit a{color:var(--accent)}.data-text{width:100%;min-height:110px;font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--fs-sm);resize:vertical}.data-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-row>.select-native{flex:140px;min-width:0}.weather-values{font-size:var(--fs-sm);grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.weather-values dt{color:var(--text-3)}.weather-values dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0}.weather-results{gap:4px;display:grid}.weather-status[data-kind=error]{color:var(--error)}@media (max-width:899px){.popover--places{width:calc(100vw - 16px)}.places-list{grid-template-columns:minmax(0,1fr)}}.pad-check{cursor:pointer;align-items:center;gap:8px;min-height:32px;display:inline-flex}.pad-check input{width:18px;height:18px;accent-color:var(--accent)}.pad-range{width:min(220px,100%);accent-color:var(--accent)}.pad-out{min-width:3.5em;color:var(--text-2);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.pad-list{font-size:var(--fs-sm);gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pad-buttons{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.pad-btn{border:1px solid var(--border);border-radius:var(--r-sm,6px);color:var(--text-2);background:var(--panel-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;padding:2px 7px}.pad-btn.is-down{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.pad-axes{gap:6px;display:grid}.pad-axis{font-size:var(--fs-xs);color:var(--text-2);grid-template-columns:9em 1fr;align-items:center;gap:8px;display:grid}.pad-axis-track{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;height:8px;position:relative;overflow:hidden}.pad-axis-fill{background:var(--accent);border-radius:4px;width:8px;height:100%;position:absolute;top:0;left:calc(50% - 4px)}.pad-map-wrap{overflow-x:auto}.pad-map{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.pad-map th,.pad-map td{text-align:left;border-bottom:1px solid var(--divider);vertical-align:middle;padding:4px 6px}.pad-map th[scope=row]{font-weight:500}.pad-map-cur{color:var(--text-2);white-space:nowrap}.golf-power{background:var(--panel-2);border:1px solid var(--border);border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.golf-power[hidden]{display:none}.golf-power-fill{background:var(--accent);width:0;height:100%;display:block}.match-pop{gap:10px;max-width:min(380px,100vw - 32px);display:grid}.match-drop{border:1px dashed var(--border);border-radius:var(--r-lg);color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.match-drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.match-result{gap:8px;display:grid}.match-result[hidden]{display:none}.match-actions{flex-wrap:wrap}.match-vol{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.match-vol .pad-range{width:120px}.listen-btn.is-on{width:auto;color:var(--warn);background:var(--warn-soft);grid-auto-flow:column;gap:4px;padding:0 8px 0 6px}.listen-badge{font-size:var(--fs-2xs);letter-spacing:.02em;font-weight:750;display:none}.listen-btn.is-on .listen-badge{display:inline}.listen-pop{flex-direction:column;gap:8px;width:min(320px,100vw - 32px);display:flex}.listen-choices{flex-direction:column;gap:2px;display:flex}.listen-choice{border-radius:var(--r-sm);cursor:pointer;align-items:flex-start;gap:8px;padding:6px 4px;display:flex}.listen-choice:hover{background:var(--panel-hover)}.listen-choice input{accent-color:var(--accent);flex:none;margin-top:3px}.listen-choice-text{flex-direction:column;gap:1px;min-width:0;display:flex}.listen-choice-label{font-size:var(--fs);color:var(--text);font-weight:650}.settings-pane .listen-choices{max-width:560px}@media (max-width:479px){.utils .listen-btn:not(.is-on){display:none}.utils .listen-btn.is-on{width:auto}}.toggle--space{padding:0;flex:0 0 28px!important;font-size:10px!important}.toggle--space.is-on{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.strip.is-space .strip-knobs>:first-child{opacity:.45}@media (pointer:coarse){.toggle--space{min-height:44px;flex-basis:44px!important}}.mix-space{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--inset-hi);flex-direction:column;grid-column:1/-1;padding:8px 10px;display:flex}.mix-space .section-head{margin-bottom:4px}.space-body{flex-wrap:wrap;align-items:flex-start;gap:10px 20px;display:flex}.space-pad{aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:50%;flex:none;width:clamp(150px,22vw,220px);position:relative}.space-pad[aria-disabled=true]{cursor:default}.space-pad:focus-visible{outline:2px solid var(--part);outline-offset:3px}.space-pad-svg{width:100%;height:100%;display:block;overflow:visible}.space-edge{fill:color-mix(in srgb, var(--part) 10%, var(--panel-solid));stroke:var(--border-strong);stroke-width:1px}.space-ring{fill:none;stroke:var(--border);stroke-width:1px;stroke-dasharray:3 4}.space-axis{stroke:var(--divider);stroke-width:1px}.space-head circle,.space-head path{fill:var(--panel-3);stroke:var(--text-2);stroke-width:1.5px}.space-ray{stroke:var(--part);stroke-width:1.5px;opacity:.6}.space-src{fill:var(--part);stroke:var(--text);stroke-width:2px}.space-label{fill:var(--text-3);font-size:10px;font-family:var(--font-ui)}.mix-space.is-off .space-src,.mix-space.is-off .space-ray{opacity:.3}.space-side{flex-direction:column;flex:240px;gap:8px;min-width:0;display:flex}.space-field{align-items:center;gap:8px;display:flex}.space-field .select{width:200px;max-width:100%}.space-knobs{flex-wrap:wrap;gap:2px 6px;display:flex}.space-knobs .is-dimmed{opacity:.45}.mix-space.is-off .space-knobs,.mix-space.is-off .space-row{opacity:.55}.space-row{gap:6px;display:flex}.space-readout{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);margin:0}.space-follow,.space-note{font-size:var(--fs-xs);color:var(--text-2);max-width:72ch;margin:0;line-height:1.4}.space-note{margin-top:8px}.stems-sur{border:1px solid var(--border);border-radius:var(--r);background:var(--panel-2);margin-bottom:10px;padding:8px 10px}.stems-sur-note{margin:0 0 8px}.piano-roll{flex-direction:column;gap:8px;min-width:0;display:flex}.piano-roll[hidden]{display:none}.roll-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.roll-ruler{grid-template-columns:52px 1fr;gap:4px;min-width:0;display:grid}.roll-ruler-track{min-width:0;display:grid}.roll-num{color:var(--text-3,var(--text-2));text-align:center;font-size:11px}.roll-body{grid-template-columns:52px 1fr;gap:4px;min-width:0;max-height:280px;display:grid;overflow:auto}.roll-keys{flex-direction:column;display:flex}.roll-key{height:16px;color:var(--text-2);white-space:nowrap;font-size:10px;line-height:16px}.roll-key.is-black{color:var(--text-3,var(--text-2));padding-left:8px}.roll-grid{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:6px;position:relative}.roll-note{background:var(--accent);border:0;border-radius:3px;min-height:8px;padding:0;position:absolute}.roll-note.is-first{outline:1px solid var(--text)}.roll-lane{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.roll-curve{background:color-mix(in srgb, var(--text) 6%, transparent);touch-action:none;border-radius:6px;flex:160px;align-items:flex-end;min-width:120px;height:48px;display:flex}.roll-point{background:var(--accent);pointer-events:none;flex:1;min-width:2px}.roll-hint{color:var(--text-2);flex:100%;margin:0;font-size:12px}@media (pointer:coarse){.roll-key{height:28px;line-height:28px}.seq-roll-btn,.roll-curve{min-height:44px}}