feat(lab): add recorded realtime spatial playback

apps/control-station/src/styles/l3-pointpillars-visual-audit.css

@@ -94,6 +94,15 @@
   flex-wrap: wrap;
 }
 
+.m4-replay-threat-evidence-viewer .laboratory-metric-evidence-scene__legend,
+.m4-replay-threat-evidence-viewer .m4-replay-threat-visual__overlay {
+  bottom: 5.3rem;
+}
+
+.m4-replay-threat-visual__timeline {
+  width: 100%;
+}
+
 .e46e-ready-stack-video {
   width: 100%;
   height: 100%;

apps/control-station/src/styles/laboratory.css

@@ -460,6 +460,14 @@
   gap: 0.45rem;
 }
 
+.laboratory-evidence-viewer__transport {
+  position: absolute;
+  z-index: 4;
+  right: 0.6rem;
+  bottom: 0.6rem;
+  left: 0.6rem;
+}
+
 .laboratory-evidence-viewer[data-expanded="true"] {
   position: fixed;
   z-index: var(--nodedc-layer-overlay);

apps/control-station/src/styles/m4-replay-threat.css

@@ -49,7 +49,7 @@
   gap: 0.5rem;
 }
 
-.laboratory-metric-evidence-scene__toolbar .nodedc-button,
+.laboratory-metric-evidence-scene__toolbar .nodedc-button:not([data-variant="primary"]),
 .laboratory-metric-evidence-scene__toolbar > span,
 .laboratory-metric-evidence-scene__legend {
   background: var(--nodedc-floating-surface);

apps/control-station/src/styles/observation.css

@@ -399,6 +399,11 @@ i[data-availability="error"] {
   gap: 0.6rem;
 }
 
+.observation-timeline__playback > .nodedc-select-anchor {
+  width: 7.5rem;
+  flex: none;
+}
+
 .observation-timeline__accumulation {
   display: grid;
   min-width: 0;