feat(mix): lava-lamp popover with RadialKnob controls + wider Mix detail body (P10 W4)

DeepDrftPublic/wwwroot/styles/deepdrft-styles.css

@@ -281,6 +281,17 @@ h2, h3, h4, h5, h6,
     padding: 3rem 1.5rem 4rem;
 }
 
+/* Mix detail widens its body to the Sessions detail width (MudContainer Large, ~1280px) by hosting the
+   scaffold inside a MudContainer Large and neutralizing the scaffold's own 760px cap for that instance.
+   Both classes are global, so a plain descendant selector reaches the scaffold div without ::deep. The
+   horizontal gutter is dropped here because the wrapping MudContainer supplies its own. Mix-scoped, so
+   Track detail (which also uses .deepdrft-track-detail-container) stays at 760px. */
+.mix-detail-container .deepdrft-track-detail-container {
+    max-width: none;
+    padding-left: 0;
+    padding-right: 0;
+}
+
 .deepdrft-track-detail-back {
     display: inline-flex;
     align-items: center;
@@ -353,6 +364,15 @@ h2, h3, h4, h5, h6,
     max-width: 360px;
 }
 
+/* The lava-lamp visualizer-settings popover (Wave 4). Holds the four RadialKnobs in a row; sized so the
+   four read clearly with comfortable padding, wrapping to 2×2 on narrow viewports (the inner
+   .mix-visualizer-controls owns the flex-wrap). MudPopover renders into the popover-provider portal at
+   the document root, so this is a global class — not component-scoped. */
+.mix-visualizer-popover {
+    padding: 0.75rem;
+    max-width: 360px;
+}
+
 /* Monospace snippet so the iframe markup stays legible inside the readonly field. */
 .deepdrft-share-embed-field {
     flex: 1 1 auto;