.knob-cell{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem}.knob{position:relative;display:block;border-radius:50%;background:var(--c-panel);box-shadow:var(--shadow-l2);cursor:grab;touch-action:none;user-select:none;transition:box-shadow var(--t-glow) var(--ease-out)}.knob.is-led{background:transparent;box-shadow:none}.knob.is-led:active,.knob.is-led.is-forced-active{box-shadow:none}.knob:active,.knob.is-forced-active{cursor:grabbing;box-shadow:-4px -4px 10px var(--c-shadow-light),4px 4px 10px var(--c-shadow-dark)}.knob.is-disabled,.knob.is-forced-disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.97)}.knob.is-forced-disabled{box-shadow:-3px -3px 8px var(--c-shadow-light-soft),3px 3px 8px var(--c-shadow-dark-soft)}.knob-halo{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity var(--t-glow) var(--ease-out);box-shadow:var(--glow-ice-faint)}.knob-halo.is-hover{opacity:1;box-shadow:var(--glow-ice)}.knob-halo.is-active{opacity:1;inset:-10px;box-shadow:var(--glow-ice-strong)}.knob>canvas{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.knob-readout{position:absolute;left:50%;bottom:100%;margin-bottom:0;transform:translate(-50%);font-family:var(--font-stack);font-size:.7rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.55);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-glow) var(--ease-out)}.knob-readout.is-visible{opacity:1}.knob-label{margin-top:.15rem}.toggle-switch{display:inline-flex;align-items:center;gap:.55rem}.toggle-switch-track{position:relative;width:48px;height:22px;flex:0 0 auto;padding:0;border:none;border-radius:999px;background:var(--c-panel);box-shadow:var(--shadow-recessed);cursor:pointer;outline:none;transition:box-shadow var(--t-glow) var(--ease-out)}.toggle-switch-track:focus-visible{box-shadow:var(--shadow-recessed),0 0 0 2px #38bdf88c}.toggle-switch-fill{position:absolute;inset:2px;border-radius:inherit;background:#38bdf800;box-shadow:none;pointer-events:none;transition:background var(--t-glow) var(--ease-out),box-shadow var(--t-glow) var(--ease-out)}.toggle-switch.is-on .toggle-switch-fill{background:#38bdf88c;box-shadow:0 0 6px #38bdf880,0 0 14px #38bdf847}.toggle-switch-puck{position:absolute;top:50%;left:3px;width:16px;height:16px;border-radius:50%;background:var(--c-panel-highlight);box-shadow:var(--shadow-l1);transform:translateY(-50%);pointer-events:none;transition:left var(--t-glow) var(--ease-out),box-shadow var(--t-release) var(--ease-out),background var(--t-glow) var(--ease-out)}.toggle-switch.is-on .toggle-switch-puck{left:calc(100% - 19px);background:#f3f8ff;box-shadow:var(--shadow-l2),0 0 6px #38bdf873}.toggle-switch:hover .toggle-switch-puck,.toggle-switch.is-forced-hover .toggle-switch-puck{box-shadow:-3px -3px 6px var(--c-shadow-light),3px 3px 6px var(--c-shadow-dark)}.toggle-switch.is-on:hover .toggle-switch-puck,.toggle-switch.is-on.is-forced-hover .toggle-switch-puck{box-shadow:-3px -3px 6px var(--c-shadow-light),3px 3px 6px var(--c-shadow-dark),0 0 8px #38bdf899}.toggle-switch.is-on:hover .toggle-switch-fill,.toggle-switch.is-on.is-forced-hover .toggle-switch-fill{background:#38bdf8b3;box-shadow:0 0 8px #38bdf8a6,0 0 18px #38bdf859}.toggle-switch-label{font-family:var(--font-stack);font-size:var(--fs-label);letter-spacing:.04em;text-transform:lowercase;color:var(--c-text-dim);user-select:none;transition:color var(--t-glow) var(--ease-out),text-shadow var(--t-glow) var(--ease-out)}.toggle-switch.is-on .toggle-switch-label{color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.45)}.toggle-switch.is-disabled .toggle-switch-track,.toggle-switch-track:disabled{cursor:not-allowed;filter:grayscale(.5) brightness(.97)}.toggle-switch.is-disabled .toggle-switch-label{color:var(--c-text-dimmer)}@media (prefers-reduced-motion: reduce){.toggle-switch-track,.toggle-switch-fill,.toggle-switch-puck,.toggle-switch-label{transition:none}}.morph-strip{display:inline-flex;flex-direction:column;align-items:stretch;gap:.9rem;padding:1rem 1.1rem 1.1rem;background:var(--c-panel);border-radius:14px;box-shadow:var(--shadow-l1)}.morph-strip.is-fluid{display:flex}.morph-strip-preview{position:relative;background:radial-gradient(ellipse at 50% 40%,#1a2230,#141a26 75%,#0e131c);border-radius:10px;box-shadow:var(--shadow-recessed);overflow:hidden}.morph-strip-preview:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #080c148c}.morph-strip-preview>canvas{display:block;position:relative;z-index:1}.morph-strip-track-region{position:relative;height:84px}.morph-strip-anchors{position:absolute;top:0;left:0;right:0;height:36px;pointer-events:none}.morph-strip-anchor{position:absolute;top:0;width:36px;height:36px;margin-left:-18px;padding:0;border:none;background:transparent;cursor:pointer;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;outline:none;transition:transform var(--t-release) var(--ease-out),filter var(--t-glow) var(--ease-out)}.morph-strip-anchor:hover{transform:translateY(-1px)}.morph-strip-anchor:focus-visible{box-shadow:0 0 0 2px #38bdf88c}.morph-strip-anchor>canvas{display:block;pointer-events:none}.morph-strip-track{position:absolute;bottom:14px;left:0;right:0;height:14px;background:var(--c-panel);border-radius:999px;box-shadow:var(--shadow-recessed);outline:none;touch-action:none}.morph-strip-track:focus-visible{box-shadow:var(--shadow-recessed),0 0 0 2px #38bdf88c}.morph-strip-fill{position:absolute;top:2px;bottom:2px;left:2px;background:#38bdf8a6;box-shadow:0 0 6px #38bdf880,0 0 14px #38bdf840;border-radius:inherit;pointer-events:none}.morph-strip-puck{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--c-panel);box-shadow:var(--shadow-l2);transform:translate(-50%,-50%);cursor:grab;transition:box-shadow var(--t-release) var(--ease-out)}.morph-strip-track:active .morph-strip-puck{cursor:grabbing;box-shadow:-4px -4px 10px var(--c-shadow-light),4px 4px 10px var(--c-shadow-dark),0 0 12px #38bdf866}.morph-strip-readout{font-family:var(--font-stack);font-size:var(--fs-readout);font-variant-numeric:tabular-nums;color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.55);text-align:center;letter-spacing:.04em;text-transform:lowercase;min-height:1em}.morph-strip-label{text-align:center;margin-top:.1rem}.morph-strip.is-compact{gap:.55rem;padding:.7rem 1.25rem .85rem;border-radius:12px}.morph-strip.is-compact .morph-strip-anchors{height:26px}.morph-strip.is-compact .morph-strip-anchor{width:26px;height:26px;margin-left:-13px;border-radius:6px}.morph-strip.is-compact .morph-strip-track-region{height:58px}.morph-strip.is-compact .morph-strip-track{bottom:10px;height:10px}.morph-strip.is-compact .morph-strip-puck{width:16px;height:16px}.morph-strip.is-compact .morph-strip-readout{font-size:.6875rem}@media (prefers-reduced-motion: reduce){.morph-strip-anchor,.morph-strip-puck{transition:none}}.selector{display:inline-flex;gap:.35rem;padding:.4rem;background:var(--c-panel);border-radius:12px;box-shadow:var(--shadow-recessed)}.selector-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:9px;background:var(--c-panel);cursor:pointer;outline:none;box-shadow:var(--shadow-l1);transition:box-shadow var(--t-release) var(--ease-out),transform var(--t-release) var(--ease-out)}.selector-cell:hover:not(.is-selected){box-shadow:-3px -3px 8px var(--c-shadow-light),3px 3px 8px var(--c-shadow-dark)}.selector-cell:focus-visible{box-shadow:var(--shadow-l1),0 0 0 2px #38bdf88c}.selector-cell.is-selected{box-shadow:var(--shadow-l2);transform:translateY(-1px)}.selector-cell.is-selected:after{content:"";position:absolute;bottom:4px;left:25%;right:25%;height:2px;border-radius:1px;background:var(--c-ice);box-shadow:0 0 6px #38bdf8b3,0 0 12px #38bdf866}.selector-cell>canvas{display:block;pointer-events:none}.curve-cell{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem}.curve-cell.is-fluid{display:flex;width:100%}.curve-well{position:relative;background:radial-gradient(ellipse at 50% 40%,#1a2230,#141a26 75%,#0e131c);border-radius:14px;box-shadow:var(--shadow-recessed);overflow:hidden}.curve-well:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #080c148c}.curve-well>canvas{display:block;position:relative;z-index:1;touch-action:none}.dropdown{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;gap:.45rem}.dropdown-label{font-family:var(--font-stack);font-size:var(--fs-label);letter-spacing:.04em;text-transform:lowercase;color:var(--c-text-dim)}.dropdown-trigger{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;height:36px;min-width:160px;padding:0 .85rem 0 1rem;border:none;border-radius:12px;background:var(--c-panel);color:var(--c-text);font-family:var(--font-stack);font-size:var(--fs-label);letter-spacing:.04em;text-transform:lowercase;box-shadow:var(--shadow-l1);cursor:pointer;user-select:none;outline:none;transition:box-shadow var(--t-release) var(--ease-out),color var(--t-glow) var(--ease-out),text-shadow var(--t-glow) var(--ease-out)}.dropdown-trigger:hover:not(:disabled),.dropdown-trigger.is-open{color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.55)}.dropdown-trigger:focus-visible{box-shadow:var(--shadow-l1),0 0 0 2px #38bdf88c}.dropdown-trigger.is-open{background:var(--c-panel-recessed);box-shadow:var(--shadow-pressed)}.dropdown-trigger:disabled{cursor:not-allowed;color:var(--c-text-dimmer);filter:saturate(.4)}.dropdown-trigger-label{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-trigger-chevron{flex:0 0 auto;width:12px;height:12px;display:block;pointer-events:none;transition:transform var(--t-release) var(--ease-out)}.dropdown-trigger.is-open .dropdown-trigger-chevron{transform:rotate(180deg)}.dropdown-popover{position:absolute;top:calc(100% + .4rem);left:0;right:0;min-width:100%;max-height:280px;overflow-y:auto;z-index:50;padding:.4rem;background:var(--c-panel);border-radius:12px;box-shadow:var(--shadow-l2);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--t-release) var(--ease-out),transform var(--t-release) var(--ease-out)}.dropdown.is-open .dropdown-popover{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .7rem;border:none;border-radius:8px;background:transparent;color:var(--c-text);font-family:var(--font-stack);font-size:var(--fs-label);letter-spacing:.04em;text-transform:lowercase;text-align:left;cursor:pointer;outline:none;white-space:nowrap;transition:background var(--t-release) var(--ease-out),color var(--t-glow) var(--ease-out),text-shadow var(--t-glow) var(--ease-out)}.dropdown-item:hover,.dropdown-item.is-focused{background:#38bdf81f;color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.45)}.dropdown-item.is-selected{color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.45)}.dropdown-item-marker{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:transparent}.dropdown-item.is-selected .dropdown-item-marker{background:var(--c-ice);box-shadow:0 0 4px #38bdf8b3,0 0 10px #38bdf866}.dropdown-item-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.dropdown-item-hint{flex:0 0 auto;color:var(--c-text-dimmer);text-shadow:none;font-size:.6875rem;letter-spacing:.04em}.dropdown-item:disabled,.dropdown-item[disabled]{cursor:not-allowed;color:var(--c-text-dimmer);text-shadow:none;filter:saturate(.3)}.dropdown-item:disabled:hover,.dropdown-item[disabled]:hover{background:transparent;color:var(--c-text-dimmer);text-shadow:none}@media (prefers-reduced-motion: reduce){.dropdown-trigger,.dropdown-trigger-chevron,.dropdown-popover,.dropdown-item{transition:none}}.display-cell{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem}.display-cell.is-fluid{display:flex;width:100%}.display-well{position:relative;background:radial-gradient(ellipse at 50% 40%,#1a2230,#141a26 75%,#0e131c);border-radius:14px;box-shadow:var(--shadow-recessed);overflow:hidden}.display-well:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #080c148c}.display-well>canvas{display:block;position:relative;z-index:1}.meter{display:inline-flex;flex-direction:column;align-items:stretch;gap:.4rem}.meter-track{position:relative;background:#161e2a;border-radius:999px;box-shadow:var(--shadow-recessed);overflow:hidden}.meter-fill{position:absolute;inset:1px;width:0%;border-radius:inherit;background:linear-gradient(to right,#7dd3fcd9,#38bdf8f2);box-shadow:0 0 6px #38bdf880,0 0 14px #38bdf840;transition:background var(--t-glow) var(--ease-out)}.meter-peak{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#bae6fdf2;box-shadow:0 0 6px #bae6fdd9;pointer-events:none}.meter.is-clipping .meter-fill{background:linear-gradient(to right,#fcd34de6,#fcd34d);box-shadow:0 0 10px #fcd34db3,0 0 22px #fcd34d66;animation:meter-clip-pulse .24s var(--ease-out) infinite alternate}.meter.is-clipping .meter-peak{background:var(--c-amber);box-shadow:0 0 10px #fcd34de6,0 0 18px #fcd34d80}@keyframes meter-clip-pulse{0%{filter:brightness(1)}to{filter:brightness(1.25)}}.meter.is-led .meter-led-canvas{display:block}.synth-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:64px;height:40px;padding:0 1.1rem;border:none;border-radius:14px;background:var(--c-panel);color:var(--c-text);font-family:var(--font-stack);font-size:var(--fs-label);letter-spacing:.04em;text-transform:lowercase;box-shadow:var(--shadow-l2);transition:box-shadow var(--t-release) var(--ease-out),color var(--t-glow) var(--ease-out),text-shadow var(--t-glow) var(--ease-out),transform var(--t-release) var(--ease-out);cursor:pointer;user-select:none;outline:none}.synth-btn:before{content:"";position:absolute;inset:-4px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--t-glow) var(--ease-out),box-shadow var(--t-glow) var(--ease-out);box-shadow:var(--glow-ice-faint)}.synth-btn:hover:not(:disabled):not(.is-pressed),.synth-btn.is-forced-hover{color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.7)}.synth-btn[data-intent=green]:hover:not(:disabled):not(.is-pressed),.synth-btn[data-intent=green].is-forced-hover{color:var(--c-green);text-shadow:0 0 6px rgba(74,222,128,.7)}.synth-btn:focus-visible{box-shadow:var(--shadow-l2),0 0 0 2px #38bdf88c}.synth-btn.is-pressed{background:var(--c-panel-recessed);box-shadow:var(--shadow-pressed);transform:translate(1px,1px) scale(.985);transition:box-shadow var(--t-press) var(--ease-out),color var(--t-press) var(--ease-out),text-shadow var(--t-press) var(--ease-out),transform var(--t-press) var(--ease-out);color:var(--c-ice);text-shadow:0 0 6px rgba(56,189,248,.7)}.synth-btn[data-intent=green].is-pressed{color:var(--c-green);text-shadow:0 0 6px rgba(74,222,128,.7)}.synth-btn.is-active{color:var(--c-ice);text-shadow:0 0 8px rgba(56,189,248,.7)}.synth-btn.is-active:before{opacity:1;box-shadow:var(--glow-ice-strong)}.synth-btn[data-intent=green].is-active{color:var(--c-green);text-shadow:0 0 8px rgba(74,222,128,.7)}.synth-btn[data-intent=green].is-active:before{box-shadow:0 0 6px #4ade808c,0 0 14px #4ade805c,0 0 32px #4ade8038}.synth-btn.is-active:hover:not(:disabled):not(.is-pressed),.synth-btn.is-active.is-forced-hover{text-shadow:0 0 10px rgba(56,189,248,.9)}.synth-btn.is-active:hover:not(:disabled):not(.is-pressed):before,.synth-btn.is-active.is-forced-hover:before{box-shadow:0 0 10px #38bdf8bf,0 0 22px #38bdf880,0 0 44px #38bdf84d}.synth-btn[data-intent=green].is-active:hover:not(:disabled):not(.is-pressed),.synth-btn[data-intent=green].is-active.is-forced-hover{text-shadow:0 0 10px rgba(74,222,128,.9)}.synth-btn[data-intent=green].is-active:hover:not(:disabled):not(.is-pressed):before,.synth-btn[data-intent=green].is-active.is-forced-hover:before{box-shadow:0 0 10px #4ade80bf,0 0 22px #4ade8080,0 0 44px #4ade804d}.synth-btn[data-intent=red]{color:var(--c-red-deep)}.synth-btn[data-intent=red]:before{box-shadow:0 0 8px #f871712e,0 0 18px #f871711a}.synth-btn[data-intent=red]:hover:not(:disabled):not(.is-pressed),.synth-btn[data-intent=red].is-forced-hover{color:var(--c-red);text-shadow:0 0 6px rgba(248,113,113,.7)}.synth-btn[data-intent=red]:hover:not(:disabled):not(.is-pressed):before,.synth-btn[data-intent=red].is-forced-hover:before{opacity:1;box-shadow:var(--glow-red)}.synth-btn[data-intent=red].is-pressed{color:var(--c-red);text-shadow:0 0 6px rgba(248,113,113,.7)}.synth-btn[data-intent=red]:focus-visible{box-shadow:var(--shadow-l2),0 0 0 2px #f8717199}.synth-btn:disabled,.synth-btn[aria-disabled=true]{cursor:not-allowed;color:var(--c-text-dimmer);box-shadow:-3px -3px 8px var(--c-shadow-light-soft),3px 3px 8px var(--c-shadow-dark-soft);filter:saturate(.4)}.synth-btn:disabled:before{opacity:0}