fix(i18n): Spanish review fixes; report translations left in English

A screenshot review of the Spanish UI found:

- Text left in English. Catalog entries copied from English (Bloom,
  Cyber, Pin, NEWS, SITE, ON/OFF, RANGE, PITCH, HGT…) and the radio
  music genres, which never went through t(). The genres are translated
  in es and ru now.
- Wording: gender agreement, calques of the English, hints that name
  buttons that do not exist, and one concept worded two ways.
- Layout: the DESACTIVADO pill squeezed layer names until words broke
  mid-word; the scene and camera selects showed one word; a collapsed
  rail title pushed its button out of the card; the image slot line and
  a comparison readout were cut or split.

The layout fixes are scoped to languages other than English, so English
stays pixel-identical. Visual-style slider values now use the locale's
decimal separator (0,85).

npm run i18n now reports a translation that is identical to the
English, unless src/i18n/same-as-english.json lists it for that language
(codes, product names, words spelled the same).

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/ui/styles/bhote-koshi.css

@@ -399,6 +399,12 @@
   color: rgba(222, 240, 245, 0.88);
 }
 
+/* A longer translated heading wraps; the readout beside it stays one piece. */
+html:not([lang='en']) .bhote-event-section-head span:last-child {
+  flex: none;
+  white-space: nowrap;
+}
+
 .bhote-event-range {
   width: 100%;
   height: 4px;

src/ui/styles/cctv.css

@@ -404,3 +404,13 @@ html:not([lang='en']) #cctv-camera-select {
   font-size: 10px;
   letter-spacing: 0.04em;
 }
+
+/* The camera name gets its own row; PREV / NEXT share the row below it. */
+html:not([lang='en']) .cctv-controls:has(#cctv-camera-select) {
+  flex-wrap: wrap;
+}
+
+html:not([lang='en']) #cctv-camera-select {
+  flex: 1 1 100%;
+  order: -1;
+}

src/ui/styles/controls.css

@@ -221,6 +221,18 @@
   white-space: nowrap;
 }
 
+/* A longer translated title in a collapsed rail launcher tightens its
+   tracking rather than pushing the disclosure button out of the card. */
+html:not([lang='en'])
+  #right-context-rail
+  .panel-collapsible.collapsed
+  .panel-title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  letter-spacing: 2px;
+}
+
 .panel-divider {
   flex: 1;
   height: 1px;

src/ui/styles/radio.css

@@ -647,6 +647,13 @@
   overflow-wrap: anywhere;
 }
 
+/* Translated layer names are longer: break between words, and hyphenate a
+   word that still does not fit instead of splitting it anywhere. */
+html:not([lang='en']) .data-name {
+  overflow-wrap: break-word;
+  hyphens: auto;
+}
+
 .data-toggle-right {
   display: flex;
   flex: 0 1 auto;

src/ui/styles/recent-imagery.css

@@ -366,6 +366,15 @@
   color: var(--text-secondary);
   font-style: italic;
 }
+/* A translated slot line (date · source · resolution · state) is longer:
+   let it take a second line rather than cut off the state at the end. */
+html:not([lang='en']) .recent-imagery-readout .ri-slot {
+  height: auto;
+  min-height: 20px;
+}
+html:not([lang='en']) .recent-imagery-readout .ri-slot-value {
+  white-space: normal;
+}
 .recent-imagery-readout .ri-unpin {
   width: 22px;
   padding: 0;

src/ui/styles/scenes.css

@@ -471,3 +471,9 @@ html:not([lang='en']) #scene-select {
   font-size: 10px;
   letter-spacing: 0.04em;
 }
+
+/* A translated scene name needs the width: the select takes its own row and
+   NEW / DELETE share the next one. */
+html:not([lang='en']) #scene-select {
+  flex: 1 1 100%;
+}