.aud{--accent:#ff6fae}.aud-scopes{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:680px){.aud-scopes{grid-template-columns:1fr}}.aud-scope{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/7;min-height:150px;border:1px solid rgba(255,111,174,.28);background:radial-gradient(120% 120% at 50% 0%,rgba(255,111,174,.08),rgba(6,8,18,.6))}@media (max-width:640px){.aud-scope{aspect-ratio:auto;height:150px;min-height:0}}.aud-scope canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.aud-lab{position:absolute;top:8px;left:11px;z-index:2;font:700 10.5px/1 var(--font-sans);color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.aud-facts{margin-top:14px}.aud-explain{margin:12px 0 0;font:500 13.5px/1.6 var(--font-sans);color:var(--dim)}.tool-bar #presets{gap:6px}.tool-bar #presets .t-chip{padding:7px 11px;font-size:12px}.aud-controls{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px}.aud-controls .t-field{min-width:150px}.aud-controls .grow{flex:1;min-width:220px}.aud-controls input[type=range]{accent-color:var(--accent);min-width:0;height:28px;margin:0}.aud-controls label b{color:var(--accent-fill);font-family:var(--font-mono)}.aud-freq{display:flex;align-items:center;gap:10px}.aud-freq input[type=range]{flex:1}.aud-freq .t-input{width:84px;flex:none;padding:7px 9px;font-size:13.5px;text-align:right}.aud-note{font:700 12px/1 var(--font-mono);color:var(--accent-fill);padding:2px 8px;border-radius:6px;background:rgba(255,111,174,.14)}.aud-mixhead{margin-top:16px;font:600 11.5px/1.2 var(--font-sans);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.t-rows.aud-mix{margin-top:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.aud-mix .t-row span{width:108px;color:var(--ink)}.aud-mix .t-row span i{font:600 11px/1 var(--font-mono);color:var(--faint);font-style:normal}.aud-mix .t-row.zero span{color:var(--dim)}.aud-mix .t-row.zero b{color:var(--faint)}.aud-sign{flex:none;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--dim);border:1px solid rgba(140,160,235,.3);background:rgba(255,255,255,.04);font:700 14px/1 var(--font-mono);transition:background .15s,color .15s}@media (hover:hover){.aud-sign:not(.neg):hover{color:var(--ink);background:rgba(140,160,235,.14)}}.aud-sign.neg{color:#06101f;background:var(--accent-fill);border-color:transparent}@media (max-width:600px){.aud-sign{width:36px;height:36px}.aud-mix .t-row span{width:96px}.aud-mix .t-row b{width:58px}}
