QR-Code aus gespeichertem Bild, stiller Debug-Knopf, HA-Zugang bei den Zugaengen

Der Scanner liest den QR jetzt auch aus einer gespeicherten Bilddatei -
in der Testumgebung ohne Kamera der einzige Weg, auf dem Telefon der
kuerzere (der Token entsteht am Rechner, das Bildschirmfoto liegt ohnehin
auf dem Geraet). Gleicher Leser, gleiche Deutung, nur eine andere Quelle;
ohne Kamera entfaellt das schwarze Quadrat.

Dabei ein echter Fehler in der ersten Fassung, gefunden an der
Musterseite: img.decode() loest bei einem GIF in Chromium nie auf - das
Blatt haette ohne Meldung ewig gewartet. Jetzt createImageBitmap, als
Rueckfall bewusst das load-Ereignis statt decode().

Debug-Mode ist nur noch ein stiller Textknopf am Seitenende, ohne Kachel
und ohne Erlaeuterung; der Zugang zu Home Assistant steht als Akkordeon in
der Kachel "Zugaenge" darin. Beides auf Vorgabe des Eigentuemers.

Die Musterseite kann jetzt auch die Ersteinrichtung (?seite=einrichtung) -
damit ist der ganze Weg ohne echten Token nachgewiesen: selbst erzeugter
QR mit Token-Text landet zeichengleich im Feld, einer mit http-Adresse im
Adressfeld, ein Bild ohne Code meldet das sauber.

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

companion-app/src/stile/screens.css

@@ -2118,11 +2118,36 @@ button.dm-listenzeile {
   object-fit: cover;
   display: block;
 }
+/* Fest weiss, NICHT var(--fg): der Rahmen liegt auf dem Kamerabild, und das
+   ist dunkel. Im Tagmodus waere --fg fast schwarz - der Rahmen war dort
+   unsichtbar (am gerenderten Blatt gesehen, 04.09.2026). Der Schatten haelt
+   ihn auch vor einer hellen Wand ablesbar. */
 .dm-qr__rahmen {
   position: absolute;
   inset: 18%;
-  border: 2px solid var(--fg);
+  border: 2px solid #fff;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
   border-radius: 12px;
   opacity: 0.85;
   pointer-events: none;
 }
+
+/* Wortgleich zu .debugknopf im Panel: der stille Knopf zum Debug-Mode am
+   Seitenende. Kein Kachelgrund, keine Ueberschrift, Zweitfarbe - er soll
+   gefunden werden koennen, ohne sich anzubieten. Die 44px Trefferhoehe
+   kommen aus dem Innenabstand. */
+.dm-debugknopf {
+  display: block;
+  width: 100%;
+  padding: 15px 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  font-size: 12.5px;
+  color: var(--fg3);
+  text-align: center;
+  cursor: pointer;
+}
+.dm-debugknopf:active {
+  color: var(--fg2);
+}