.sound-design{margin-top:16px;padding:24px}.fx-title{display:flex;align-items:end;justify-content:space-between;gap:18px}.fx-title h2{font:30px Georgia;margin:0}.random-preset{padding:11px 14px;border:1px solid var(--pink);background:#33102b;color:#fff;font-weight:bold;cursor:pointer}.presets{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.presets button{padding:9px 12px;border:1px solid #3f5449;background:#0d1812;color:#9eafa6;cursor:pointer}.presets button:hover,.presets button.active{color:#fff;border-color:var(--cyan);box-shadow:inset 0 -3px var(--cyan),0 0 12px #19e7e026}.fx-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;padding:17px;background:#030806;border:1px solid #2e4237}.fx-grid label{display:grid;gap:9px}.fx-grid span{display:flex;justify-content:space-between;color:#aebdb5;font-size:9px;font-weight:bold}.fx-grid output{color:var(--cyan)}.fx-grid input{width:100%;accent-color:var(--pink)}
@media(max-width:900px){.fx-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.sound-design{padding:18px}.fx-title{align-items:start}.fx-title h2{font-size:25px}.random-preset{font-size:10px}.presets button{flex:1 1 42%}.fx-grid{grid-template-columns:1fr 1fr}}