.eqs-app{padding-bottom:var(--space-5xl)}.eqs-transport{gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.eqs-source{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.eqs-src{min-height:40px;padding:var(--space-2xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:inline-flex}.eqs-src.is-active{background:color-mix(in oklch, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent)}.eqs-src:hover{border-color:var(--accent)}.eqs-controls{gap:var(--space-sm);display:flex}.eqs-play{min-height:44px;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-fg);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;align-items:center;gap:var(--space-sm);border:0;display:inline-flex}.eqs-play:hover{background:var(--accent-hover)}.eqs-play-ico{border:6px solid #0000;border-left:10px solid;border-right-width:0;width:0;height:0}.is-playing .eqs-play-ico{background:currentColor;border:0;width:9px;height:11px}.eqs-bypass{min-height:44px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);font-size:var(--text-sm);cursor:pointer}.eqs-bypass[aria-pressed=true]{border-color:var(--fg-subtle);color:var(--fg-muted)}.eqs-bypass strong{color:var(--accent)}.eqs-bypass[aria-pressed=true] strong{color:var(--fg-subtle)}.eqs-stage{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.eqs-canvas{aspect-ratio:900/240;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:auto;display:block}.eqs-bands{gap:var(--space-2xs);margin-top:var(--space-lg);grid-template-columns:repeat(10,1fr);display:grid}.eqs-band{align-items:center;gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.eqs-slider-box{justify-content:center;align-items:center;height:138px;display:flex}.eqs-slider{width:130px;height:22px;accent-color:var(--accent);cursor:ns-resize;margin:0;transform:rotate(-90deg)}.eqs-band-val{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--fg-muted)}.eqs-band-hz{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-subtle)}.eqs-readout{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums}.eqs-presets,.eqs-export{margin-top:var(--space-xl)}.eqs-section-label{margin:0 0 var(--space-sm);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--fg-subtle)}.eqs-preset-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.eqs-preset{min-height:40px;padding:var(--space-2xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.eqs-preset:hover{border-color:var(--accent);color:var(--accent)}.eqs-export-head{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.eqs-fmt-wrap select{min-height:40px;padding:var(--space-2xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg);font-size:var(--text-sm)}.eqs-out{margin:var(--space-sm) 0 0;padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre;max-height:16rem;overflow:auto}.eqs-export-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.eqs-btn{min-height:44px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer}.eqs-btn:hover{border-color:var(--accent)}.eqs-btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.eqs-btn-primary:hover{background:var(--accent-hover)}.eqs-btn-ghost{background:0 0}.eqs-flash{border-color:var(--accent);color:var(--accent)}.eqs-note{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-body);max-width:52rem}