feat(studio): MY PHOTOS, FAVORITED, PHOTO STYLE and RECIPES read as a list of names, and their column is the visitor's

docker/frontend/src/styles/app.css

@@ -105,7 +105,33 @@
   padding: 10px;
   overflow-y: auto;
   border-right: 1px solid var(--border-soft);
+  /* The grip on this column's edge is placed against it (see .col-grip). */
+  position: relative;
 }
+/* A list read as names instead of as buttons: MY PHOTOS' saved frames, FAVORITED
+   and RECIPES' looks, PHOTO STYLE's sims. No border, no fill, no pill — the text
+   alone, with the accent still naming the one in force. */
+.chip-row.list .chip {
+  border: none;
+  background: none;
+  border-radius: 0;
+  padding: 2px 0;
+}
+.chip-row.list .chip:hover .chip-label { text-decoration: underline; }
+/* The edge of a column, dragged to widen it (see ColGrip): a strip of the cursor
+   over the border that is already there. `touch-action: none` is what lets a
+   finger drag it rather than scroll the column. */
+.col-grip {
+  position: absolute;
+  top: 0;
+  right: -4px;
+  bottom: 0;
+  width: 9px;
+  cursor: col-resize;
+  touch-action: none;
+  z-index: 3;
+}
+.col-grip:hover, .col-grip:active { background: var(--accent-soft); }
 .col:last-child { border-right: none; }
 .col-slider { width: var(--slider-w); }
 /* CREATE RECIPES draws a two-up form, so its column is the wide one. */