[hidden]{display:none!important}.mode-switch{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;gap:12px;margin:0 0 20px;background:var(--bg)}.mode-switch legend{font-size:12px;font-weight:bold;padding:0 4px}.mode-switch label{margin:0;display:flex;align-items:center;gap:7px;cursor:pointer;flex:1}.mode-switch input[type=radio]{width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:var(--blue)}.band-heading{margin-top:25px;margin-bottom:10px}.band-table{table-layout:fixed}.band-table th{width:20%;padding:8px 5px;font-size:11px}.band-table th:last-child{width:26%}.band-table td{padding:5px}.band-table td:last-child{font-weight:bold;color:var(--blue);font-variant-numeric:tabular-nums;text-align:right}.band-table input[type=number]{min-width:0;min-height:35px;padding:6px 7px;font-size:14px}.band-table tbody tr:nth-child(even){background:#f5f9fa}.paste-panel{margin:15px 0 20px;background:var(--bg);padding:13px;border-radius:8px}.paste-panel summary{font-size:12px}.paste-panel label{margin-top:15px}textarea{width:100%;resize:vertical;min-height:110px;padding:10px;border:1px solid #c9d8dd;border-radius:6px;font:13px/1.5 Consolas,monospace;color:var(--ink)}textarea:focus{outline:3px solid #8dd5e6;outline-offset:2px}#bandStatus{font-size:12px;color:var(--blue);margin-bottom:0}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.rating-grid>div{border:1px solid var(--line);border-radius:8px;background:white;padding:14px 12px}.rating-grid span{display:block;font-size:11px;color:var(--muted)}.rating-grid strong{display:block;font-size:19px;font-weight:500;margin-top:5px;color:var(--navy)}.chart-card h2{font-size:17px}.chart-card{padding:22px}.chart-card .card-head{margin-bottom:12px}#spectrumChart{font-size:12px;color:var(--muted)}#spectrumChart svg{display:block;width:100%;height:auto;overflow:visible}.grid-line{stroke:#e1e9eb;stroke-width:1}.axis-label{fill:#60747b;font:11px Arial,sans-serif}.glass-line,.frame-line,.combined-line,.reference-line{fill:none;stroke-width:2}.glass-line{stroke:#55b7c9;stroke-dasharray:5 3}.frame-line{stroke:#063e53;stroke-dasharray:2 3}.combined-line{stroke:#00769a;stroke-width:3}.reference-line{stroke:#b18a45;stroke-dasharray:7 5;stroke-width:1.5}.combined-dot{fill:#00769a;stroke:white;stroke-width:1}.chart-key{display:flex;flex-wrap:wrap;gap:9px 15px;margin:8px 0 14px;font-size:10px;color:var(--muted)}.chart-key span{display:flex;align-items:center;gap:5px}.chart-key i{display:inline-block;width:15px;height:3px}.chart-key .combined{background:#00769a}.chart-key .reference{background:#b18a45}.chart-card .help{font-size:11px;margin-bottom:14px}@media(max-width:520px){.rating-grid{gap:6px}.rating-grid>div{padding:11px 8px}.rating-grid strong{font-size:16px}.chart-card{padding:17px}.mode-switch{gap:8px}.mode-switch label{font-size:11px}.band-table th{font-size:10px}.band-table input[type=number]{font-size:13px;padding:6px 4px}.band-table td{padding:4px}.band-table td:last-child{font-size:12px}}@media print{.mode-switch{background:white;padding:4px;font-size:10px;margin-bottom:10px}.mode-switch label:has(input:not(:checked)){display:none}.mode-switch input[type=radio]{width:12px;height:12px}.paste-panel,#clearBands,#exportBands{display:none!important}.inputs{break-inside:auto}.band-table input[type=number]{min-height:18px;padding:1px;font-size:10px}.band-table td,.band-table th{padding:2px;font-size:10px}.band-heading{margin-top:10px}.rating-grid>div{padding:7px}.rating-grid strong{font-size:14px}.rating-grid{gap:5px;margin-bottom:12px}.chart-card{padding:10px}.chart-key{font-size:8px;gap:6px}.chart-card svg{max-height:240px}.mode-switch legend{font-size:10px}}
.bands-mode .inputs .component{display:none}.bands-mode .inputs .fields{display:contents}.bands-mode .inputs .fields>div:not([hidden]){display:inline-block;width:calc(50% - 10px);margin:0 8px 10px 0;vertical-align:top}