feat(lab): present chronological perception evidence

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

@@ -23,6 +23,68 @@
   height: 100%;
 }
 
+.l32-camera-scene {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--nodedc-canvas);
+}
+
+.l32-camera-scene canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.l32-camera-scene > img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  user-select: none;
+}
+
+.e46c-video-scene {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--nodedc-canvas);
+}
+
+.e46c-video-scene > .recorded-media-player {
+  position: absolute;
+  inset: 0;
+}
+
+.e46c-video-scene > canvas {
+  position: absolute;
+  z-index: 2;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+
+.e46e-ready-stack-video {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  background: var(--nodedc-canvas);
+}
+
+.e46e-ready-stack-video > video,
+.e46e-ready-stack-video > img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
 .l3-visual-audit__state {
   display: flex;
   width: 100%;
@@ -52,7 +114,7 @@
 
 .l3-visual-audit__actions .nodedc-select-anchor,
 .l3-visual-audit__actions .nodedc-select {
-  width: clamp(17rem, 34vw, 31rem);
+  width: clamp(12rem, 23vw, 22rem);
 }
 
 .l3-visual-audit
@@ -97,6 +159,10 @@
   font-size: 0.6rem;
 }
 
+.l3-visual-audit__overlay--video {
+  bottom: 3.55rem;
+}
+
 .l3-visual-audit__legend {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0.35rem 0.6rem;
@@ -135,6 +201,10 @@
   background: rgb(var(--nodedc-accent-rgb));
 }
 
+.l3-visual-audit__legend span[data-tone="warning"]::before {
+  background: #ffc447;
+}
+
 @media (max-width: 900px) {
   .l3-visual-audit__overlay {
     grid-template-columns: repeat(2, minmax(0, 1fr));