Merge origin/main: Panoramax, bikeshare Norway/Detroit, cloud filter strength, Overpass cache

Conflicts:
- KartaView viewer moved into the shared photoViewer.js on main; its
  labels now take the provider name ("{name} street-level photo") and
  are translated there.
- Weather: main's cloud filter strength slider, with its labels in t().
- Street Level caption: translated creator line plus main's licence.

Panoramax status and error texts are marked like KartaView's, and
"Panoramax answered HTTP {status}" gets a template in the panel and the
layer row. Catalogs: es/ru 2553 messages each, complete.

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

src/ui/styles/street-level.css

@@ -7,6 +7,9 @@
   /* KartaView's purple for lines; a lighter one where it is text (WCAG AA). */
   --sl-kartaview: #635bff;
   --sl-kartaview-text: #8f8aff;
+  /* Panoramax's orange; the darker one sits behind white text. */
+  --sl-panoramax: #ff6f00;
+  --sl-panoramax-fill: #b84e00;
   --sl-text: 0.62rem;
   --sl-text-small: 0.6rem;
 }
@@ -646,8 +649,11 @@ html:not([lang='en']) .sl-meta-row .sl-nearest-btn {
   font-size: 1.3rem;
 }
 
-/* ── KartaView photo viewer ──────────────────────────────────────────────── */
-.sl-kv-viewer {
+/* ── Photo viewer (KartaView, Panoramax) ─────────────────────────────────── */
+.sl-photo-viewer {
+  /* The lit source's colour: a focus ring, and behind the white ‹ › glyphs. */
+  --sl-photo-ring: var(--sl-kartaview-text);
+  --sl-photo-fill: color-mix(in srgb, var(--sl-kartaview) 85%, transparent);
   position: absolute;
   inset: 0;
   background: #000;
@@ -655,23 +661,29 @@ html:not([lang='en']) .sl-meta-row .sl-nearest-btn {
   overflow: hidden;
 }
 
-.sl-kv-viewer:focus-visible {
+.sl-photo-viewer:focus-visible {
   outline: none;
 }
 
 /* The photo and canvas fill the viewer and would cover a ring drawn on it:
    draw the ring on a layer above them (clicks pass through). */
-.sl-kv-viewer:focus-visible::after {
+.sl-photo-viewer:focus-visible::after {
   content: '';
   position: absolute;
   inset: 0;
   z-index: 3;
-  border: 2px solid var(--sl-kartaview-text);
+  border: 2px solid var(--sl-photo-ring);
   pointer-events: none;
 }
 
-.sl-kv-photo,
-.sl-kv-pano {
+/* White on #ff6f00 is 2.8:1; on the darker orange behind ‹ › it is 5.1:1. */
+.sl-photo-viewer[data-provider='panoramax'] {
+  --sl-photo-ring: var(--sl-panoramax);
+  --sl-photo-fill: var(--sl-panoramax-fill);
+}
+
+.sl-photo-flat,
+.sl-photo-pano {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -679,25 +691,25 @@ html:not([lang='en']) .sl-meta-row .sl-nearest-btn {
   user-select: none;
 }
 
-.sl-kv-photo {
+.sl-photo-flat {
   object-fit: contain;
 }
 
-.sl-kv-pano {
+.sl-photo-pano {
   cursor: grab;
   touch-action: none;
 }
 
-.sl-kv-pano.sl-kv-dragging {
+.sl-photo-pano.sl-photo-dragging {
   cursor: grabbing;
 }
 
-.sl-kv-photo[hidden],
-.sl-kv-pano[hidden] {
+.sl-photo-flat[hidden],
+.sl-photo-pano[hidden] {
   display: none;
 }
 
-.sl-kv-step {
+.sl-photo-step {
   position: absolute;
   top: 50%;
   z-index: 2;
@@ -713,27 +725,28 @@ html:not([lang='en']) .sl-meta-row .sl-nearest-btn {
   cursor: pointer;
 }
 
-.sl-kv-step-prev {
+.sl-photo-step-prev {
   left: 6px;
 }
 
-.sl-kv-step-next {
+.sl-photo-step-next {
   right: 6px;
 }
 
-.sl-kv-step:hover:not(:disabled),
-.sl-kv-step:focus-visible {
-  background: color-mix(in srgb, var(--sl-kartaview) 85%, transparent);
+.sl-photo-step:hover:not(:disabled),
+.sl-photo-step:focus-visible {
+  background: var(--sl-photo-fill);
   outline: none;
 }
 
-.sl-kv-step:disabled {
+.sl-photo-step:disabled {
   opacity: 0.3;
   cursor: default;
 }
 
 /* Nothing to step through until a photo shows. */
-.sl-kv-viewer:not([data-kind='flat']):not([data-kind='pano']) .sl-kv-step {
+.sl-photo-viewer:not([data-kind='flat']):not([data-kind='pano'])
+  .sl-photo-step {
   display: none;
 }
 

src/ui/styles/weather.css

@@ -349,6 +349,36 @@ html:not([lang='en']) .rail-card-setting {
 .rail-card-setting .rail-card-chips {
   margin-top: 0;
 }
+.rail-card-setting-range-row {
+  display: flex;
+  grid-column: 2;
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+}
+.rail-card-setting-range-label {
+  flex: 0 0 6ch;
+  color: var(--text-dim);
+  font: 8px var(--font-mono);
+  white-space: nowrap;
+}
+.rail-card-setting-range {
+  width: 100%;
+  min-width: 0;
+  accent-color: var(--accent);
+  cursor: pointer;
+}
+.rail-card-setting-range:focus-visible {
+  outline: 2px solid var(--text-primary);
+  outline-offset: 3px;
+}
+.rail-card-setting-range-value {
+  flex: 0 0 4ch;
+  white-space: nowrap;
+  color: var(--text-primary);
+  font: 9px var(--font-mono);
+  text-align: right;
+}
 .rail-card-result {
   display: grid;
   gap: 4px;