Vorschau-Layout und Hintergrund der Vorschauflaeche verbessert

Auf dem Handy stand die Vorschau ganz unten hinter der Gestaltung — man
musste an allen Reglern vorbeiscrollen, um den Code zu sehen. Die
Rasterplaetze werden jetzt ab "lg" ausdruecklich vergeben: auf dem Handy
folgt die Vorschau direkt auf die Eingabe, auf dem Desktop steht sie
weiterhin rechts daneben.

Das Schachbrettmuster hinter der Vorschau entfaellt. Es sollte
Transparenz sichtbar machen, aber jeder erzeugte Code bringt eine
deckende Hintergrundfarbe mit — es war nur Unruhe.

src/app/globals.css

@@ -26,18 +26,8 @@ body {
   outline-offset: 2px;
 }
 
-/* Schachbrett hinter der Vorschau — macht helle Hintergrundfarben sichtbar. */
+/* Neutrale Fläche hinter der Vorschau. Der QR-Code bringt seine eigene
+   Hintergrundfarbe mit — der leichte Grauton hebt auch weiße Codes ab. */
 .qr-canvas {
-  background-color: #fff;
-  background-image:
-    linear-gradient(45deg, #eef2f7 25%, transparent 25%),
-    linear-gradient(-45deg, #eef2f7 25%, transparent 25%),
-    linear-gradient(45deg, transparent 75%, #eef2f7 75%),
-    linear-gradient(-45deg, transparent 75%, #eef2f7 75%);
-  background-size: 16px 16px;
-  background-position:
-    0 0,
-    0 8px,
-    8px -8px,
-    -8px 0;
+  background-color: var(--color-slate-100);
 }