Unify segmented controls on a shared module with grey selection

src/app/components/LivePreview.module.css

@@ -25,41 +25,8 @@
   box-sizing: border-box;
 }
 
-/* Segmented control — the four fit modes (spec §04). */
-.fit {
-  display: inline-flex;
-  border: var(--border-width) solid var(--border-strong);
-}
-
-.fitOption {
-  appearance: none;
-  border: none;
-  background: var(--bg);
-  color: var(--text-secondary);
-  font: inherit;
-  font-size: 12px;
-  line-height: 1;
-  padding: var(--space-2) var(--space-3);
-  cursor: pointer;
-  transition:
-    background var(--dur-fast) var(--ease),
-    color var(--dur-fast) var(--ease);
-}
-
-.fitOption + .fitOption {
-  border-left: var(--border-width) solid var(--border-strong);
-}
-
-.fitOption:hover {
-  background: var(--layer-01);
-  color: var(--text);
-}
-
-.fitActive,
-.fitActive:hover {
-  background: var(--accent);
-  color: var(--accent-contrast);
-}
+/* Fit-mode segmented control (spec §04) styling now lives in
+   SegmentedControl.module.css; the per-mode sizing classes below stay here. */
 
 /*
  * Chart sizing. The host (passed to vega-embed) is branded `.vega-embed`