:root{font-family:Inter,system-ui,sans-serif;color:#18313b;background:#f5f7f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:32px 24px}h1{font-size:clamp(32px,5vw,52px);margin:0}h2{font-size:23px;margin-top:0}.eyebrow{color:#47717c;letter-spacing:.16em;font-size:12px}section{background:#fff;border:1px solid #dce4e7;border-radius:16px;padding:24px;margin:20px 0}.scene{padding:0;overflow:hidden}.scene p{padding:0 24px;color:#556b72;font-size:13px}canvas{width:100%;display:block;background:#edf4f5}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}label{display:block;font-size:14px}select,input[type=number]{display:block;width:100%;padding:12px;background:white;border:1px solid #bdcdd2;border-radius:6px;font:inherit;margin-top:6px}button{font:inherit;background:#165566;color:white;border:0;border-radius:7px;padding:12px 20px;margin:12px 8px 8px 0;cursor:pointer}button:disabled{opacity:.5;cursor:default}.presets button,#export{background:#e8f1f3;color:#245263}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric{border:1px solid #dce5e8;padding:16px;border-radius:9px}.metric strong{display:block;font-size:23px}.metric small{display:block;color:#637680}#scope,footer,#captured{color:#556b72;font-size:14px}svg.plot{width:100%;display:block;margin:12px 0}#display p{margin:4px 0}a{color:#165566}#status{font-weight:600}input[type=checkbox]{margin:0 8px 0 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 12px}section{padding:16px}.controls{grid-template-columns:1fr}canvas{min-height:180px}.metrics{grid-template-columns:1fr 1fr}button{min-height:44px}.metric{padding:10px}.metric strong{font-size:19px}}
.scene-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px}.scene-bar strong,.scene-bar span{display:block}.scene-bar span{font-size:13px;color:#546e77}.scene-bar label{width:160px}.scene-bar select{padding:8px}#scene-3d{height:420px;touch-action:none}#scene-3d canvas{height:100%;min-height:0}.signal-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.signal-chain span{padding:12px 14px;border:1px solid #d5e3e7;border-radius:9px;background:#e9f1f3;font-weight:600}.signal-chain small{display:block;font-weight:400;color:#546e77}.dashboard-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.dashboard-heading h2{margin-bottom:6px}.dashboard-heading p{margin:0;color:#546e77;font-size:14px}.timeline input{display:block;width:100%;margin:14px 0;accent-color:#227589;min-height:28px}.cursor-readout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;font-variant-numeric:tabular-nums}.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.effect-grid>div{padding:16px;border:1px solid #d6e4e8;background:#f5f9fa;border-radius:9px}.effect-grid span,.effect-grid small{display:block;font-size:13px;color:#47636d}.effect-grid strong{display:block;font-size:27px;color:#155b6c}.legend{display:inline-flex;font-size:13px;font-weight:400;align-items:center;gap:7px;flex-wrap:wrap;margin-left:14px}.legend i{width:16px;height:3px;display:inline-block}.raw{background:#b36d38}.filtered{background:#13748a}.wave-canvas{height:170px!important;min-height:0!important;border-radius:8px}.heat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.heat-canvas{height:190px!important;min-height:0!important;border-radius:8px}.heat-grid h3{font-size:16px}.replay-note,#spectral-axis,#comparison-scope{color:#546e77;font-size:13px}.comparison-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #dae5e8;white-space:nowrap}th{font-weight:600;color:#47636d}@media(max-width:600px){#scene-3d{height:300px}.scene-bar{padding:12px 16px}.scene-bar label{width:120px}.signal-chain{grid-template-columns:1fr 1fr}.signal-chain span{font-size:13px;padding:10px}.effect-grid{grid-template-columns:1fr 1fr}.effect-grid>div:last-child{grid-column:span 2}.effect-grid strong{font-size:24px}.heat-grid{grid-template-columns:1fr}.dashboard-heading{display:block}.legend{margin:8px 0 0;display:flex}.cursor-readout{font-size:13px}.timeline input{min-height:44px}}

.model-hud{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}.model-hud span{background:#e8f1f2;color:#254c59;padding:8px 12px;border-radius:5px;font-size:13px}