.audio-suite,.suite-plot{--surface:#192731;--text:#e3ebf0;--text-muted:#a0b2be;--border:#34444f;color:var(--text);background:#202d37;border:1px solid var(--border);border-radius:9px;padding:18px;min-width:0}
.audio-suite h2,.audio-suite h3,.audio-suite label,.audio-suite strong,.audio-suite th,.audio-suite td{color:var(--text)}
.audio-suite .field-hint,.audio-suite .result-tile__label,.audio-suite .result-tile__sub{color:var(--text-muted)}
.audio-suite .result-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0}
.audio-suite .result-tile{background:var(--surface);border:1px solid var(--border);padding:14px;border-radius:5px}
.audio-suite .result-tile__value{font-size:22px;color:var(--text)}
.audio-suite a{color:#a9ccec}.audio-suite table{font-size:13px}.audio-suite th,.audio-suite td{background:transparent;border-color:var(--border);padding:10px}
.audio-suite .table-wrap{overflow:auto}.audio-suite .audio-interpretation li{background:var(--surface);color:var(--text);border-color:var(--border)}
.suite-plot{background:#192731;padding:12px;margin:12px 0}.suite-plot__controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.suite-plot button,.suite-plot select{background:#2b3c48;color:#e3ebf0;border:1px solid #526471;border-radius:4px;min-height:36px;padding:7px 10px;font:12px ui-monospace,monospace}.suite-plot button[aria-pressed=true]{background:#446377}.suite-plot label{font-size:12px;color:#a0b2be;margin-left:auto}.suite-plot canvas{display:block;width:100%;height:290px;touch-action:pan-y;margin-top:8px}.suite-plot canvas:focus-visible{outline:2px solid #52c6c1;outline-offset:2px}.suite-plot__readout{font:11px/1.6 ui-monospace,monospace;min-height:1.6em;color:#d6e5ef;overflow-wrap:anywhere;margin:8px 0}.suite-plot__legend{display:flex;gap:12px;flex-wrap:wrap;font:11px/1.5 ui-monospace,monospace;margin:10px 0}.suite-plot .field-hint{color:#a0b2be;font-size:11px;margin:6px 0}.suite-plot__readout:empty{display:none}
@media(max-width:600px){.audio-suite{padding:10px}.suite-plot{padding:8px}.suite-plot button,.suite-plot select{min-height:42px}.suite-plot label{margin-left:0}.audio-suite .result-tiles{grid-template-columns:1fr}.suite-plot canvas{height:240px}}
.suite-scope-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:12px 0}.suite-scope-controls label{font-size:12px;display:grid;gap:4px}.suite-scope-controls input{width:95px}.suite-scope-controls input,.suite-scope-controls select,.suite-scope-controls button{background:#2b3c48;color:#e3ebf0;border:1px solid #526471;border-radius:4px;padding:8px;min-height:40px}.audio-suite .stereo-scope{background:var(--surface);border-color:var(--border)}
.suite-plot details{color:#a0b2be;font-size:12px;margin:8px 0}.suite-plot input{background:#2b3c48;color:#e3ebf0;border:1px solid #526471;padding:8px;width:120px;min-height:36px}.suite-plot details label{margin:0;display:grid;gap:4px}

.suite-shell [hidden]{display:none!important}
@media(max-width:600px){.suite-shell{padding:12px}.suite-plot__controls button{min-width:42px}}

/* ---- Reference Analyzer: summary + section-by-section comparison (graphite panel, same palette as the Track Analyzer workstation) ---- */
.reference-summary ul{margin:6px 0 0;padding-left:20px;line-height:1.6}
.refsec{background:#192731;color:#d3e0e8;border:1px solid #34444f;border-radius:6px;padding:16px;margin:20px 0}
.refsec h3,.refsec h4{color:#e3ebf0;margin:0 0 8px}.refsec h4{font-size:13px;margin-top:18px}
.refsec .field-hint{color:#a0b2be}
.refsec__controls{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:end;margin:10px 0 14px}
.refsec__controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#a0b2be;min-width:0}
.refsec__controls select{min-width:220px;max-width:100%;font:12px var(--font-mono,monospace);color:#e3ebf0;background:#21323f;border:1px solid #40535f;border-radius:4px;padding:7px 8px}
.refsec__controls .refsec__check{flex-direction:row;align-items:center;gap:6px}
.refsec__canvas{display:block;width:100%;background:#101c27;border-radius:4px}
.refsec__summary{margin:8px 0 12px;padding-left:20px;font-size:13px;line-height:1.6;color:#d3e0e8}
.refsec__table{width:100%;border-collapse:collapse;font-size:12px;color:#d3e0e8}
.refsec__table th{text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8ea4b2;padding:6px 10px 6px 0;border-bottom:1px solid #34444f}
.refsec__table td{padding:6px 10px 6px 0;border-bottom:1px solid #273946;font-variant-numeric:tabular-nums}
.refsec__table .refsec-sub th{padding-top:14px}
