LIGHT drops its PROFILE panel, TONE CURVE folds into TONE, and IMPORT .RECIPE moves under the RECIPES chip

Three small moves in the column, plus the rule they needed.

LIGHT: the PROFILE panel is gone — PHOTO STYLE under PRESETS already covers
what it did — and the tone curve chip leaves the column's chip row. It becomes
the last line of the TONE panel's body, at the foot TONE always had room for.

PRESETS: IMPORT .RECIPE leaves the recipes strip and sits in the main column,
directly under the RECIPES chip, which is the set it imports into. The strip now
carries the recipes and nothing else, so its empty hint fires at length zero.

HSL: the mixer's PICK and the IMAGE label each get a rule above them. The rule
is a chip — divider: true in ChipDef — that renders a separator instead of a
button, so a row can say that what follows is a different kind of thing.

Verified by probe against the built app (exit 0, no console errors):
- LIGHT panel heads read WB, TONE, PRESENCE, DETAIL & EFFECTS, with no PROFILE;
  the TONE body's last row is the "∿ TONE CURVE" chip, box [94,647,300,27].
- PRESETS main chips read PHOTO STYLE, RECIPES, IMPORT .RECIPE (y 159, under
  RECIPES at y 124), RESET; the strip no longer carries the import chip.
- HSL order is PICK [94,91,148,27], rule [94,127,148,1], the eight bands, rule
  [94,404,148,1], IMAGE, then HUE/SAT/LUM. The same order holds at 393x852,
  where the rules measure [8,560,377,1] and [8,639,377,1].
- The rule is a 1px line: width 100% with height 1px, which keeps it a line in
  both the desktop column and the phone's wrapped strip.

Co-authored-by: PenguinHarness <noreply@penguin.local>

docker/frontend/src/styles/app.css

@@ -115,6 +115,18 @@
    it apart from the tab's own buttons at the foot of the column. */
 .reset-row { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--border); }
 .chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
+/* The rule a strip is read across (the mixer's PICK, its bands, the three
+   knobs): a line of its own, so it breaks the row it is written into whichever
+   direction that row runs — a full width wraps it even in a phone's row-shaped
+   column, and `height: 1px` holds it to a line in the desktop column, where the
+   row's main axis is the other way round. */
+.chip-rule {
+  flex: 0 0 auto;
+  width: 100%;
+  height: 1px;
+  margin: 3px 0;
+  background: var(--border-soft);
+}
 /* In a column the chips stack: one chip per row, full width. */
 .col .chip-row { flex-direction: column; align-items: stretch; }
 .col .chip { justify-content: space-between; text-align: left; }