.program-eq-face{grid-template-columns:170px minmax(0,1fr);gap:20px}.program-nameplate{text-align:center;color:#eee6d4}.program-nameplate h2{font:600 16px/2 Arial,sans-serif;letter-spacing:1.3px}.program-nameplate h2 span,.program-nameplate h2 small{display:block;font:12px/2 Arial,sans-serif;letter-spacing:.7px}.program-nameplate p{font:11px/1.5 Arial,sans-serif;color:#e1d5be}.program-eq-dials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px;align-items:start}.program-control{min-width:0;text-align:center}.program-control .knob-label{font-size:11px!important;letter-spacing:.5px!important}.program-lowBoost{grid-column:1;grid-row:1}.program-lowAtten{grid-column:2;grid-row:1}.program-highBoost{grid-column:3;grid-row:1}.program-highAtten{grid-column:4;grid-row:1}.program-lowFrequency{grid-column:1;grid-row:2}.program-bandwidth{grid-column:2;grid-row:2}.program-highFrequency{grid-column:3;grid-row:2}.program-attenFrequency{grid-column:4;grid-row:2}.program-selector select{display:block;width:100%;max-width:125px;min-height:40px;margin:8px auto 0;padding:6px;background:#192e39;color:#f2e9d5;border:1px solid #a2b0ad;font:12px var(--mono)}.program-selector .knob-value{display:none}.program-selector .knob{clip-path:none!important;inset:31px 46px!important;border-radius:5px;background:linear-gradient(90deg,#0a0d0f,#353e40 30%,#0e1315 65%,#05080a)!important;border:1px solid #3b4549;box-shadow:2px 4px 4px #0009}.program-selector .knob:after{inset:3px 2px!important;border:0;background:linear-gradient(#e8e8df 0 28%,#222a2c 30% 100%);box-shadow:none}.program-selector .knob:before{display:none}.program-selector .knob-wrap:before{inset:37px;border:3px solid #10191e;background:radial-gradient(#1b2428,#080d10);box-shadow:0 0 0 1px #6b7c80,0 3px 4px #0008}
#programEqBypass{display:inline-flex;align-items:center;gap:10px;justify-content:center;margin-top:24px;min-height:48px;padding:10px 15px;background:#1b303b;border:1px solid #9daca9;border-radius:4px;color:#f1e6d3;font:12px var(--mono)}#programEqBypass i{width:15px;height:15px;border-radius:50%;background:#321c18;border:2px solid #b1aaa0;box-shadow:0 0 0 2px #12242c}.program-eq-face[data-enabled=true] #programEqBypass i{background:radial-gradient(circle at 35% 30%,#ffdf91,#ef692d 40%,#8c2416);box-shadow:0 0 0 2px #12242c,0 0 9px #e6663d88}#programEqBypass:focus-visible,.program-selector select:focus-visible{outline:3px solid #f1c878;outline-offset:4px}.program-eq-help,.six-band-detail{padding:14px;margin:16px 0;border:1px solid #71868b55;border-radius:3px;background:#16262d;color:#ebdfc9}.program-eq-help summary,.six-band-detail>summary{min-height:40px;cursor:pointer;font:12px/1.8 var(--mono);letter-spacing:.5px;padding:8px 0}.program-eq-help p,.six-band-detail>p{font:13px/1.6 Arial,sans-serif;max-width:85ch}.program-eq-help canvas{display:block;width:100%;height:auto;max-height:220px}.six-band-detail .eq-faceplate{margin:12px 0}.six-band-detail .eq-layout{margin:0}.program-eq-face .knob-wrap{touch-action:none}
@media(max-width:1100px){.program-eq-face{grid-template-columns:130px minmax(0,1fr);gap:10px}.program-eq-dials{gap:20px 6px}.program-selector .knob{inset:27px 40px!important}.program-selector .knob-wrap:before{inset:32px}}
@media(max-width:850px){.program-eq-face{grid-template-columns:minmax(0,1fr)}.program-nameplate{display:flex;align-items:center;justify-content:space-around;gap:16px;border-bottom:1px solid #a7b5af66;padding-bottom:16px;margin-bottom:10px}.program-nameplate p{display:none}#programEqBypass{margin:0}.program-nameplate h2{margin:0}.program-control .knob-wrap{width:110px;height:110px}}
@media(max-width:580px){.program-eq-dials{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.program-lowBoost{grid-column:1;grid-row:1}.program-lowAtten{grid-column:2;grid-row:1}.program-lowFrequency{grid-column:1;grid-row:2}.program-bandwidth{grid-column:2;grid-row:4}.program-highBoost{grid-column:1;grid-row:3}.program-highAtten{grid-column:2;grid-row:3}.program-highFrequency{grid-column:1;grid-row:4}.program-attenFrequency{grid-column:2;grid-row:2}.program-nameplate h2{font-size:14px}.program-nameplate h2 span{font-size:10px}.program-nameplate{gap:8px}.program-control .knob-wrap{width:120px;height:120px}.program-selector .knob{inset:30px 44px!important}.program-selector .knob-wrap:before{inset:35px}}
.program-rate-note{font:12px/1.6 Arial,sans-serif;color:#eed9b1}.program-eq-face .knob-wrap:focus-within{outline:2px solid #f0cc85;outline-offset:3px;border-radius:5px}
body.preset-recalling .knob{transition:transform .22s ease-out}
@media(prefers-reduced-motion:reduce){body.preset-recalling .knob{transition:none}}