.alt-knob{--knob-body-from:#3a3a42;--knob-body-mid:#28282e;--knob-body-to:#1a1a1e;--knob-body-stroke:#111116;--knob-track:#2a2a32;--knob-indicator:#e5a000;--knob-label:#9a9aaa;--knob-value:#fff;cursor:ns-resize;user-select:none;touch-action:none;max-width:var(--alt-knob-max,52px);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.alt-knob.dragging{cursor:grabbing}.alt-knob-svg-container{filter:drop-shadow(0 1px 1px #00000080)drop-shadow(0 0 4px #bf88202e);width:100%;max-width:var(--alt-knob-max,52px);aspect-ratio:1;justify-content:center;align-items:center;height:auto;display:flex;position:relative}.alt-knob-mod-arc{opacity:.35;animation:1.5s ease-in-out infinite alt-knob-mod-pulse}@keyframes alt-knob-mod-pulse{0%,to{opacity:.2}50%{opacity:.5}}.filter-visualizer{aspect-ratio:16/9;background:var(--viz-bg);border:1px solid var(--panel-border);border-radius:.5rem;width:100%;max-width:100%;max-height:9rem;overflow:hidden}.filter-visualizer svg{opacity:0;animation:.5s ease-out .1s forwards filter-display-on}@keyframes filter-display-on{0%{opacity:0;filter:brightness(2.5)}to{opacity:1;filter:brightness()}}.env-visualizer{aspect-ratio:16/9;background:var(--viz-bg);border:1px solid var(--panel-border);cursor:pointer;border-radius:.5rem;width:100%;max-width:100%;max-height:9rem;overflow:hidden}.env-visualizer svg{opacity:0;animation:.5s ease-out .1s forwards env-display-on}@keyframes env-display-on{0%{opacity:0;filter:brightness(2.5)}to{opacity:1;filter:brightness()}}