#scene-overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.webgl-ready #scene-overlay-canvas,.webgl-ready .camera-legend{display:none}
.reference-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px}
.reference-controls label{display:flex;align-items:center;gap:4px;white-space:nowrap}.reference-controls input{accent-color:var(--cyan)}
.reprojection-inset{position:absolute;right:12px;bottom:38px;width:min(39%,440px);aspect-ratio:16/9;background:#020609;border:1px solid #52636a;z-index:5;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.36)}
.reprojection-tabs{height:27px;display:flex;align-items:center;gap:3px;padding:3px;background:#03090d;border-bottom:1px solid var(--line)}
.reprojection-tabs button{border:0;background:transparent;color:var(--muted);padding:3px 7px;font-size:9px;cursor:pointer}.reprojection-tabs button.active{color:var(--ink);outline:1px solid #dcecef}
.reprojection-count{margin-left:auto;color:var(--muted);font:9px ui-monospace,monospace;padding-right:5px}
#reprojection-image{width:100%;height:calc(100% - 27px);object-fit:contain;background:#020609;display:block}
.speed-mini{margin-top:6px;height:50px;position:relative}.speed-mini canvas{width:100%;height:100%;display:block}.speed-mini-label{position:absolute;left:4px;top:2px;color:var(--ink);font-size:9px;font-weight:500}
.timeline-panel.reference-expanded{padding-bottom:7px}.camera-legend{position:absolute;left:17px;bottom:35px;color:var(--warm);font:9px ui-monospace,monospace;z-index:4}
@media(max-width:800px){.reprojection-inset{width:52%;bottom:48px}.reference-controls{gap:6px}.speed-mini{height:42px}}
@media(max-width:620px){.timeline-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 10px}.timeline-head>div:first-child{min-width:0;flex-wrap:wrap}.reference-controls{grid-column:1/-1;width:100%;min-width:0}}