.dsp-panel{margin:28px 0;padding:24px!important;background:#111923!important;border:1px solid #3a4c60!important}.dsp-flow{font-size:12px;letter-spacing:.08em;color:#a9edca;padding:14px 18px;background:#0b1119;border:1px solid #293b4d;border-radius:8px}#dsp-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dsp-module{min-width:0;margin:0;border:1px solid #2e3c4d;border-radius:12px;background:linear-gradient(135deg,#1b2634,#131d29);overflow:hidden;box-shadow:0 8px 24px #0003}.dsp-module.is-on{border-color:#5a9a81}.dsp-module:has(.eq-band){grid-column:1/-1}.module-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 20px;background:#0e1722;border-bottom:1px solid #2e3c4d}.module-head h3{font-size:15px;margin:0;flex:1;letter-spacing:.025em}.module-badge{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#8d9db0;padding:5px 7px;border:1px solid #425066;border-radius:4px}.is-on .module-badge{color:#a9edca;border-color:#6aab8f;background:#17352b}.dsp-switch{display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:0!important;cursor:pointer}.dsp-switch input{width:34px!important;height:18px!important;margin:0;accent-color:#a9edca;cursor:pointer}.dsp-switch span{font-size:11px;color:#a5b6ca}.module-head .dsp-switch span{display:none}.dsp-fields{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:20px 16px 10px}.dsp-control{display:flex!important;align-items:center;flex-direction:column;gap:8px;width:115px;margin:0!important;color:#b9c7d8;font-size:11px!important;text-align:center}.dsp-control>span{min-height:28px;display:flex;align-items:center;justify-content:center}.dsp-control input[type=number]{width:100%!important;padding:6px!important;text-align:center;background:#0c131d!important;border:1px solid #35475c!important;color:#d9efe7!important;font:13px ui-monospace,monospace;border-radius:5px!important}.dsp-control input[type=range]{width:90px!important;height:14px;margin:0;accent-color:#a9edca;cursor:ew-resize}.knob{position:relative;width:58px;height:58px;border-radius:50%;border:2px solid #526278;background:radial-gradient(circle at 35% 25%,#4b5a6d,#29384b 45%,#111b29 80%);box-shadow:0 4px 7px #0009,inset 0 1px 2px #ffffff30;touch-action:none;cursor:ns-resize}.knob-tick{position:absolute;inset:5px;pointer-events:none}.knob-tick:after{content:'';position:absolute;width:3px;height:14px;top:0;left:calc(50% - 1.5px);background:#b6f5d6;border-radius:3px;box-shadow:0 0 6px #a9edca66}.dsp-plot{padding:14px 18px 0}.plot-caption{font:10px ui-monospace,monospace;color:#93a7c0;letter-spacing:.1em;margin:0 0 9px}.dsp-plot canvas{display:block;width:100%;height:auto;aspect-ratio:960/280;border:1px solid #304056;border-radius:7px;touch-action:none}.plot-hint{font-size:10px;color:#889db4;margin:8px 0 0;line-height:1.6}.dsp-fields .eq-band{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:14px;border:1px solid #36475c;border-top:3px solid #66d7fb;border-radius:8px;background:#101a26;flex:1;min-width:225px}.eq-band:nth-child(2){border-top-color:#b7ed8c}.eq-band:nth-child(3){border-top-color:#f6c76c}.eq-band:nth-child(4){border-top-color:#cf9eff}.eq-band:nth-child(5){border-top-color:#fa96b1}.eq-band .dsp-switch{width:100%;justify-content:center}.eq-band .dsp-control{width:84px}.eq-band .knob{width:46px;height:46px}.dsp-note{font-size:11px;color:#91a3b8;margin:0;padding:12px 20px 18px;line-height:1.6}.dsp-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;position:sticky;bottom:12px;padding:12px;background:#121e2bf2;border:1px solid #36495e;border-radius:9px;z-index:2}.dsp-open{margin-top:12px;background:#1b3029;border-color:#426958;color:#bfe9d4}#dsp-message{font-size:13px;color:#e3cb91;line-height:1.6}@media(max-width:1050px){#dsp-form{grid-template-columns:1fr}.dsp-fields .eq-band{min-width:180px}}@media(max-width:650px){.dsp-panel{padding:12px!important}.dsp-fields{gap:10px}.dsp-control{width:92px}.module-head{padding:12px}.dsp-fields .eq-band{min-width:100%;box-sizing:border-box}}