/* Quick audio tools: pitch, tempo, bass, reverse, volume, EQ (loaded after hub.css, bpm.css and slowed.css) */
.abrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 12px}
.abrow .ab{font-size:13px;padding:7px 12px}
.abrow .ab.on{border-color:#9aa3b8;background:#1b2030;color:#fff}
.aninfo{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.aninfo b{color:var(--text);font-weight:650}
.semibox{display:flex;align-items:flex-end;gap:12px;margin:2px 0 8px;max-width:640px}
.semibox .ctl{flex:1;margin:0}.semibox .ctl label{display:flex;justify-content:space-between;color:var(--muted);font-size:12.5px;margin-bottom:3px}
.semibox .ctl output{color:var(--text);font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.semibox input[type=range]{width:100%;accent-color:var(--accent)}
.btn.step{min-width:44px;height:40px;padding:0;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.knobs select,.knobs input[type=number]{width:100%;box-sizing:border-box;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;font-size:14px}
.knobs .ctl>label[for]:only-child,.knobs .ctl>label:first-child:not(:has(output)){margin-bottom:5px}
.knobs select:disabled,.knobs input:disabled{opacity:.55}
.resp{display:block;width:100%;height:150px;background:#0e1118;border:1px solid var(--line);border-radius:10px;margin:2px 0 10px}
.eqgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:4px 0 6px;padding:10px 4px 8px;background:#0e1118;border:1px solid var(--line);border-radius:12px}
.eqgrid .band{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.eqgrid output{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums;min-height:15px}
.eqgrid span{font-size:11.5px;color:var(--muted)}
.eqgrid input[type=range]{writing-mode:vertical-lr;direction:rtl;width:26px;height:150px;margin:0;accent-color:var(--accent);cursor:pointer}
@media (max-width:560px){.eqgrid{gap:0;padding:8px 0}.eqgrid input[type=range]{height:130px;width:22px}.eqgrid span,.eqgrid output{font-size:10.5px}.resp{height:120px}.abrow .ab{width:100%}}