Own the Visual panel's new files in the package boundaries and format scope

Co-authored-by: Manjunath Paparaju <[email protected]>

src/ui/styles/scope-off-shadows.css

@@ -3,17 +3,19 @@
    drop shadow. */
 :root[data-scope-mask='off'] {
   --scope-off-panel-shadow:
-    0 10px 30px rgba(0, 0, 0, 0.55),
-    0 2px 8px rgba(0, 0, 0, 0.45);
+    0 10px 30px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.45);
 }
 
 /* Glass surfaces (rails, the rails' name panels, open panels and
    the dock) get a lift so their edges hold against bright imagery. */
 :root[data-scope-mask='off'] .ui-rail,
 :root[data-scope-mask='off'] .gev-panel-rail .ui-rail--expanded::after,
-:root[data-scope-mask='off'] :is(.data-panel-inner, .utilities-panel-inner, .ui-panel__inner),
+:root[data-scope-mask='off']
+  :is(.data-panel-inner, .utilities-panel-inner, .ui-panel__inner),
 :root[data-scope-mask='off'] #left-panel-stack > #pp-toggles,
-:root[data-scope-mask='off'] #right-context-rail > [data-panel-id]:not(.collapsed),
+:root[data-scope-mask='off']
+  #right-context-rail
+  > [data-panel-id]:not(.collapsed),
 :root[data-scope-mask='off'] #command-dock > * {
   box-shadow: var(--scope-off-panel-shadow);
 }

src/ui/styles/visual-panel.css

@@ -240,7 +240,13 @@
 
 /* Settings inside a card: separated by hairlines, no boxes of their own. */
 #pp-toggles .pp-toggle-group .pp-slider-row.visible,
-#pp-toggles .pp-toggle-group .pp-slider-row:not([class*='cyber-sonar']):is(.visible, #scope-slider-row, #scope-opacity-row) {
+#pp-toggles
+  .pp-toggle-group
+  .pp-slider-row:not([class*='cyber-sonar']):is(
+    .visible,
+    #scope-slider-row,
+    #scope-opacity-row
+  ) {
   margin: 0;
   padding: 7px 12px;
   background: transparent;