.telemetry-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:8px 0 6px;min-width:0}
.telemetry-summary{color:var(--muted);font-size:12px;margin:0}
#telemetry-charts{display:grid;gap:9px}
.telemetry-plot-card{background:#1a1817;border:1px solid var(--border);border-radius:8px;padding:10px;min-width:0}
.telemetry-plot-card h3{font-size:14px;margin:0 0 6px;color:var(--white)}
.telemetry-legends{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.telemetry-legend{display:inline-flex;align-items:center;gap:5px;background:var(--raised);border:1px solid var(--border-strong);border-radius:4px;color:var(--white);font-size:11px;padding:3px 5px;text-align:left}
.telemetry-legend:hover{background:var(--selected)}
.telemetry-legend[aria-pressed="false"]{opacity:.42;text-decoration:line-through}
.telemetry-swatch{width:17px;border-top:3px solid;flex:none}
.telemetry-swatch.target{border-top-style:dashed}
.telemetry-plot{width:100%;overflow-x:auto;overflow-y:hidden}
.telemetry-plot .uplot{background:transparent}
.telemetry-plot .u-legend{display:none}
.telemetry-hover{min-height:17px;color:var(--muted);font-size:11px;margin-top:3px;overflow-wrap:anywhere}
.telemetry-time{min-height:16px;color:var(--muted);font-size:11px;margin-top:4px}
.telemetry-legend-value{color:var(--white);font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}
.telemetry-legend{min-width:125px;justify-content:flex-start}
.peel-inline{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}
.peel-inline summary{cursor:pointer;color:var(--blue);font-size:12px}
.peel-inline .section-title{display:none}
.peel-inline .peel-assumptions{margin-top:10px}
.peel-inline .model-case{padding:9px}
.model-chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin:6px 0}
.model-chart-legend span::before{content:' ';display:inline-block;width:13px;border-top:3px solid;margin-right:5px;vertical-align:middle}
.model-chart-legend span:nth-child(1)::before{border-color:#f0ad4e}
.model-chart-legend span:nth-child(2)::before{border-color:#8ab4f8}
.model-chart-legend span:nth-child(3)::before{border-color:#2eb67d}
.model-chart-legend span:nth-child(4)::before{border-color:#f8f6f1}
.model-chart-legend span:nth-child(5)::before{border-color:#bb8dd1;border-top-style:dashed}
.model-chart-legend.speed span:nth-child(n+3){display:none}
.analytics-card:has(#model-series.selected) .chart-wrap,.analytics-card:has(#model-speed-series.selected) .chart-wrap{height:280px}
.analytics-card:has(#model-series.selected) .chart-tip,.analytics-card:has(#model-speed-series.selected) .chart-tip{max-width:min(360px,80vw);white-space:normal}
main{padding-top:20px;padding-bottom:42px}.page-head{margin-bottom:15px}.card{padding:16px}.section-title{margin-bottom:11px}.open-card{margin-bottom:12px}.metric-grid{gap:12px;margin-bottom:12px}.metric{padding:11px 14px}.metric-value{font-size:21px;margin-top:2px}.two-column{gap:12px;margin-bottom:12px}.kv-row{padding:6px 0}.analytics-card{margin-bottom:12px}.chart-wrap{height:222px;margin-top:9px}.layer-stage,.volume-stage{height:265px}#telemetry-results{margin-top:9px}.raw{margin-top:9px}
@media(max-width:760px){.telemetry-toolbar{align-items:start}.telemetry-toolbar .telemetry-summary{width:100%;min-width:0}.telemetry-toolbar .timezone-control{flex:1 1 180px;min-width:0;flex-wrap:wrap}.telemetry-toolbar .timezone-control select{max-width:100%;min-width:0;width:100%}.telemetry-toolbar #telemetry-reset{flex:0 0 auto;margin-left:auto;padding:6px 0}.telemetry-legend{max-width:100%}.card{padding:13px}.layer-stage,.volume-stage{height:225px}}
.open-card{padding:10px 14px}.open-card .section-title{margin-bottom:7px}.open-card .file-button,.open-card .ghost{padding:7px 10px}.open-card #path-input{padding:7px 10px}.open-card #source-status{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-head h1{margin:5px 0 0}
.volume-stage{height:300px}.render-row{gap:12px}.render-open{background:#171615;border:1px solid var(--border-strong);border-radius:7px;padding:0;overflow:hidden;flex:none}.render-open img{display:block;width:min(280px,42vw);max-width:none;max-height:175px;object-fit:contain;transition:transform .2s}.render-open:hover img,.render-open:focus-visible img{transform:scale(1.08)}.render-dialog{width:min(94vw,1680px);max-height:94vh;padding:12px;background:#1a1817;color:var(--white);border:1px solid var(--border-strong);border-radius:10px}.render-dialog::backdrop{background:#000d}.render-dialog #render-close{display:block;margin:0 0 10px auto;padding:6px 10px}.render-dialog img{display:block;max-width:100%;max-height:calc(94vh - 68px);margin:auto;object-fit:contain}
@media(max-width:760px){.volume-stage{height:250px}.render-open img{width:min(260px,66vw)}.render-row{flex-wrap:wrap}.open-card #source-status{max-width:50%}}
.speed-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:8px 0}.speed-inputs label{display:flex;align-items:center;gap:8px}.speed-inputs input{width:130px;padding:5px 7px;background:var(--raised);border:1px solid var(--border-strong);border-radius:5px;color:var(--white)}.speed-inputs.hidden{display:none}.chart-wrap{overflow-x:auto;overflow-y:hidden}.chart-wrap canvas{display:block}.analytics-card .chart-wrap{height:292px}.model-chart-legend span::before{display:none}.model-chart-legend i{display:inline-block;width:13px;border-top:3px solid var(--series-color);margin-right:5px;vertical-align:middle}.model-chart-legend i.dash{border-top-style:dashed}.model-chart-legend i.point{width:6px;height:6px;border:0;border-radius:50%;background:var(--series-color)}
.timezone-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.timezone-control select{max-width:min(260px,60vw);padding:5px 7px;color:var(--white);background:var(--raised);border:1px solid var(--border-strong);border-radius:5px}
