feat: add Cesium semantic inspection mode

scripts/lib/cesium-preview.css

@@ -198,6 +198,35 @@ body.scene-error .loading-bar span {
   white-space: nowrap;
 }
 
+.control-label {
+  color: rgba(255, 255, 255, 0.68);
+  font-size: 11px;
+  text-transform: uppercase;
+}
+
+.segmented-control {
+  display: inline-flex;
+  overflow: hidden;
+  border: 1px solid rgba(255, 255, 255, 0.24);
+  border-radius: 4px;
+}
+
+.segmented-control button {
+  min-width: 58px;
+  border-radius: 0 !important;
+  background: transparent !important;
+  color: rgba(255, 255, 255, 0.78) !important;
+}
+
+.segmented-control button + button {
+  border-left: 1px solid rgba(255, 255, 255, 0.20) !important;
+}
+
+.segmented-control button[aria-pressed="true"] {
+  background: #e7f2f2 !important;
+  color: #143337 !important;
+}
+
 /* Playback / layers / camera each read as their own row of the panel. */
 .control-group {
   display: flex;
@@ -228,3 +257,32 @@ body.scene-error .loading-bar span {
 .hidden {
   display: none;
 }
+
+/* This must outrank `#controls label { display: inline-flex }` above. */
+#controls .hidden {
+  display: none;
+}
+
+@media (max-width: 700px) {
+  #controls {
+    right: 10px;
+    left: 10px;
+    top: 10px;
+  }
+
+  #diagnostics {
+    top: auto;
+    right: 10px;
+    bottom: 56px;
+    left: 10px;
+    min-width: 0;
+    max-width: none;
+  }
+
+  #status {
+    right: 10px;
+    left: 10px;
+    bottom: 10px;
+    max-width: none;
+  }
+}