.hidden{display:none!important}.bass-panel{display:grid;grid-template-columns:1.25fr .65fr 1.15fr 1.1fr;border:1px solid #4a4d42;background:linear-gradient(145deg,#242720,#121411);border-radius:6px;box-shadow:0 18px 50px #0008;overflow:hidden}.bs-section{min-height:260px;padding:14px;border-right:1px solid #35392f}.bs-section:last-child{border-right:0}.mod-section{grid-column:1/-1;min-height:170px;border-top:1px solid #35392f;display:grid;grid-template-columns:1fr 2fr;column-gap:20px}.mod-section .section-title{grid-column:1/-1}.bs-osc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bs-module{background:#11130f;border:1px solid #383b32;border-top:2px solid #ff6838;border-radius:3px;padding:9px;display:flex;flex-direction:column;gap:9px}.bs-module strong,.dual-env strong{font-family:"DM Mono",monospace;font-size:.68rem;color:#ff6838}.bs-module label,.filter-switches,.vertical-faders label,.dual-env label,.performance-controls label,.wide-control{font-size:.52rem;letter-spacing:.08em;color:#8a8e80;display:flex;flex-direction:column;gap:3px}.bs-module select,.filter-switches select,.performance-controls select{border:1px solid #35392f;background:#0d0f0c;height:26px;font-family:"DM Mono";font-size:.58rem;padding:0 4px}.bs-module input,.vertical-faders input,.dual-env input,.performance-controls input,.wide-control input{accent-color:#ff6838;width:100%}.bs-module.compact label{flex-direction:row;align-items:center}.vertical-faders{display:grid;grid-template-columns:repeat(5,1fr);height:190px;gap:8px}.vertical-faders label{align-items:center;justify-content:flex-end}.vertical-faders input{writing-mode:vertical-lr;direction:rtl;height:150px;width:16px}.filter-switches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:22px}.bs-knobs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.bs-knobs label{font-size:.5rem;letter-spacing:.06em;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.bs-knob{width:52px;height:52px}.bs-knob:after{left:24px;top:6px;height:13px;transform-origin:50% 20px}.bs-knob.orange{background:conic-gradient(from 225deg,#ff6838 0deg calc(var(--value)*270deg),#30332a calc(var(--value)*270deg) 270deg,transparent 270deg),radial-gradient(circle at 37% 31%,#4b5043,#181a16 64%)}.dual-env{display:flex;flex-direction:column;gap:16px}.dual-env>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dual-env strong{grid-column:1/-1}.wide-control{margin-top:15px}.mod-section>.bs-osc-grid{grid-template-columns:1fr 1fr}.performance-controls{display:grid;grid-template-columns:2fr 1fr 2fr;gap:14px;align-items:center}.bass-panel+.arp-panel{border-color:#554237}.bass-panel:not(.hidden)~.arp-panel .power.on{background:#ff6838;border-color:#ff6838;box-shadow:inset 0 0 0 7px #20221d,0 0 9px #ff683877}.bass-panel:not(.hidden)~.arp-panel input{accent-color:#ff6838}
@media(max-width:1200px){.bass-panel{grid-template-columns:1.2fr .65fr 1fr}.env-section{grid-column:1/-1;border-top:1px solid #35392f}.dual-env{display:grid;grid-template-columns:1fr 1fr}.mod-section{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.bass-panel{display:block}.bs-section{border-right:0;border-bottom:1px solid #35392f}.bs-osc-grid{grid-template-columns:1fr}.vertical-faders{height:150px}.vertical-faders input{height:105px}.mod-section{display:block}.bs-knobs{grid-template-columns:1fr 1fr}}