feat(studio): a phone header keeps the pinwheel and drops the word

docker/frontend/src/styles/app.css

@@ -1784,7 +1784,8 @@ input[type="range"].track-temp::-webkit-slider-thumb, input[type="range"].track-
   .header [data-key="nav-library"],
   .header [data-key="reset-look"],
   .header [data-key="save-photo"],
-  .header [data-key="export-photo"] {
+  .header [data-key="export-photo"],
+  .header [data-key="upload-immich"] {
     width: 34px;
     height: 30px;
     padding: 0;
@@ -1805,6 +1806,17 @@ input[type="range"].track-temp::-webkit-slider-thumb, input[type="range"].track-
   .header [data-key="reset-look"]::before { content: '⟲'; }
   .header [data-key="save-photo"]::before { content: '⤓'; }
   .header [data-key="export-photo"]::before { content: '↗'; }
+  /* The Immich button is the one of the five that already drew its own mark, so
+     it wears no glyph and only loses the word: the pinwheel is the label, and
+     `title` is the name it keeps. The word is taken out of the layout rather
+     than left to the zero font-size above, because a word hidden that way is
+     still a flex item, and the gap it leaves would push the mark off the middle
+     of the box. */
+  .header [data-key="upload-immich"] > span { display: none; }
+  /* The name of the look the chips have put up is the chips' own report, and on
+     a phone it is the widest thing in a bar that has no room for it: STUDIO
+     beside the mark is where the visitor is, which is what the row is for. */
+  .header .recipe-name { display: none; }
   /* --- the phone's workspace ---------------------------------------------
      One strip at a time in the bottom bar: the rail of tabs, or — once a tab
      is picked — that tab's own chips standing in the rail's place (the bar