feat(ui): refine live observation workspace

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

@@ -32,7 +32,7 @@
   overflow: hidden;
   border-radius: 1rem;
   background: #06070a;
-  box-shadow: inset 0 0 0 1px var(--station-hairline);
+  box-shadow: none;
 }
 
 .rerun-viewport,
@@ -45,6 +45,19 @@
   min-height: 0;
 }
 
+.rerun-viewport {
+  --rerun-tab-bar-height: 24px;
+  overflow: hidden;
+}
+
+/* Rerun WebViewer 0.34.1 draws its selected recording tab inside WASM.
+   The native panels are already disabled; crop only that fixed tab row. */
+.rerun-viewport__canvas {
+  top: calc(-1 * var(--rerun-tab-bar-height));
+  bottom: auto;
+  height: calc(100% + var(--rerun-tab-bar-height));
+}
+
 .rerun-viewport__canvas canvas {
   display: block;
   width: 100% !important;
@@ -63,7 +76,7 @@
   display: flex;
   align-items: center;
   gap: 0.8rem;
-  border: 1px solid var(--station-hairline);
+  border: 0;
   border-radius: 1rem;
   background: rgb(10 11 14 / 0.82);
   padding: 0.9rem 1rem;
@@ -179,7 +192,7 @@
   width: 3.4rem;
   height: 3.4rem;
   place-items: center;
-  border: 1px solid var(--station-hairline-strong);
+  border: 0;
   border-radius: 50%;
   background: rgb(255 255 255 / 0.035);
   color: var(--nodedc-text-secondary);
@@ -204,7 +217,7 @@
 .scene-timeline {
   position: absolute;
   z-index: 3;
-  border: 1px solid rgb(255 255 255 / 0.055);
+  border: 0;
   background: rgb(9 10 13 / 0.74);
   backdrop-filter: blur(16px);
 }
@@ -240,7 +253,7 @@
   align-items: baseline;
   justify-content: space-between;
   gap: 1rem;
-  border-bottom: 1px solid var(--station-hairline);
+  border-bottom: 0;
   padding: 0.38rem 0;
 }