@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-void: #0A0B0F;--bg-panel: #14161D;--bg-raised: #1E2129;--bg-inset: #07080B;--accent-primary: #7C4DFF;--accent-secondary: #FF3D88;--accent-glow: rgba(124, 77, 255, .45);--text-primary: #FFFFFF;--text-secondary: #C8D1E0;--text-tertiary: #A4B2C6;--text-disabled: #525968;--text-accent: #C49CFF;--state-success: #00E676;--state-warning: #FFB300;--state-error: #FF5252;--state-info: #40C4FF;--state-ai-active: #FF3D88;--mod-lfo1: #00E5FF;--mod-lfo2: #00FFAA;--mod-env1: #FFB300;--mod-env2: #FF6B35;--mod-macro1: #E040FB;--mod-macro2: #76FF03;--mod-macro3: #FFD740;--mod-macro4: #40C4FF;--mod-velocity: #FFFFFF;--mod-keytrack: #B0BEC5;--font-display: "Inter Display", "Söhne", "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--r-1: 2px;--r-2: 4px;--r-3: 8px;--r-4: 12px;--r-5: 16px;--depth-inset: inset 0 1px 0 rgba(0,0,0,.6), inset 0 -1px 0 rgba(255,255,255,.03);--depth-raised: 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(0,0,0,.4);--depth-card: 0 2px 12px rgba(0,0,0,.5);--ease-considered: cubic-bezier(.22, .61, .36, 1);--dur-micro: .18s;--dur-state: .32s;--dur-patch: 1.1s;--dur-boot: 1.8s;--color-bg-app: var(--bg-void);--color-bg-panel: var(--bg-panel);--color-bg-elevated: var(--bg-raised);--color-fg-primary: var(--text-primary);--color-fg-secondary: var(--text-secondary);--color-fg-muted: var(--text-tertiary);--color-accent: var(--accent-primary);--color-accent-hot: var(--accent-secondary);--color-accent-soft: var(--text-accent);--color-accent-strong: var(--text-accent);--color-accent-deep: var(--accent-primary);--color-success: var(--state-success);--color-success-soft: var(--state-success);--color-warning: var(--state-warning);--color-error: var(--state-error);--color-error-soft: var(--state-error);--color-error-dot: var(--state-error);--success-tint-15: rgb(0 230 118 / 15%);--success-tint-40: rgb(0 230 118 / 40%);--error-tint-08: rgb(255 82 82 / 8%);--error-tint-12: rgb(255 82 82 / 12%);--error-tint-15: rgb(255 82 82 / 15%);--error-tint-30: rgb(255 82 82 / 30%);--error-tint-40: rgb(255 82 82 / 40%);--color-knob-value: var(--text-primary);--color-accent-hot-glow: rgb(255 61 136 / 55%);--color-ctx-bass-fg: var(--mod-env2);--color-ctx-bass-bg: rgb(255 107 53 / 15%);--color-ctx-pad-fg: var(--mod-lfo1);--color-ctx-pad-bg: rgb(0 229 255 / 15%);--color-ctx-lead-fg: var(--mod-env1);--color-ctx-lead-bg: rgb(255 179 0 / 15%);--color-ctx-keys-fg: var(--mod-macro2);--color-ctx-keys-bg: rgb(118 255 3 / 15%);--color-ctx-perc-fg: var(--mod-env2);--color-ctx-perc-bg: rgb(255 107 53 / 15%);--color-ctx-arp-fg: var(--mod-macro1);--color-ctx-arp-bg: rgb(224 64 251 / 15%);--color-ctx-texture-fg: var(--mod-lfo2);--color-ctx-texture-bg: rgb(0 255 170 / 15%);--color-ctx-generic-fg: var(--text-secondary);--color-ctx-generic-bg: rgb(255 255 255 / 6%);--color-border: rgb(255 255 255 / 6%);--color-border-strong: rgb(255 255 255 / 12%);--color-focus-ring: var(--accent-primary);--fill-soft: rgb(255 255 255 / 2%);--fill-medium: rgb(255 255 255 / 4%);--fill-strong: rgb(255 255 255 / 8%);--fill-stronger: rgb(255 255 255 / 12%);--accent-tint-12: rgb(124 77 255 / 12%);--accent-tint-15: rgb(124 77 255 / 15%);--accent-tint-18: rgb(124 77 255 / 18%);--accent-tint-25: rgb(124 77 255 / 25%);--accent-tint-35: rgb(124 77 255 / 35%);--accent-tint-40: rgb(124 77 255 / 40%);--accent-tint-60: rgb(124 77 255 / 60%);--color-key-white-top: #F5F7FA;--color-key-white-bot: #C9CDD8;--color-key-white-hover-top: #FFFFFF;--color-key-white-hover-bot: #D9DDE8;--color-key-white-label: #14161D;--color-key-black-top: #14161D;--color-key-black-bot: #1E2129;--color-key-black-hover-top: #1E2129;--color-key-black-hover-bot: #2A2E39;--color-key-black-label: #F5F7FA;--color-key-active-white-top: #B388FF;--color-key-active-white-bot: #7C4DFF;--color-key-active-black-top: #7C4DFF;--color-key-active-black-bot: #4A2DCC;--color-key-strip-bg: var(--bg-inset);--grad-accent-a: var(--accent-primary);--grad-accent-b: var(--accent-secondary);--radius-sm: var(--r-2);--radius-md: var(--r-3);--radius-lg: var(--r-4);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem}[data-theme=light],:root[data-theme=light]{--bg-void: #F5F4F0;--bg-panel: #FAFAF6;--bg-raised: #FFFFFF;--bg-inset: #ECEBE5;--text-primary: #14161D;--text-secondary: #4A4E5C;--text-tertiary: #6B7280;--text-disabled: #B0B4BD;--color-bg-app: var(--bg-void);--color-bg-panel: var(--bg-panel);--color-bg-elevated: var(--bg-raised);--color-fg-primary: var(--text-primary);--color-fg-secondary: var(--text-secondary);--color-fg-muted: var(--text-tertiary);--color-knob-value: var(--text-primary);--color-border: rgb(0 0 0 / 10%);--color-border-strong: rgb(0 0 0 / 16%);--fill-soft: rgb(0 0 0 / 2%);--fill-medium: rgb(0 0 0 / 4%);--fill-strong: rgb(0 0 0 / 6%);--fill-stronger: rgb(0 0 0 / 10%);--color-key-white-top: #FFFFFF;--color-key-white-bot: #E8E6DE;--color-key-white-hover-top: #FAFAF6;--color-key-white-hover-bot: #D8D5CB;--color-key-white-label: #14161D;--color-key-black-top: #2A2E39;--color-key-black-bot: #14161D;--color-key-black-hover-top: #3A3F4B;--color-key-black-hover-bot: #1E2129;--color-key-black-label: #F5F7FA;--color-key-strip-bg: #ECEBE5}:root{color:var(--text-primary);background:var(--bg-void);font-family:var(--font-sans)}html,body,#root{height:100%;margin:0}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:grid;grid-template-rows:48px 128px 1fr auto;height:100vh;overflow:hidden;background:var(--bg-void)}.app-body{grid-row:3;display:grid;--col-left-width: 220px;--col-right-width: 40%;grid-template-columns:var(--col-left-width) 6px minmax(480px,1fr) 6px var(--col-right-width);overflow:hidden;min-height:0}.app-keyboard{grid-row:4;border-top:1px solid var(--color-border);background:var(--bg-panel);flex-shrink:0}@media (max-width: 1000px){.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.presets-sidebar,.resize-handle{display:none}.modules-grid,.right-column{grid-column:1}}.confirm-sweep{position:relative}.confirm-sweep:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--mod-lfo1, #00E5FF);transform:scaleX(0);transform-origin:left center;opacity:1;pointer-events:none;animation:timbre-confirm-sweep 1s var(--ease-considered) forwards}@keyframes timbre-confirm-sweep{0%{transform:scaleX(0);opacity:1}60%{transform:scaleX(1);opacity:1}80%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.fold-host{perspective:800px}.fold-target{transform-origin:bottom center;transform:rotateX(0);opacity:1;transition:transform .22s var(--ease-considered),opacity .22s var(--ease-considered)}.fold-host.is-folded .fold-target{transform:rotateX(-92deg);opacity:0;pointer-events:none}.muted-breathing{animation:timbre-muted-breathe 4s ease-in-out infinite}@keyframes timbre-muted-breathe{0%,to{opacity:.5}50%{opacity:.7}}.tools-drawer-tab.has-unseen{position:relative;overflow:hidden}.tools-drawer-tab.has-unseen:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--mod-lfo1, #00E5FF) 40%,var(--mod-lfo1, #00E5FF) 60%,transparent 100%);transform:translate(100%);animation:timbre-radar-sweep 2s linear infinite;pointer-events:none}@keyframes timbre-radar-sweep{0%{transform:translate(100%)}to{transform:translate(-100%)}}.head-shake{animation:timbre-head-shake .18s var(--ease-considered)}@keyframes timbre-head-shake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.confirm-sweep:after,.fold-target,.muted-breathing,.tools-drawer-tab.has-unseen:before,.head-shake{animation:none!important;transition:none!important}.fold-host.is-folded .fold-target{transform:none;opacity:0}.confirm-sweep:after{transform:scaleX(1);opacity:.6}}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}.panel-knobs{overflow-y:auto;border-right:1px solid var(--color-border);background:var(--bg-panel);padding:var(--sp-3)}.panel-chat{overflow:hidden;display:flex;flex-direction:column}.knob-grid{display:flex;flex-direction:column;gap:var(--sp-2)}.knob-section{border:1px solid var(--color-border);border-radius:var(--r-3);overflow:hidden;background:var(--bg-panel);box-shadow:var(--depth-card)}.knob-section-collapsed{background:var(--bg-panel)}.knob-section-header{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:transparent;border:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered)}.knob-section-header:hover{background:var(--fill-medium)}.knob-section-header:focus{outline:none}.knob-section-header:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.knob-section-chevron{font-size:.7rem;color:var(--text-tertiary);transition:transform var(--dur-micro) var(--ease-considered);display:inline-block;width:.7rem}.knob-section-chevron.open{transform:rotate(90deg);color:var(--accent-primary)}.knob-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-family:var(--font-sans)}.knob-section-summary{margin-left:auto;font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.knob-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-3)}.knob-grid-toolbar{display:flex;gap:var(--sp-1);padding-bottom:var(--sp-1)}.knob-grid-tool{flex:1;background:var(--bg-raised);border:1px solid var(--color-border);color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-2);cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}.knob-grid-tool:hover{background:var(--accent-tint-15);border-color:var(--accent-tint-40);color:var(--text-accent)}.knob-grid-tool:focus{outline:none}.knob-grid-tool:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.knob-slot{position:relative}.knob-agent-badge{position:absolute;top:-2px;right:-2px;z-index:2;background:var(--accent-secondary);color:#fff;font-size:.5rem;font-weight:800;letter-spacing:.06em;padding:1px 4px;border-radius:var(--r-3);pointer-events:none;font-family:var(--font-mono);box-shadow:0 0 0 1px var(--bg-void),0 0 6px var(--accent-glow)}.knob-wrap{display:flex;flex-direction:column;align-items:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;gap:2px}.knob-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-sans);font-weight:500}.knob-value{font-size:11px;color:var(--text-primary);font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums}.knob-agent svg{animation:knob-flash var(--dur-state) var(--ease-considered)}@keyframes knob-flash{0%{filter:drop-shadow(0 0 6px var(--accent-secondary))}to{filter:none}}.knob-editing svg{filter:drop-shadow(0 0 5px var(--accent-glow))}.panel-tabs{display:flex;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-2)}.panel-tab{flex:1;padding:var(--sp-2) 0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered)}.panel-tab:hover{color:var(--text-secondary)}.panel-tab-active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.theme-toggle{flex:0 0 auto;margin-left:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--r-3);color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;line-height:1;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered)}.theme-toggle:hover{background:var(--fill-medium);color:var(--text-accent);border-color:var(--color-border-strong)}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ptt-btn{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--accent-tint-40);border-radius:var(--r-3);background:transparent;color:var(--text-accent);font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered);touch-action:none}.ptt-btn:hover:not(:disabled){background:var(--accent-tint-12)}.ptt-btn.ptt-active{background:var(--accent-tint-25);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 12px var(--accent-glow)}.ptt-btn:disabled{opacity:.35;cursor:default}.ptt-btn.ptt-mic-off{opacity:1;color:var(--text-secondary);border-color:var(--color-border-strong);background:transparent;cursor:default;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.ptt-mic-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:12px;line-height:1;filter:grayscale(1);opacity:.6}.ptt-mic-glyph{display:inline-block;font-size:12px;line-height:1}.ptt-mic-strike{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.ptt-mic-strike:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:var(--text-secondary);transform:rotate(-30deg);transform-origin:center}.ptt-btn-label{white-space:nowrap}.ptt-host{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:0 0 auto;max-width:220px}.ptt-subtitle{margin-top:0;font-family:var(--font-sans);font-size:.72rem;line-height:1.35;color:var(--text-secondary);text-align:left}.ptt-open-settings{background:transparent;border:none;padding:0;font:inherit;color:var(--text-accent);cursor:pointer;text-decoration:none}.ptt-open-settings:hover{text-decoration:underline}.ptt-open-settings:focus{outline:none}.ptt-open-settings:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-1)}.panel-tab:focus{outline:none}.panel-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-1)}.knob-wrap{outline:none}.knob-wrap:focus{outline:none}.knob-wrap:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-3)}[role=slider]:focus{outline:none}[role=slider]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-3)}.ptt-btn:focus{outline:none}.ptt-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.send-btn:focus,.feedback-btn:focus,.copy-btn:focus,.mic-btn:focus{outline:none}.send-btn:focus-visible,.feedback-btn:focus-visible,.copy-btn:focus-visible,.mic-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-2)}body.web-demo .app-layout{height:100vh;height:100dvh;overflow:visible}body.web-demo .app-body{grid-template-rows:minmax(320px,1fr)}body.web-demo .play-surface,body.web-demo .right-column-chat-only{box-sizing:border-box}body.web-demo .app-center-column{grid-column:3;grid-row:1;min-width:0;min-height:0}body.web-demo .right-column{overflow-y:auto}body.web-demo .saved-sounds-fab{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:40;padding:10px 18px;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--bg-raised);color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:var(--depth-card);transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}body.web-demo .saved-sounds-fab:hover{background:var(--accent-tint-15);color:var(--text-accent)}body.web-demo .saved-sounds-fab:focus{outline:none}body.web-demo .saved-sounds-fab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}body.web-demo .hood-slide-over .hood-slide-over-backdrop{pointer-events:none;background:transparent}.audition-shell{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem;background:var(--bg-raised);border:1px solid rgba(255,255,255,.04);border-radius:var(--r-3);margin:.6rem 0;box-shadow:var(--depth-raised)}.audition-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.audition-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.04);background:var(--accent-tint-18, rgba(124, 77, 255, .18));color:var(--text-primary);font-family:var(--font-sans);font-size:.8rem;padding:.4rem .75rem;border-radius:var(--r-2);cursor:pointer;transition:background .12s ease,transform .12s ease}.audition-btn:hover:not(:disabled){background:var(--accent-tint-35, rgba(124, 77, 255, .35))}.audition-btn:active:not(:disabled){transform:translateY(1px)}.audition-btn:disabled{opacity:.45;cursor:not-allowed}.audition-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer}.audition-toggle input{accent-color:var(--accent-primary);cursor:pointer}.audition-octave{display:inline-flex;align-items:center;gap:.35rem}.audition-octave-btn{min-width:24px;padding:.25rem .5rem;font-size:.9rem;line-height:1}.audition-octave-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);min-width:48px;text-align:center;letter-spacing:.04em}.audition-hint{font-size:.72rem;color:var(--text-tertiary);font-style:italic}.audition-keyboard{position:relative;display:flex;height:110px;background:var(--bg-inset);border-radius:var(--r-2);padding:4px;box-shadow:var(--depth-inset)}.audition-keyboard:focus{outline:none}.audition-keyboard:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 2px var(--accent-tint-60, rgba(124, 77, 255, .6))}.piano-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;padding:0 0 6px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;cursor:pointer;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;transition:background 80ms ease,transform 60ms ease}.piano-key:disabled{cursor:not-allowed;opacity:.5}.piano-key-label{font-size:.62rem;letter-spacing:.04em}.piano-key-binding{font-size:.58rem;opacity:.55;font-family:var(--font-mono)}.piano-key-white{flex:1 1 0;background:linear-gradient(180deg,var(--color-key-white-top, #e8e8ee) 0%,var(--color-key-white-bot, #b8b8c2) 100%);color:var(--color-key-white-label, #14161D);border-right:1px solid rgb(0 0 0 / 25%);border-radius:0 0 var(--r-2) var(--r-2)}.piano-key-white:last-child{border-right:none}.piano-key-white:hover:not(:disabled){background:linear-gradient(180deg,var(--color-key-white-hover-top, #fafafa) 0%,var(--color-key-white-hover-bot, #d0d0da) 100%)}.piano-key-black{flex:0 0 0;width:28px;height:65%;margin-left:-14px;margin-right:-14px;background:linear-gradient(180deg,var(--color-key-black-top, #2a2a32) 0%,var(--color-key-black-bot, #0e0e14) 100%);color:var(--color-key-black-label, #A8B0BD);border-radius:0 0 var(--r-2) var(--r-2);z-index:2;box-shadow:0 2px 6px #0000008c}.piano-key-black:hover:not(:disabled){background:linear-gradient(180deg,var(--color-key-black-hover-top, #3a3a44) 0%,var(--color-key-black-hover-bot, #1a1a22) 100%)}.piano-key-active.piano-key-white{background:linear-gradient(180deg,var(--color-key-active-white-top, var(--accent-primary)) 0%,var(--color-key-active-white-bot, var(--accent-secondary)) 100%);color:var(--color-key-white-label, #14161D)}.piano-key-active.piano-key-black{background:linear-gradient(180deg,var(--color-key-active-black-top, var(--accent-primary)) 0%,var(--color-key-active-black-bot, var(--accent-secondary)) 100%)}.ptt-error{flex-basis:100%;font-size:.74rem;color:var(--state-error);background:var(--error-tint-12, rgba(255, 61, 136, .12));border:1px solid var(--error-tint-30, rgba(255, 61, 136, .3));padding:.4rem .6rem;border-radius:var(--r-2);margin-top:.4rem}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0714;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity .4s var(--ease-considered)}.boot-splash-fade{opacity:0}.boot-splash-stage{position:relative;width:min(960px,90vw);display:flex;align-items:center;justify-content:center}.boot-splash-hero{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;border-radius:12px;box-shadow:0 0 80px #7c4dff2e}@media (prefers-reduced-motion: reduce){.boot-splash{transition-duration:1ms}}.knob-root{--knob-size: 52px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;position:relative;cursor:ns-resize;outline:none}.knob-root.knob-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;animation:timbre-muted-breathe 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.knob-root.knob-disabled{animation:none;opacity:.5}}.knob-root:focus{outline:none}.knob-root:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:6px}.knob-dial{position:relative;width:var(--knob-size);height:var(--knob-size);display:flex;align-items:center;justify-content:center}.knob-svg{display:block;width:var(--knob-size);height:var(--knob-size);overflow:visible}.knob-track{stroke:var(--bg-raised);transition:stroke .18s cubic-bezier(.22,.61,.36,1)}.knob-root.knob-hover .knob-track{stroke:#2a2e38}.knob-center-tick{stroke:var(--text-tertiary);opacity:.7}.knob-fill{transition:filter .18s cubic-bezier(.22,.61,.36,1)}.knob-root.knob-hover .knob-fill{filter:drop-shadow(0 0 3px var(--accent-glow))}.knob-root.knob-dragging .knob-fill{filter:drop-shadow(0 0 6px var(--accent-glow))}.knob-plate{filter:drop-shadow(0 1px 0 rgba(255,255,255,.06)) drop-shadow(0 -1px 0 rgba(0,0,0,.5));transition:filter .18s cubic-bezier(.22,.61,.36,1)}.knob-plate-ring{stroke:#ffffff0d}.knob-root.knob-hover .knob-plate{filter:drop-shadow(0 1px 0 rgba(255,255,255,.1)) drop-shadow(0 -1px 0 rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(124,77,255,.1))}.knob-root.knob-dragging .knob-plate{filter:drop-shadow(0 1px 0 rgba(255,255,255,.12)) drop-shadow(0 0 14px var(--accent-glow))}.knob-indicator{stroke:#f5f7fa;filter:drop-shadow(0 0 4px var(--accent-glow));transition:filter .18s cubic-bezier(.22,.61,.36,1),stroke .18s cubic-bezier(.22,.61,.36,1)}.knob-root.knob-hover .knob-indicator{filter:drop-shadow(0 0 8px var(--accent-glow))}.knob-root.knob-dragging .knob-indicator{stroke:#fff;filter:drop-shadow(0 0 12px var(--accent-glow))}.knob-name{font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);line-height:1.2;text-align:center;pointer-events:none;white-space:nowrap;transition:opacity .18s cubic-bezier(.22,.61,.36,1)}.knob-root.knob-dragging .knob-name{opacity:.35}.knob-center-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .12s cubic-bezier(.22,.61,.36,1),transform .16s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.5)}.knob-center-value.is-visible{opacity:1;transform:translateY(0)}.knob-root.knob-sm .knob-center-value{font-size:10px}.knob-root.knob-md .knob-center-value{font-size:12px}.knob-root.knob-lg .knob-center-value{font-size:14px}.knob-root.knob-sm .knob-name{font-size:9px}.knob-root.knob-lg .knob-name{font-size:11px}.knob-mod-halo{opacity:.35}.knob-mod-lfo1 .knob-mod-halo{stroke:var(--mod-lfo1)}.knob-mod-lfo2 .knob-mod-halo{stroke:var(--mod-lfo2)}.knob-mod-env1 .knob-mod-halo{stroke:var(--mod-env1)}.knob-mod-env2 .knob-mod-halo{stroke:var(--mod-env2)}.knob-mod-macro1 .knob-mod-halo{stroke:var(--mod-macro1)}.knob-mod-macro2 .knob-mod-halo{stroke:var(--mod-macro2)}.knob-mod-macro3 .knob-mod-halo{stroke:var(--mod-macro3)}.knob-mod-macro4 .knob-mod-halo{stroke:var(--mod-macro4)}.knob-mod-velocity .knob-mod-halo{stroke:var(--mod-velocity)}.knob-mod-keytrack .knob-mod-halo{stroke:var(--mod-keytrack)}.knob-mod-ring{stroke-dasharray:6 4;animation:knob-mod-flow 3s linear infinite,knob-mod-breathe 2s cubic-bezier(.45,0,.55,1) infinite}.knob-mod-lfo1 .knob-mod-ring{stroke:var(--mod-lfo1)}.knob-mod-lfo2 .knob-mod-ring{stroke:var(--mod-lfo2)}.knob-mod-env1 .knob-mod-ring{stroke:var(--mod-env1)}.knob-mod-env2 .knob-mod-ring{stroke:var(--mod-env2)}.knob-mod-macro1 .knob-mod-ring{stroke:var(--mod-macro1)}.knob-mod-macro2 .knob-mod-ring{stroke:var(--mod-macro2)}.knob-mod-macro3 .knob-mod-ring{stroke:var(--mod-macro3)}.knob-mod-macro4 .knob-mod-ring{stroke:var(--mod-macro4)}.knob-mod-velocity .knob-mod-ring{stroke:var(--mod-velocity)}.knob-mod-keytrack .knob-mod-ring{stroke:var(--mod-keytrack)}.knob-root.knob-mod-drop-eligible .knob-plate{filter:drop-shadow(0 1px 0 rgba(255,255,255,.06)) drop-shadow(0 0 6px rgba(124,77,255,.35))}.knob-root.knob-mod-drop-over .knob-plate{filter:drop-shadow(0 1px 0 rgba(255,255,255,.1)) drop-shadow(0 0 14px rgba(124,77,255,.85)) drop-shadow(0 0 22px rgba(124,77,255,.55))}.knob-root.knob-mod-drop-over .knob-indicator{stroke:#fff;filter:drop-shadow(0 0 10px rgba(124,77,255,.9))}@keyframes knob-mod-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}@keyframes knob-mod-breathe{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion: reduce){.knob-mod-ring{animation:none;opacity:.7}.knob-name,.knob-center-value,.knob-fill,.knob-plate,.knob-indicator,.knob-track{transition:none}}.knob-root.knob-agent-flash .knob-fill{animation:knob-agent-pulse .4s cubic-bezier(.22,.61,.36,1)}@keyframes knob-agent-pulse{0%{filter:drop-shadow(0 0 12px var(--accent-secondary))}to{filter:drop-shadow(0 0 3px var(--accent-glow))}}.knob-root.knob-easter-spin .knob-svg{animation:knob-spin .6s cubic-bezier(.22,.61,.36,1);transform-origin:center}@keyframes knob-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.knob-root.knob-easter-spin .knob-svg{animation:none}}.mod-sources-strip{display:flex;align-items:center;gap:6px;padding:0 var(--sp-3);border-left:1px solid var(--color-border);align-self:stretch}.mod-sources-heading{font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding-right:var(--sp-2);display:flex;align-items:center}.mod-source-dot{--mod-color: var(--accent-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.mod-source-dot:active,.mod-source-dot.is-dragging{cursor:grabbing}.mod-source-dot:focus{outline:none}.mod-source-dot:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:50%}.mod-source-glyph{width:16px;height:16px;border-radius:50%;background:var(--mod-color);box-shadow:0 0 0 1px #00000059,0 0 8px color-mix(in srgb,var(--mod-color) 60%,transparent),inset 0 1px #fff6;transition:transform var(--dur-micro) var(--ease-considered),box-shadow var(--dur-micro) var(--ease-considered)}.mod-source-dot:hover .mod-source-glyph{transform:scale(1.15);box-shadow:0 0 0 1px #00000059,0 0 14px color-mix(in srgb,var(--mod-color) 80%,transparent),inset 0 1px #ffffff8c}.mod-source-dot.is-dragging .mod-source-glyph{opacity:.4}.mod-source-md .mod-source-glyph{width:20px;height:20px}.mod-source-label{font-family:var(--font-mono);font-size:8px;font-weight:500;color:var(--text-tertiary);letter-spacing:.05em;pointer-events:none}.mod-source-dot:hover .mod-source-label{color:var(--text-secondary)}.mod-source-ghost{position:fixed;pointer-events:none;z-index:9999;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 0 16px #7c4dffb3,inset 0 1px #ffffff8c;opacity:.95}.mod-source-ghost.mod-source-lfo1{background:var(--mod-lfo1)}.mod-source-ghost.mod-source-lfo2{background:var(--mod-lfo2)}.mod-source-ghost.mod-source-env1{background:var(--mod-env1)}.mod-source-ghost.mod-source-env2{background:var(--mod-env2)}.mod-source-ghost.mod-source-macro1{background:var(--mod-macro1)}.mod-source-ghost.mod-source-macro2{background:var(--mod-macro2)}.mod-source-ghost.mod-source-macro3{background:var(--mod-macro3)}.mod-source-ghost.mod-source-macro4{background:var(--mod-macro4)}.mod-source-ghost.mod-source-velocity{background:var(--mod-velocity)}.mod-source-ghost.mod-source-keytrack{background:var(--mod-keytrack)}.macro-bar{grid-row:2;display:flex;align-items:flex-end;gap:var(--sp-6);padding:16px var(--sp-3) 10px;height:100%;box-sizing:border-box;overflow:hidden;background:var(--bg-panel);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;min-width:0}.macro-bar .knob-name{display:none}.macro-bar-heading{font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding-right:var(--sp-3);border-right:1px solid var(--color-border);align-self:stretch;display:flex;align-items:center}.macro-slot{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.macro-drag-handle{display:flex;align-items:center;justify-content:center;margin-top:-2px}.macro-label{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;cursor:text;padding:2px var(--sp-1);border-radius:var(--r-1);transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}.macro-label:hover{background:var(--fill-medium);color:var(--text-accent)}.macro-label-input{background:var(--bg-inset);border:1px solid var(--accent-tint-40);border-radius:var(--r-1);color:var(--text-primary);font-family:var(--font-sans);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:2px var(--sp-1);width:80px;text-align:center;box-shadow:var(--depth-inset)}.macro-label-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.knob-context-menu{position:fixed;z-index:10000;min-width:160px;padding:4px;border:1px solid var(--color-border-strong, rgba(255, 255, 255, .12));border-radius:var(--r-2, 8px);background:var(--bg-panel, #1A1D24);box-shadow:0 8px 24px #00000073;font-family:var(--font-sans);font-size:.82rem;-webkit-user-select:none;user-select:none}.knob-context-item{display:block;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:var(--r-1, 4px);color:var(--text-primary);text-align:left;font:inherit;cursor:pointer}.knob-context-item:hover:not(:disabled){background:var(--accent-tint-12, rgba(180, 140, 255, .12));color:var(--text-accent, #B388FF)}.knob-context-item:disabled{color:var(--text-secondary);opacity:.55;cursor:default}.knob-context-item:focus{outline:none}.knob-context-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.visualizer{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:var(--sp-2);gap:var(--sp-2);box-sizing:border-box}.vz-toggle{display:grid;grid-template-columns:repeat(4,1fr);height:28px;flex:0 0 auto;background:var(--bg-inset);border:1px solid var(--color-border);border-radius:var(--r-2);padding:2px;box-shadow:inset 0 1px #0009,inset 0 -1px #ffffff08;gap:2px}.vz-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:calc(var(--r-2) - 1px);color:var(--text-tertiary);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .18s cubic-bezier(.22,.61,.36,1),background-color .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1)}.vz-toggle-btn:hover{color:var(--text-secondary)}.vz-toggle-btn:focus{outline:none}.vz-toggle-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.vz-toggle-btn-active{color:var(--text-primary);background:var(--bg-raised, #1E2129);box-shadow:0 1px #ffffff0a,inset 0 -2px 0 var(--accent-primary)}.vz-canvas-wrap{position:relative;flex:1 1 auto;min-height:0;background:var(--bg-inset);border-radius:var(--r-2);overflow:hidden;box-shadow:inset 0 1px #0009,inset 0 -1px #ffffff08}.vz-canvas{display:block;width:100%;height:100%}@media (prefers-reduced-motion: reduce){.vz-toggle-btn{transition:none}}.mod-constellation-wrap{padding:var(--sp-2);background:radial-gradient(ellipse at 30% 20%,rgba(124,77,255,.06),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(255,61,136,.05),transparent 60%),var(--bg-inset);border-radius:var(--r-2);margin:var(--sp-2);box-shadow:var(--depth-inset)}.mod-constellation{width:100%;height:auto;display:block;overflow:visible}.mod-constellation-empty{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.mod-constellation-empty p{margin:0;font-family:var(--font-sans);font-size:11px;line-height:1.5;color:var(--text-tertiary)}.mod-constellation-thread{cursor:pointer}.mod-constellation-thread-line{stroke-dasharray:4 8;animation:mod-constellation-flow 1.6s linear infinite;filter:drop-shadow(0 0 4px currentColor);transition:stroke-width var(--dur-micro) var(--ease-considered),opacity var(--dur-micro) var(--ease-considered)}.mod-constellation-thread.is-disabled .mod-constellation-thread-line{animation:none;stroke-dasharray:2 6;filter:none}.mod-constellation-thread.is-highlighted .mod-constellation-thread-line,.mod-constellation-thread:hover .mod-constellation-thread-line{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}@keyframes mod-constellation-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48}}.mod-constellation-src circle{filter:drop-shadow(0 0 6px currentColor)}.mod-constellation-src.is-active circle:first-of-type{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 14px currentColor)}.mod-constellation-src-pulse{transform-origin:center;transform-box:fill-box;animation:mod-constellation-pulse 2.8s ease-in-out infinite}@keyframes mod-constellation-pulse{0%,to{opacity:.15;r:9}50%{opacity:.55;r:12}}.mod-constellation-srclabel,.mod-constellation-dstlabel{font-family:var(--font-mono);font-size:9px;fill:var(--text-tertiary);letter-spacing:.04em;pointer-events:none}.mod-constellation-dst circle{fill:var(--text-secondary);opacity:.6}.mod-constellation-amount rect{fill:var(--bg-panel);stroke:var(--color-border);stroke-width:1}.mod-constellation-amount text{font-family:var(--font-mono);font-size:10px;fill:var(--text-primary);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.mod-constellation-thread-line{animation:none}.mod-constellation-src-pulse{animation:none;opacity:.3}}.mod-matrix-panel{flex:0 0 auto;min-height:0;display:flex;flex-direction:column}.mod-matrix-panel.is-open{max-height:360px}.mod-matrix-panel .fold-host{overflow:hidden;max-height:360px;transition:max-height .22s var(--ease-considered)}.mod-matrix-panel .fold-host.is-folded{max-height:0}.mod-matrix-header{display:flex;align-items:stretch;border-bottom:1px solid var(--color-border)}.mod-matrix-toggle{flex:1;background:transparent;border:none;padding:var(--sp-2) var(--sp-3);display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;color:inherit;font-family:inherit;text-align:left}.mod-matrix-toggle:hover{background:var(--fill-medium)}.mod-matrix-toggle:focus{outline:none}.mod-matrix-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.mod-matrix-count{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);padding:1px 6px;border:1px solid var(--color-border);border-radius:999px}.mod-matrix-viewswitch{display:flex;align-items:center;padding:0 var(--sp-2);gap:2px}.mod-matrix-viewbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;color:var(--text-tertiary);font-family:var(--font-sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:var(--r-1);cursor:pointer;transition:color var(--dur-micro) var(--ease-considered),background var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered)}.mod-matrix-viewbtn:hover{color:var(--text-secondary)}.mod-matrix-viewbtn.is-active{color:var(--text-primary);background:var(--bg-raised);border-color:var(--color-border)}.mod-matrix-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.mod-matrix-list{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2)}.mod-matrix-empty{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.mod-matrix-empty p{margin:0;font-family:var(--font-sans);font-size:11px;line-height:1.5;color:var(--text-tertiary)}.mod-matrix-rowheader{display:grid;grid-template-columns:16px 1fr 16px 1fr 1.2fr auto;gap:var(--sp-2);padding:2px var(--sp-2);font-family:var(--font-sans);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px dashed var(--color-border);margin-bottom:4px}.mod-matrix-row{display:grid;grid-template-columns:16px auto 16px 1fr 1fr auto auto auto;gap:var(--sp-2);align-items:center;padding:6px var(--sp-2);border-radius:var(--r-2);font-family:var(--font-sans);font-size:11px;transition:background var(--dur-micro) var(--ease-considered)}.mod-matrix-row:hover{background:var(--fill-medium)}.mod-matrix-row.is-highlighted{background:#7c4dff1f;outline:1px solid var(--accent-tint-40)}.mod-matrix-row.is-disabled{opacity:.5}.mod-matrix-srcdot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #0006,0 0 6px currentColor,inset 0 1px #ffffff73}.mod-matrix-srclabel,.mod-matrix-dstlabel{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-matrix-arrow{color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px}.mod-matrix-amount{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--bg-inset);outline:none;--mod-color: var(--accent-primary)}.mod-matrix-amount::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mod-color);box-shadow:0 0 6px var(--mod-color);border:1px solid rgba(0,0,0,.5);cursor:pointer}.mod-matrix-amount::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--mod-color);box-shadow:0 0 6px var(--mod-color);border:1px solid rgba(0,0,0,.5);cursor:pointer}.mod-matrix-amount-readout{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.mod-matrix-enable{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:14px;border-radius:999px;background:var(--bg-inset);border:1px solid var(--color-border);position:relative;cursor:pointer;padding:0;transition:background var(--dur-micro) var(--ease-considered)}.mod-matrix-enable.is-on{background:var(--accent-primary);border-color:var(--accent-primary)}.mod-matrix-enable-thumb{position:absolute;top:1px;left:1px;width:10px;height:10px;border-radius:50%;background:var(--text-primary);transition:left var(--dur-micro) var(--ease-considered)}.mod-matrix-enable.is-on .mod-matrix-enable-thumb{left:15px}.mod-matrix-delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--dur-micro) var(--ease-considered)}.mod-matrix-delete:hover{color:var(--state-error)}.mod-matrix-addrow{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);margin-top:var(--sp-1);border-top:1px dashed var(--color-border)}.mod-matrix-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-inset);color:var(--text-secondary);border:1px solid var(--color-border);border-radius:var(--r-1);padding:4px 6px;font-family:var(--font-sans);font-size:11px;flex:1;min-width:0}.mod-matrix-select:focus{outline:none;border-color:var(--accent-primary)}.mod-matrix-addbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:var(--r-2);padding:4px 10px;font-family:var(--font-sans);font-size:11px;font-weight:600;cursor:pointer;transition:filter var(--dur-micro) var(--ease-considered)}.mod-matrix-addbtn:hover{filter:brightness(1.15)}.mod-matrix-addbtn:active{transform:scale(.98)}.modules-grid{grid-column:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2);padding:var(--sp-3);overflow-y:auto;align-content:start;min-width:0}.module{background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--r-3);box-shadow:var(--depth-card);display:flex;flex-direction:column;min-width:0;position:relative}.module:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:#ffffff0a;pointer-events:none;border-radius:var(--r-3) var(--r-3) 0 0}.module-header{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-border)}.module-title{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.module-knobs{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3)}.module-controls{display:flex;flex-wrap:wrap;gap:6px;padding:var(--sp-2) var(--sp-3) 0;min-height:30px}.module-control{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--r-2);background:#ffffff08;color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:600;text-transform:uppercase}.module-control select{height:22px;min-width:58px;border:0;border-radius:var(--r-1);background:var(--bg-raised);color:var(--text-primary);font:inherit;text-transform:none}.module-toggle input{inline-size:16px;block-size:16px;accent-color:var(--accent-primary)}.module-preset-select{margin-left:auto;height:24px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--r-2);background:var(--bg-raised);color:var(--text-secondary);font-family:var(--font-sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color .12s ease,border-color .12s ease}.module-preset-select:hover{color:var(--text-primary);border-color:var(--accent-primary)}.module-preset-select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.module-control-agent{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-tint-35)}.module-filter{grid-column:span 2}.module-amp-env{grid-column:span 1}.module-reverb{grid-column:span 2}.module-delay{grid-column:span 1}.module-global{grid-column:span 3}.module-visualizer{grid-column:span 3;min-height:220px;padding:0;overflow:hidden}.module-visualizer>*{width:100%;height:100%}.modules-grid-mod-matrix{grid-column:span 3}@media (max-width: 720px){.modules-grid{grid-template-columns:1fr}.module-filter,.module-amp-env,.module-reverb,.module-delay,.module-global{grid-column:span 1}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;opacity:1;animation:onboarding-fade-in .2s ease-out both}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.onboarding-overlay{animation:none}}.onboarding-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;pointer-events:auto}.onboarding-spotlight{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #0000006b,0 0 0 1px #8c66c873,0 0 24px 4px #8c66c838;pointer-events:none;transition:top .2s ease-out,left .2s ease-out,width .2s ease-out,height .2s ease-out}@media (prefers-reduced-motion: reduce){.onboarding-spotlight{transition:none}}.onboarding-card{position:absolute;pointer-events:auto;min-width:240px;padding:.9rem 1rem .75rem;border-radius:12px;background:var(--bg-panel, #15151a);border:1px solid rgba(140,102,200,.42);box-shadow:0 18px 40px #0006,0 0 0 1px #ffffff08;color:var(--text-primary);font-family:var(--font-sans);font-size:.92rem;line-height:1.45;animation:onboarding-card-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes onboarding-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.onboarding-card{animation:none}}.onboarding-card:not([style*=top]):not([style*=bottom]){top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-card-body{margin:0 0 .75rem;font-family:var(--font-display, var(--font-sans));font-weight:500;font-size:1rem;color:var(--text-primary)}.onboarding-step-indicator{display:flex;gap:.32rem;margin-bottom:.55rem}.onboarding-step-dot{display:block;width:8px;height:8px;border-radius:50%;background:#8c66c838;transition:background-color .2s ease-out,transform .2s ease-out}.onboarding-step-dot.is-current{background:#8c66c8d9;transform:scale(1.15)}.onboarding-step-dot.is-past{background:#8c66c880}.onboarding-card-actions{display:flex;justify-content:flex-end;gap:.45rem}.onboarding-card-skip,.onboarding-card-advance{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;padding:.4rem .85rem;font-family:var(--font-sans);font-size:.82rem;letter-spacing:.05em;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}.onboarding-card-skip{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.06)}.onboarding-card-skip:hover{color:var(--text-primary);border-color:#ffffff2e}.onboarding-card-advance{background:#8c66c852;color:var(--text-primary);border:1px solid rgba(140,102,200,.5)}.onboarding-card-advance:hover{background:#8c66c880}.onboarding-card:before{content:"";position:absolute;width:12px;height:12px;background:var(--bg-panel, #15151a);border:1px solid rgba(140,102,200,.42);transform:rotate(45deg)}.onboarding-card--above:before{bottom:-7px;left:24px;border-top:none;border-left:none}.onboarding-card--below:before{top:-7px;left:24px;border-bottom:none;border-right:none}.onboarding-card--right:before{left:-7px;top:24px;border-top:none;border-right:none}.patch-browser{display:flex;flex-direction:column;gap:.5rem;font-size:.7rem;font-family:var(--font-sans)}.patch-browser-toolbar{display:flex;align-items:center;gap:.4rem}.patch-browser-filter{display:inline-flex;background:#ffffff0a;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--r-2);overflow:hidden}.pb-filter-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .6rem;cursor:pointer;transition:background .12s,color .12s}.pb-filter-btn:hover{color:var(--text-accent, #B388FF)}.pb-filter-active{background:#7c4dff38;color:var(--text-primary)}.pb-filter-btn:focus{outline:none}.pb-filter-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.pb-clear-btn{margin-left:auto;background:#ffffff0a;border:1px solid rgb(255 255 255 / 10%);color:var(--text-accent, #B388FF);font-family:var(--font-sans);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .55rem;border-radius:var(--r-2);cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.pb-clear-btn:hover:not(:disabled){background:#7c4dff26;border-color:#7c4dff66}.pb-clear-btn:disabled{opacity:.35;cursor:default}.pb-clear-btn:focus{outline:none}.pb-clear-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.patch-browser-empty{padding:1rem .6rem;text-align:center;font-size:.7rem;color:var(--text-tertiary);border:1px dashed rgb(255 255 255 / 8%);border-radius:var(--r-2);line-height:1.45}.patch-browser-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;max-height:60vh;overflow-y:auto}.patch-browser-row{display:flex;align-items:stretch;gap:.25rem;border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);background:var(--bg-raised);box-shadow:var(--depth-raised);transition:background .12s,border-color .12s}.patch-browser-row:hover{background:#7c4dff1a;border-color:#7c4dff4d}.pb-row-main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;border:none;color:inherit;text-align:left;font-family:var(--font-sans);padding:.45rem .55rem;cursor:pointer;min-width:0}.pb-row-main:focus{outline:none}.pb-row-main:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px;border-radius:var(--r-2)}.pb-row-label{font-size:.72rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.pb-row-time{font-size:.58rem;color:var(--text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-transform:lowercase;letter-spacing:.04em}.pb-rename-input{flex:1;background:var(--bg-inset);border:1px solid var(--accent-primary);border-radius:var(--r-2);color:var(--text-primary);font-family:var(--font-sans);font-size:.72rem;padding:.18rem .35rem;min-width:0;box-shadow:var(--depth-inset)}.pb-rename-input:focus{outline:2px solid var(--accent-primary);outline-offset:1px}.pb-star-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:1rem;line-height:1;padding:0 .5rem;cursor:pointer;border-left:1px solid rgba(255,255,255,.04);transition:color .12s}.pb-star-btn:hover,.pb-star-on{color:#ffd166}.pb-star-btn:focus{outline:none}.pb-star-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px;border-radius:var(--r-2)}.ab-toggle{display:inline-flex;align-items:stretch;width:60px;height:24px;background:transparent;border:1px solid var(--color-border);border-radius:var(--r-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;transition:border-color var(--dur-state) var(--ease-considered)}.ab-toggle:hover{border-color:var(--accent-tint-40)}.ab-toggle--muted{opacity:.65}.ab-toggle-half{flex:1 1 50%;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:none;color:var(--text-tertiary);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color var(--dur-state) var(--ease-considered),background var(--dur-state) var(--ease-considered);font-variant-numeric:tabular-nums}.ab-toggle-half:hover{color:var(--text-secondary)}.ab-toggle-half.is-active{color:var(--accent-primary);background:var(--accent-tint-12)}.ab-toggle-half:focus{outline:none}.ab-toggle-half:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-1)}.ab-toggle-divider{width:1px;background:var(--color-border);flex:0 0 1px}.play-surface{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-6);min-height:0;height:100%;padding:var(--sp-8) var(--sp-6) var(--sp-6);overflow-y:auto;background:var(--bg-panel);border-right:1px solid var(--color-border)}.play-surface-divider{height:1px;width:100%;background:var(--color-border);opacity:.6}.play-surface-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);align-items:end;justify-items:center;padding-bottom:var(--sp-2)}.play-surface-macro-slot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-width:0}.play-surface-macro-label{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;text-align:center}.play-surface-macro-value{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.04em}.play-surface-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);align-items:end;justify-items:center;padding:var(--sp-2) 0 var(--sp-3)}.play-surface-trio-slot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.play-surface-trio-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.play-surface-knob--hero .knob-dial,.play-surface-knob--hero .knob-svg{width:96px!important;height:96px!important}.play-surface-knob--trio .knob-dial,.play-surface-knob--trio .knob-svg{width:64px!important;height:64px!important}.play-surface-knob .knob-name{display:none}.play-surface-knob .knob-root.knob-dragging .knob-svg{filter:drop-shadow(0 0 12px var(--accent-tint-60))}.play-surface-ab{display:flex;justify-content:center;padding:var(--sp-2) 0 0}.play-surface-foot{margin-top:auto;display:flex;justify-content:center;padding-top:var(--sp-4)}.play-surface-hood-btn{display:inline-flex;align-items:center;gap:var(--sp-2);background:transparent;border:1px solid var(--color-border);color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border-radius:var(--r-2);cursor:pointer;transition:border-color var(--dur-state) var(--ease-considered),color var(--dur-state) var(--ease-considered),background var(--dur-state) var(--ease-considered)}.play-surface-hood-btn:hover{border-color:var(--accent-tint-40);color:var(--accent-primary)}.play-surface-hood-btn:focus{outline:none}.play-surface-hood-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.play-surface-gear{display:block;color:currentColor}@media (max-width: 720px){.play-surface{padding:var(--sp-4);gap:var(--sp-4)}.play-surface-knob--hero .knob-dial,.play-surface-knob--hero .knob-svg{width:72px!important;height:72px!important}.play-surface-knob--trio .knob-dial,.play-surface-knob--trio .knob-svg{width:52px!important;height:52px!important}}.hood-slide-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;overflow:hidden}.hood-slide-over-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b0f99;border:none;padding:0;margin:0;cursor:pointer;pointer-events:auto;animation:hood-backdrop-in var(--dur-state) var(--ease-considered)}@keyframes hood-backdrop-in{0%{opacity:0}to{opacity:1}}.hood-slide-over-panel{position:absolute;top:0;bottom:0;left:0;width:480px;max-width:100%;display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--color-border);box-shadow:var(--depth-raised);pointer-events:auto;animation:hood-panel-in .32s var(--ease-considered);will-change:transform}@keyframes hood-panel-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.hood-slide-over-header{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);background:var(--bg-panel)}.hood-slide-over-close{background:transparent;border:1px solid var(--color-border);color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;border-radius:var(--r-2);cursor:pointer;transition:border-color var(--dur-state) var(--ease-considered),color var(--dur-state) var(--ease-considered)}.hood-slide-over-close:hover{border-color:var(--accent-tint-40);color:var(--accent-primary)}.hood-slide-over-close:focus{outline:none}.hood-slide-over-close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.hood-slide-over-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}@media (prefers-reduced-motion: reduce){.hood-slide-over-panel,.hood-slide-over-backdrop{animation:none!important}}@media (max-width: 720px){.hood-slide-over-panel{width:100%;border-right:none}}.preset-list{position:fixed;top:0;right:0;bottom:0;width:min(28rem,92vw);background:var(--bg-elevated, rgba(18,18,24,.96));border-left:1px solid var(--color-border, rgba(255,255,255,.08));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:-20px 0 60px #00000073;display:flex;flex-direction:column;z-index:7000;animation:presetListIn .22s var(--ease-considered, ease-out)}@keyframes presetListIn{0%{transform:translate(8%);opacity:0}to{transform:translate(0);opacity:1}}.preset-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3, .9rem) var(--sp-4, 1.2rem);border-bottom:1px solid var(--color-border, rgba(255,255,255,.08))}.preset-list-title{color:var(--text-primary, #f3f3f8);font-family:var(--font-sans);font-weight:700;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}.preset-list-close{background:transparent;border:none;color:var(--text-secondary, #c0c0c8);font-size:1.3rem;cursor:pointer;line-height:1;padding:.2rem .4rem;border-radius:var(--r-2, 6px)}.preset-list-close:hover{background:var(--accent-tint-12, rgba(120,120,200,.12))}.preset-list-body{flex:1;overflow-y:auto;padding:var(--sp-3, .9rem) var(--sp-4, 1.2rem);display:flex;flex-direction:column;gap:var(--sp-3, .9rem)}.preset-list-empty{color:var(--text-secondary, #b0b0b8);font-size:.85rem;line-height:1.4}.preset-list-empty em{color:var(--text-primary, #f3f3f8);font-style:italic}.preset-row{background:var(--bg-surface, rgba(255,255,255,.03));border:1px solid var(--color-border, rgba(255,255,255,.08));border-radius:var(--r-3, 10px);padding:var(--sp-3, .9rem);display:flex;flex-direction:column;gap:var(--sp-2, .5rem)}.preset-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.preset-row-name{color:var(--text-primary);font-weight:600;font-size:.92rem;letter-spacing:.01em}.preset-row-stamp{color:var(--text-secondary);font-size:.74rem;font-variant-numeric:tabular-nums}.preset-row-prompt{color:var(--text-secondary);font-size:.82rem;line-height:1.35;margin:0}.preset-row-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-1)}.preset-row-play,.preset-row-bounce,.preset-row-delete{background:transparent;border:1px solid var(--color-border);border-radius:var(--r-3, 8px);color:var(--text-primary);font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .75rem;cursor:pointer;transition:border-color var(--dur-state) var(--ease-considered),background var(--dur-state) var(--ease-considered),transform .1s}.preset-row-play:hover,.preset-row-bounce:hover{border-color:var(--accent-tint-40);background:var(--accent-tint-12)}.preset-row-delete:hover{border-color:#dc50508c;background:#dc50501f;color:#ffc8c8}.preset-row-play:active,.preset-row-bounce:active,.preset-row-delete:active{transform:scale(.97)}.presets-sidebar{grid-column:1;display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--color-border);padding:var(--sp-3);overflow:hidden;min-width:0}.presets-search-row{margin-bottom:var(--sp-2)}.presets-search{width:100%;background:var(--bg-inset);border:1px solid var(--color-border);border-radius:var(--r-2);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:var(--sp-1) var(--sp-2);box-shadow:var(--depth-inset)}.presets-search::placeholder{color:var(--text-tertiary)}.presets-search:disabled{opacity:.55}.presets-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);padding-bottom:var(--sp-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-2)}.presets-tag{background:var(--bg-raised);border:1px solid var(--color-border);border-radius:var(--r-3);color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:3px var(--sp-2);cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}.presets-tag:hover:not(:disabled){background:var(--accent-tint-15);color:var(--text-accent)}.presets-tag-active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.presets-tag-active:hover{background:var(--accent-secondary);color:#fff}.presets-tag:disabled{opacity:.6;cursor:not-allowed}.presets-empty{padding:var(--sp-3);text-align:center;font-size:11px;color:var(--text-tertiary);font-family:var(--font-sans)}.presets-star{background:transparent;border:none;color:var(--text-tertiary);font-size:13px;cursor:pointer;padding:0 4px;line-height:1;transition:color var(--dur-micro) var(--ease-considered),transform var(--dur-micro) var(--ease-considered)}.presets-star:hover{color:var(--state-warning);transform:scale(1.15)}.presets-star-on{color:var(--state-warning);text-shadow:0 0 6px rgba(255,179,0,.5)}.presets-list{flex:1;list-style:none;margin:0;padding:0;overflow-y:auto;min-height:0}.presets-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-2);font-family:var(--font-sans);cursor:pointer;transition:background var(--dur-micro) var(--ease-considered)}.presets-item:hover{background:var(--fill-medium)}.presets-item-active{background:var(--accent-tint-15);border:1px solid var(--accent-tint-40)}.presets-item-name{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presets-item-tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.presets-footer{padding-top:var(--sp-2);border-top:1px solid var(--color-border);margin-top:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.presets-save,.presets-init{width:100%;padding:var(--sp-2);border-radius:var(--r-2);font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),box-shadow var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered)}.presets-save{background:var(--accent-primary);border:none;color:#fff}.presets-save:hover:not(:disabled){background:var(--accent-secondary);box-shadow:0 0 12px var(--accent-glow)}.presets-save:disabled{opacity:.45;cursor:not-allowed}.presets-init{background:transparent;border:1px solid var(--color-border);color:var(--text-secondary)}.presets-init:hover{background:var(--fill-medium);border-color:var(--accent-tint-40);color:var(--text-accent)}.presets-save-dialog{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:96px;background:var(--bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--r-3);padding:var(--sp-3);box-shadow:var(--depth-card);display:flex;flex-direction:column;gap:var(--sp-2);z-index:10}.presets-sidebar{position:relative}.presets-save-field{display:flex;flex-direction:column;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.presets-save-field input{background:var(--bg-inset);border:1px solid var(--color-border);border-radius:var(--r-2);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;padding:var(--sp-1) var(--sp-2);box-shadow:var(--depth-inset)}.presets-save-actions{display:flex;gap:var(--sp-1);justify-content:flex-end}.presets-save-actions button{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-2);border:1px solid var(--color-border);background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered)}.presets-save-actions button:hover{background:var(--fill-medium);color:var(--text-primary)}.presets-save-actions .presets-save-confirm{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.presets-save-actions .presets-save-confirm:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.presets-item{gap:var(--sp-1)}.resize-handle{position:relative;width:6px;flex:0 0 6px;cursor:col-resize;background:transparent;display:flex;align-items:stretch;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;z-index:5;transition:background var(--dur-micro, .18s) var(--ease-considered, ease)}.resize-handle:hover{background:var(--accent-tint-12, rgba(124, 77, 255, .12))}.resize-handle.is-active{background:var(--accent-tint-18, rgba(124, 77, 255, .18))}.resize-handle-line{display:block;width:1px;margin:6px 0;background:transparent;border-radius:1px;transition:background var(--dur-micro, .18s) var(--ease-considered, ease)}.resize-handle:hover .resize-handle-line,.resize-handle.is-active .resize-handle-line{background:var(--accent-primary, #7C4DFF);box-shadow:0 0 6px var(--accent-glow, rgba(124, 77, 255, .45))}.resize-handle:focus-visible .resize-handle-line{background:var(--accent-primary, #7C4DFF);outline:2px solid var(--color-focus-ring, var(--accent-primary, #7C4DFF));outline-offset:2px}@media (prefers-reduced-motion: reduce){.resize-handle,.resize-handle-line{transition:none}}.confidence-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 2px 0;animation:confidence-chips-fade-in .14s var(--ease-considered, ease-out)}@keyframes confidence-chips-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.confidence-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;background:var(--accent-tint-12, rgba(124, 77, 255, .12));border:1px solid var(--accent-tint-25, rgba(124, 77, 255, .25));font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;line-height:1.6;white-space:nowrap;-webkit-user-select:none;user-select:none}.confidence-chip-cat{color:var(--text-tertiary);font-weight:500}.confidence-chip-sep{color:var(--text-tertiary);opacity:.55}.confidence-chip-val{color:var(--accent-primary, #b3a0ff);font-weight:600}.failure-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 1rem .5rem;padding:.65rem .9rem;border-radius:10px;background:var(--violet-bg, rgba(140, 102, 200, .1));border:1px solid var(--violet-border, rgba(140, 102, 200, .28));color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;line-height:1.4;opacity:0;transform:translateY(-2px);transition:opacity .2s ease-out,transform .2s ease-out}.failure-banner.is-entered{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.failure-banner{transition:none;transform:none}}.failure-banner-text{flex:1 1 240px;min-width:0}.failure-banner-detail{flex:1 1 100%;font-size:.78rem;color:var(--text-secondary)}.failure-banner-detail>summary{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.7;font-style:italic}.failure-banner-detail>summary:hover{opacity:1}.failure-banner-detail>p{margin:.35rem 0 0;padding:.35rem .5rem;background:#0000002e;border-radius:6px;white-space:pre-wrap;word-break:break-word}.failure-banner-actions{display:flex;gap:.4rem;flex-shrink:0}.failure-banner-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;padding:.35rem .7rem;font-family:var(--font-sans);font-size:.78rem;letter-spacing:.04em;cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.failure-banner-retry{background:var(--violet-strong, rgba(140, 102, 200, .35));color:var(--text-primary);border-color:var(--violet-border, rgba(140, 102, 200, .48))}.failure-banner-retry:hover{background:var(--violet-stronger, rgba(140, 102, 200, .52))}.failure-banner-dismiss{background:transparent;color:var(--text-secondary);border-color:#ffffff0f}.failure-banner-dismiss:hover{color:var(--text-primary);border-color:#ffffff2e}.failure-llm_offline{border-left:3px solid rgba(140,102,200,.5)}.failure-prompt_unclear{border-left:3px solid rgba(140,102,200,.35)}.failure-safety_block{border-left:3px solid rgba(140,102,200,.65)}.failure-mic_denied{border-left:3px solid rgba(140,102,200,.45)}.patch-preview{background:var(--bg-raised);border:1px solid rgba(255,255,255,.04);border-radius:var(--r-3);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem;min-width:180px;font-family:var(--font-sans);box-shadow:var(--depth-raised)}.patch-preview-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:.25rem}.param-bar{display:grid;grid-template-columns:3.5rem 1fr 3rem;align-items:center;gap:.4rem}.param-label{font-size:.7rem;color:var(--text-secondary);text-align:right}.param-track{height:4px;background:var(--bg-inset);border-radius:var(--r-2);overflow:hidden;box-shadow:var(--depth-inset)}.param-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--r-2);transition:width .3s ease}.param-value{font-size:.65rem;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.85}.chat-shell{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;min-height:0;background:var(--bg-panel);color:var(--text-primary);font-family:var(--font-sans)}.chat-header{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);background:var(--bg-panel)}.chat-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;line-height:1}.chat-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:.32em;color:var(--text-primary);text-transform:uppercase;transition:letter-spacing var(--dur-state) var(--ease-considered)}.chat-wordmark:hover .chat-title{letter-spacing:.36em}.chat-tagline{font-family:var(--font-sans);font-style:italic;font-size:.7rem;font-weight:400;letter-spacing:.02em;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;flex-shrink:0}.status-dot.open{background:var(--state-success)}.status-dot.connecting{background:var(--state-warning);animation:blink 1s step-start infinite}.status-dot.closed,.status-dot.error{background:var(--state-error)}@keyframes blink{50%{opacity:.2}}.message-list{overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.empty-state{margin:auto;text-align:center;opacity:.5;padding:2rem}.empty-state p{margin:.25rem 0}.empty-examples{font-size:.9rem;margin-top:.5rem!important}.message-bubble{display:flex;flex-direction:column;gap:.5rem;max-width:80%}.message-bubble.user{align-self:flex-end;align-items:flex-end}.message-bubble.assistant{align-self:flex-start;align-items:flex-start}.bubble-role{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-secondary);opacity:.7}.message-bubble.user .bubble-role{color:var(--accent-primary)}.bubble-text{margin:0;padding:.85rem 1.1rem;border-radius:var(--r-4);line-height:1.6;font-size:1.15rem;white-space:pre-wrap;word-break:break-word;position:relative;overflow:hidden}.bubble-text.prompt-submitted:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--lfo1, #00E5FF) 30%,var(--lfo1, #00E5FF) 70%,transparent 100%);transform:scaleX(0);transform-origin:left center;animation:prompt-read-sweep .8s var(--ease-considered) forwards;pointer-events:none}@keyframes prompt-read-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.message-bubble.user .bubble-text{background:var(--accent-tint-25, rgba(124, 77, 255, .25));border:1px solid var(--accent-tint-35, rgba(124, 77, 255, .35));border-bottom-right-radius:var(--r-2)}.message-bubble.assistant .bubble-text{background:var(--bg-raised);border:1px solid rgba(255,255,255,.04);border-bottom-left-radius:var(--r-2);box-shadow:var(--depth-raised)}.cursor{display:inline-block;width:2px;height:1em;background:var(--accent-secondary);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-start infinite}.ab-grid{display:flex;gap:.75rem;flex-wrap:wrap}.ab-variation{display:flex;flex-direction:column;gap:.4rem;flex:1 1 220px;min-width:200px}.ab-commit-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--r-3);color:var(--text-primary);font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .75rem;cursor:pointer;transition:opacity .15s,transform .1s}.ab-commit-btn:hover{opacity:.88}.ab-commit-btn:active{transform:scale(.97)}.ab-commit-btn:focus{outline:none}.ab-commit-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.feedback-bar{display:flex;gap:.5rem}.feedback-btn{padding:.3rem .85rem;border-radius:99px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid;background:transparent;font-family:var(--font-sans);transition:background .15s,opacity .15s}.feedback-btn:disabled{cursor:default;opacity:.6}.feedback-btn.like{color:var(--state-success);border-color:var(--success-tint-40, rgba(0, 200, 120, .4))}.feedback-btn.like.active,.feedback-btn.like:hover:not(:disabled){background:var(--success-tint-15, rgba(0, 200, 120, .15))}.feedback-btn.dislike{color:var(--state-error);border-color:var(--error-tint-40, rgba(255, 61, 136, .4))}.feedback-btn.dislike.active,.feedback-btn.dislike:hover:not(:disabled){background:var(--error-tint-15, rgba(255, 61, 136, .15))}.input-bar{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.04);background:var(--bg-panel);align-items:flex-end}.prompt-input-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.prompt-input-hint{font-family:var(--font-sans);font-size:.68rem;letter-spacing:.02em;color:var(--text-tertiary);padding-left:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-input-wrap{flex:1 1 0;min-width:0;position:relative;border-radius:var(--r-3);padding:1px;background:linear-gradient(var(--bg-inset),var(--bg-inset)) padding-box,linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary),var(--accent-secondary),var(--accent-primary)) border-box;background-size:100% 100%,300% 100%;background-position:0 0,0% 50%;border:1px solid transparent;transition:background-image .2s var(--ease-considered);animation:border-sweep 8s linear infinite}.prompt-input-wrap.is-focused{animation:none;background:linear-gradient(var(--bg-inset),var(--bg-inset)) padding-box,linear-gradient(var(--accent-primary),var(--accent-primary)) border-box}.prompt-input-wrap.is-generating{animation-duration:14s;opacity:.7}@keyframes border-sweep{0%{background-position:0 0,0% 50%}to{background-position:0 0,300% 50%}}@media (prefers-reduced-motion: reduce){.prompt-input-wrap{animation:none}}.prompt-input{display:block;width:100%;background:transparent;border:none;border-radius:calc(var(--r-3) - 1px);color:var(--text-primary);font-family:var(--font-sans);font-size:1.15rem;padding:.75rem 1rem;resize:vertical;min-height:5.8em;max-height:8.5em;line-height:1.5;box-shadow:var(--depth-inset);transition:border-color .15s}.prompt-input::placeholder{color:var(--text-tertiary)}.prompt-input:focus{outline:none}.prompt-input:focus-visible{outline:none}.prompt-input:disabled{opacity:.5}.send-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--r-3);color:var(--text-primary);font-size:1.1rem;font-weight:700;width:2.75rem;height:2.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .1s}.send-btn:hover:not(:disabled){opacity:.85}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.3;cursor:default}.send-btn.send-pulse{animation:send-pulse .1s var(--ease-considered)}@keyframes send-pulse{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.send-btn.is-generating{opacity:.75}.send-dots{display:inline-flex;align-items:center;gap:4px}.send-dots>span{display:block;width:4px;height:4px;border-radius:50%;background:var(--text-primary);opacity:.3;animation:send-dot 1.05s var(--ease-considered) infinite}.send-dots>span:nth-child(2){animation-delay:.16s}.send-dots>span:nth-child(3){animation-delay:.32s}@keyframes send-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.chat-network-failure{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 1.25rem .5rem;padding:.55rem .85rem;border:1px solid var(--color-border);border-radius:var(--r-3);background:var(--fill-medium);color:var(--text-secondary);font-size:.82rem;font-family:var(--font-sans)}.chat-network-failure-text{flex:1;font-variant-numeric:tabular-nums}.chat-network-failure-retry{background:transparent;border:none;padding:0;font:inherit;color:var(--text-accent);cursor:pointer}.chat-network-failure-retry:hover{text-decoration:underline}.chat-network-failure-retry:focus{outline:none}.chat-network-failure-retry:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--r-1)}.reasoning-ticker{height:80px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:0 1.25rem .5rem;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.02em;opacity:0;transition:opacity .24s var(--ease-considered);pointer-events:none;overflow:hidden}.reasoning-ticker.is-active{opacity:1}.reasoning-label{display:block;font-family:var(--font-display, var(--font-mono));font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;opacity:.78}.reasoning-line{display:block;opacity:0;animation:ticker-line 2.1s var(--ease-considered) forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes ticker-line{0%{opacity:0;transform:translateY(2px)}14%{opacity:.85;transform:translateY(0)}86%{opacity:.85;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.reasoning-line{animation:none;opacity:.6}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.terminal-bubble{background:transparent;border:none;padding:0}.terminal-bubble .bubble-role{color:var(--text-tertiary);margin-bottom:.4rem}.terminal-message{display:flex;flex-direction:column;gap:.18rem;margin:0;padding:.85rem 1rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.5;color:#0f6;background:#000;border-radius:4px;overflow:hidden;position:relative;text-shadow:0 0 4px rgba(0,255,102,.45);background-image:linear-gradient(to bottom,#0000,#0000 2px,#00ff660f,#0000 4px);background-size:100% 4px;background-color:#000}.terminal-message:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 60%,#00000073);animation:crt-flicker 1.6s infinite steps(2,end)}.terminal-line{display:block;opacity:0;animation:terminal-line-in .24s var(--ease-considered) forwards}.terminal-line:nth-child(1){animation-delay:0ms}.terminal-line:nth-child(2){animation-delay:.24s}.terminal-line:nth-child(3){animation-delay:.48s}.terminal-line:nth-child(4){animation-delay:.72s}@keyframes terminal-line-in{0%{opacity:0}to{opacity:1}}@keyframes crt-flicker{0%{opacity:.95}to{opacity:1}}@media (prefers-reduced-motion: reduce){.terminal-line{animation:none;opacity:1}.terminal-message:before{animation:none}}.augmenter-banner{margin:10px 0 4px;padding:8px 12px;border-radius:var(--r-2, 8px);background:var(--accent-tint-12, rgba(124, 77, 255, .12));border:1px solid var(--accent-tint-25, rgba(124, 77, 255, .25));display:flex;flex-direction:column;gap:4px}.augmenter-banner-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary, #b3a0ff);font-weight:600}.augmenter-banner-list{margin:0;padding-left:16px;font-size:12px;color:var(--text-secondary);line-height:1.45}.augmenter-banner-list li{list-style:disc}.augmenter-banner-list li+li{margin-top:2px}.right-column{grid-column:5;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-void);overflow:hidden;min-width:0}.rc-card{background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--r-3);box-shadow:var(--depth-card);display:flex;flex-direction:column;min-height:0}.rc-card-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-border);background:transparent;border-top:none;border-left:none;border-right:none;cursor:default;width:100%;text-align:left;font-family:inherit;color:inherit}.rc-modmatrix-header{cursor:pointer}.rc-modmatrix-header:hover{background:var(--fill-medium)}.rc-modmatrix-header:focus{outline:none}.rc-modmatrix-header:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.rc-card-title{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);flex:1}.rc-card-chev{color:var(--text-tertiary);font-size:10px;width:10px;display:inline-block}.rc-card-tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:1px var(--sp-1);border:1px solid var(--color-border);border-radius:var(--r-1)}.rc-visualizer{flex:0 0 auto;min-height:200px;max-height:260px}.rc-visualizer-well{flex:1;margin:var(--sp-2);background:var(--bg-inset);border-radius:var(--r-2);box-shadow:var(--depth-inset);display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(124,77,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,77,255,.04) 1px,transparent 1px);background-size:32px 32px}.rc-visualizer-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.08em}.rc-prompt-dock{flex:1 1 auto;min-height:320px;overflow:hidden}.rc-prompt-dock>*{flex:1;min-height:0}.right-column-chat-only{display:flex;flex-direction:column;height:100%}.rc-prompt-dock-full{flex:1 1 auto;min-height:0;height:100%}.rc-modmatrix{flex:0 0 auto}.rc-modmatrix-body{padding:var(--sp-3)}.rc-modmatrix-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.08em}.sem-dict{display:flex;flex-direction:column;height:100%;gap:.5rem;padding:.75rem;overflow:hidden;font-family:var(--font-sans)}.sem-dict-header{display:flex;align-items:baseline;gap:.75rem}.sem-dict-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-secondary)}.sem-dict-count{font-size:.6rem;color:var(--text-tertiary)}.sem-dict-toolbar{display:flex;gap:.4rem;align-items:center}.sem-dict-search{flex:1;background:var(--bg-inset);border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);padding:.3rem .5rem;font-size:.75rem;color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--depth-inset)}.sem-dict-search:focus{outline:none;border-color:var(--accent-tint-60, rgba(124, 77, 255, .6))}.sem-dict-search:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sem-btn{padding:.3rem .6rem;border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);background:transparent;color:var(--accent-primary);font-family:var(--font-sans);font-size:.72rem;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.sem-btn:hover:not(:disabled){background:var(--bg-inset)}.sem-btn:disabled{opacity:.35;cursor:default}.sem-btn-primary{border-color:var(--accent-tint-40, rgba(124, 77, 255, .4));color:var(--accent-primary)}.sem-btn-primary:hover:not(:disabled){background:var(--accent-tint-18, rgba(124, 77, 255, .18));border-color:var(--accent-primary)}.sem-dict-status{font-size:.68rem;color:var(--state-success);padding:.2rem 0}.sem-dict-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.sem-entry{border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);overflow:hidden}.sem-entry-custom{border-color:var(--accent-tint-25, rgba(124, 77, 255, .25))}.sem-entry-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:.72rem;transition:background .1s}.sem-entry-header:hover{background:var(--bg-raised)}.sem-entry-keyword{font-weight:600;min-width:5rem;color:var(--text-primary)}.sem-ctx-badge{font-size:.58rem;padding:.1rem .4rem;border-radius:var(--r-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:var(--bg-inset);color:var(--accent-secondary)}.sem-ctx-bass{background:var(--color-ctx-bass-bg, rgba(124, 77, 255, .18));color:var(--color-ctx-bass-fg, var(--text-accent, #B388FF))}.sem-ctx-pad{background:var(--color-ctx-pad-bg, rgba(0, 229, 255, .18));color:var(--color-ctx-pad-fg, #00E5FF)}.sem-ctx-lead{background:var(--color-ctx-lead-bg, rgba(255, 61, 136, .18));color:var(--color-ctx-lead-fg, #FF3D88)}.sem-ctx-keys{background:var(--color-ctx-keys-bg, rgba(255, 179, 0, .18));color:var(--color-ctx-keys-fg, #FFB300)}.sem-ctx-percussion{background:var(--color-ctx-perc-bg, rgba(255, 107, 53, .18));color:var(--color-ctx-perc-fg, #FF6B35)}.sem-ctx-arp{background:var(--color-ctx-arp-bg, rgba(118, 255, 3, .18));color:var(--color-ctx-arp-fg, #76FF03)}.sem-ctx-texture{background:var(--color-ctx-texture-bg, rgba(224, 64, 251, .18));color:var(--color-ctx-texture-fg, #E040FB)}.sem-ctx-generic{background:var(--color-ctx-generic-bg, rgba(176, 190, 197, .18));color:var(--color-ctx-generic-fg, #B0BEC5)}.sem-badge-custom{font-size:.55rem;padding:.1rem .35rem;border-radius:var(--r-2);background:var(--accent-tint-25, rgba(124, 77, 255, .25));color:var(--accent-primary);font-weight:600}.sem-entry-preview{flex:1;font-size:.6rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sem-entry-chevron{font-size:.55rem;color:var(--text-tertiary)}.sem-entry-body{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem;padding:.5rem .6rem .6rem;border-top:1px solid rgba(255,255,255,.04);background:var(--bg-panel)}.sem-field-row{display:flex;align-items:center;gap:.3rem}.sem-field-label{font-size:.58rem;color:var(--text-tertiary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sem-field-val{font-size:.65rem;color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:4rem;text-align:right}.sem-field-input{width:5rem;background:var(--bg-inset);border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);padding:.15rem .3rem;font-size:.65rem;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;box-shadow:var(--depth-inset)}.sem-field-input:focus{outline:none;border-color:var(--accent-tint-60, rgba(124, 77, 255, .6))}.sem-field-input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sem-add-panel{border:1px solid var(--accent-tint-35, rgba(124, 77, 255, .35));border-radius:var(--r-2);padding:.6rem;display:flex;flex-direction:column;gap:.5rem;background:var(--accent-tint-12, rgba(124, 77, 255, .12))}.sem-add-row{display:flex;gap:.4rem}.sem-add-kw{flex:1;width:auto}.sem-add-deltas{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem}.sem-add-actions{display:flex;gap:.4rem;justify-content:flex-end}.sem-add-trigger{align-self:flex-start;font-size:.7rem;color:var(--accent-primary);border-color:var(--accent-tint-35, rgba(124, 77, 255, .35))}.sem-add-trigger:hover{background:var(--accent-tint-12, rgba(124, 77, 255, .12));color:var(--accent-primary)}.tel-dash{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;height:100%;overflow-y:auto;font-family:var(--font-sans)}.tel-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tel-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-secondary)}.tel-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.tel-toggle input{display:none}.tel-toggle-track{width:2rem;height:1rem;border-radius:var(--r-3);background:var(--bg-inset);position:relative;transition:background .2s;box-shadow:var(--depth-inset)}.tel-toggle input:checked+.tel-toggle-track{background:var(--accent-tint-60, rgba(124, 77, 255, .6))}.tel-toggle-thumb{position:absolute;top:.1rem;left:.1rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--text-primary);transition:transform .2s}.tel-toggle input:checked~.tel-toggle-track .tel-toggle-thumb{transform:translate(1rem)}.tel-toggle-label{font-size:.68rem;color:var(--text-secondary)}.tel-btn{padding:.25rem .5rem;border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);background:transparent;color:var(--accent-primary);font-size:.72rem;cursor:pointer;font-family:var(--font-sans);margin-left:auto}.tel-btn:hover{background:var(--bg-raised)}.tel-disabled-notice{font-size:.7rem;color:var(--text-tertiary);line-height:1.5;padding:.75rem;border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);background:var(--bg-panel)}.tel-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.tel-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:1px solid rgba(255,255,255,.04);border-radius:var(--r-2);background:var(--bg-raised);box-shadow:var(--depth-raised)}.tel-stat-val{font-size:1.1rem;font-weight:700;color:var(--accent-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tel-stat-label{font-size:.58rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem}.tel-section-title{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.tel-bars{display:flex;flex-direction:column;gap:.35rem}.tel-bar-row{display:flex;align-items:center;gap:.5rem}.tel-bar-label{font-size:.62rem;color:var(--text-secondary);width:2rem;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tel-bar-track{flex:1;height:.4rem;background:var(--bg-inset);border-radius:var(--r-2);overflow:hidden;box-shadow:var(--depth-inset)}.tel-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--r-2);transition:width .4s ease-out}.tel-bar-val{font-size:.62rem;color:var(--accent-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:3.5rem;text-align:right}.tel-records{display:flex;flex-direction:column;gap:.15rem}.tel-record{display:flex;align-items:center;gap:.5rem;padding:.2rem .4rem;border-radius:var(--r-2);background:var(--bg-panel);font-size:.65rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tel-record-err{background:var(--error-tint-08, rgba(255, 61, 136, .08))}.tel-record-status{color:var(--state-success)}.tel-record-err .tel-record-status{color:var(--state-error)}.tel-record-lat{color:var(--accent-primary);min-width:3.5rem}.tel-record-tok{color:var(--accent-secondary);min-width:3rem}.tel-record-tps{color:var(--text-secondary);flex:1}.tel-record-errmsg{color:var(--state-error);font-size:.6rem}.tel-empty{font-size:.68rem;color:var(--text-tertiary);text-align:center;padding:1rem}.settings-panel{padding:1.25rem 1.5rem;color:var(--text-primary);font-family:var(--font-sans)}.settings-panel-header{margin-bottom:1.25rem}.settings-panel-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;color:var(--text-primary)}.settings-panel-subtitle{margin:0;font-size:.82rem;color:var(--text-secondary);font-style:italic}.settings-group{border-top:1px solid rgba(255,255,255,.06);padding-top:1rem;margin-top:.25rem}.settings-group-title{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .75rem;font-weight:500}.settings-row{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.85rem;padding:.6rem 0;border-top:1px solid rgba(255,255,255,.03)}.settings-row:first-of-type{border-top:none}.settings-row input[type=checkbox]{margin-top:.2rem;accent-color:var(--accent-primary);width:16px;height:16px;cursor:pointer}.settings-row-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.settings-row-label{font-size:.88rem;color:var(--text-primary);font-weight:500}.settings-row-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.settings-row-preview{align-self:center;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);padding:.3rem .7rem;border-radius:4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .12s ease,color .12s ease;font-family:var(--font-sans)}.settings-row-preview:hover,.settings-row-preview:focus-visible{border-color:var(--accent-primary);color:var(--text-primary);outline:none}.settings-row-preview:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.settings-radio-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.settings-radio{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:.78rem;letter-spacing:.04em;color:var(--text-secondary);cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.settings-radio:hover,.settings-radio:focus-within{border-color:var(--accent-primary);color:var(--text-primary)}.settings-radio input[type=radio]{accent-color:var(--accent-primary);width:14px;height:14px;cursor:pointer}.settings-radio-label{-webkit-user-select:none;user-select:none}.settings-select{margin-top:.55rem;background:var(--bg-raised, rgba(0, 0, 0, .25));border:1px solid rgba(255,255,255,.12);color:var(--text-primary);padding:.35rem .5rem;border-radius:4px;font-size:.82rem;font-family:var(--font-sans);min-width:12rem}.settings-select:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.settings-row-disabled{margin-top:.55rem;font-size:.8rem;font-style:italic;color:var(--text-tertiary)}.tools-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;pointer-events:auto}.tools-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;border:none;cursor:pointer;padding:0}.tools-drawer{position:relative;width:min(540px,90vw);height:100vh;background:var(--bg-panel);border-left:1px solid var(--color-border);box-shadow:-8px 0 32px #00000073;display:flex;flex-direction:column;animation:tools-drawer-slide-in .22s var(--ease-considered)}@keyframes tools-drawer-slide-in{0%{transform:translate(16px);opacity:.6}to{transform:translate(0);opacity:1}}.tools-drawer-header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding:0 var(--sp-2);height:44px;flex-shrink:0}.tools-drawer-tabs{display:flex;align-items:center;flex:1}.tools-drawer-tab{padding:var(--sp-2) var(--sp-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered)}.tools-drawer-tab:hover{color:var(--text-secondary)}.tools-drawer-tab-active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.tools-drawer-tab:focus{outline:none}.tools-drawer-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tools-drawer-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--r-2);color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}.tools-drawer-close:hover{background:var(--fill-medium);color:var(--text-accent)}.tools-drawer-close:focus{outline:none}.tools-drawer-close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tools-drawer-body{flex:1;overflow-y:auto;padding:var(--sp-3);min-height:0}.topbar{grid-row:1;display:flex;align-items:center;height:48px;padding:0 var(--sp-3);background:var(--bg-panel);border-bottom:1px solid rgba(255,255,255,.04);gap:var(--sp-3);font-family:var(--font-sans);color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex-shrink:0;overflow:hidden;z-index:2}.topbar-section{display:flex;align-items:center;gap:var(--sp-1)}.topbar-left{min-width:120px}.topbar-wordmark{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.18em;color:var(--text-primary);text-transform:uppercase;text-shadow:0 0 12px rgba(124,77,255,.25)}.topbar-preset{display:flex;align-items:stretch;height:28px}.topbar-preset-arrow,.topbar-preset-dropdown{background:var(--bg-raised);border:1px solid var(--color-border);color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;cursor:pointer;padding:0 var(--sp-2);transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}.topbar-preset-arrow{width:24px;padding:0}.topbar-preset-arrow:first-child{border-radius:var(--r-2) 0 0 var(--r-2);border-right:none}.topbar-preset-arrow:last-child{border-radius:0 var(--r-2) var(--r-2) 0;border-left:none}.topbar-preset-dropdown{display:flex;align-items:center;gap:var(--sp-2);min-width:140px;border-radius:0;border-left:none;border-right:none}.topbar-preset-name{flex:1;text-align:left;color:var(--text-primary);font-family:var(--font-mono);font-size:11px}.topbar-preset-chev{color:var(--text-tertiary);font-size:10px}.topbar-preset-arrow:disabled,.topbar-preset-dropdown:disabled{cursor:not-allowed;animation:timbre-muted-breathe 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.topbar-preset-arrow:disabled,.topbar-preset-dropdown:disabled{animation:none;opacity:.55}}.topbar-preset-arrow:not(:disabled):hover,.topbar-preset-dropdown:not(:disabled):hover{background:var(--fill-medium);color:var(--text-primary)}.topbar-preset-live{position:relative}.topbar-preset-list{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;max-height:280px;overflow-y:auto;margin:0;padding:var(--sp-1) 0;list-style:none;background:var(--bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--r-2);box-shadow:var(--depth-card);z-index:60}.topbar-preset-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:6px var(--sp-3);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.topbar-preset-item:hover{background:var(--fill-medium);color:var(--text-primary)}.topbar-preset-item-active{color:var(--text-accent)}.topbar-ab{display:flex;align-items:stretch;height:28px}.topbar-ab-seg{width:28px;background:var(--bg-raised);border:1px solid var(--color-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered)}.topbar-ab-seg:first-child{border-radius:var(--r-2) 0 0 var(--r-2)}.topbar-ab-seg:last-child{border-radius:0 var(--r-2) var(--r-2) 0}.topbar-ab-seg-active{background:var(--accent-tint-18);color:var(--text-accent);border-color:var(--accent-tint-40)}.topbar-ab-copy{width:24px;background:transparent;border:1px solid var(--color-border);border-left:none;border-right:none;color:var(--text-tertiary);font-size:12px;cursor:pointer}.topbar-ab-seg:disabled,.topbar-ab-copy:disabled{opacity:.55;cursor:not-allowed}.topbar-history{gap:var(--sp-2)}.topbar-history-count{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.topbar-icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--r-2);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:background var(--dur-micro) var(--ease-considered),color var(--dur-micro) var(--ease-considered),border-color var(--dur-micro) var(--ease-considered)}.topbar-icon-btn:hover:not(:disabled){background:var(--fill-medium);color:var(--text-accent);border-color:var(--accent-tint-40)}.topbar-icon-btn:disabled{opacity:.35;cursor:not-allowed}.topbar-icon-btn:focus{outline:none}.topbar-icon-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.topbar-meters{margin-left:auto;gap:var(--sp-3);padding-right:var(--sp-2);border-right:1px solid var(--color-border);height:24px}.topbar-meter{display:inline-flex;align-items:center;gap:var(--sp-1)}.topbar-meter-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.topbar-meter-value{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.topbar-led{width:6px;height:6px;border-radius:50%;background:var(--text-disabled);box-shadow:0 0 4px transparent}.topbar-meter-bar{display:inline-block;width:48px;height:4px;background:var(--bg-inset);border-radius:2px;overflow:hidden;box-shadow:var(--depth-inset)}.topbar-meter-bar-fill{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.topbar-tools{gap:var(--sp-1)}
