frontend: Modus-Waehler auf kleinem Bildschirm als Reihum-Umschalter

Auf body.mobile zeigt der horizontal/kompakt/vertikal-Waehler nur noch das
aktive Icon (label:has(input:checked)); Tippen schaltet reihum zum naechsten
Modus (horizontal -> kompakt -> vertikal -> …). Spart zwei Drittel Breite.

Verifiziert (headless): mobil ein Icon sichtbar (~40px), 3x Tippen zyklt
horizontal/kompakt/vertikal/horizontal; Desktop unveraendert (3 Icons,
~118px, Direktauswahl ohne Zyklus), keine Konsolenfehler.

SPEC §9 (Kleiner Bildschirm) ergaenzt. Normalgroesse nicht betroffen.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

docs/SPEC.md

@@ -148,9 +148,11 @@ Titelzeile und dient als Umschalter (Antippen bringt ihn nach vorn). Die
 Min/Normal/Max-Buttons entfallen; geteilt wird weiterhin über den **Splitter**
 (Ziehen). Die **Legende** bekommt hier einen eigenen
 Umschalter im Editor-Kopf (statt der dauerhaften „AGENDA“-Zeile), damit sie
-zugeklappt keinen Platz kostet. Die **Sprachwahl** zeigt nur Englisch und die
-aktive Sprache plus „…“ (das alle Sprachen aufklappt). Voreinstellung auf
-kleinem Bildschirm ist **Vollbild** (siehe D17).
+zugeklappt keinen Platz kostet. Der **Modus-Wähler** zeigt nur das aktive Icon
+und schaltet bei jedem Tippen reihum weiter (horizontal → kompakt → vertikal →
+…), spart also zwei Drittel der Breite. Die **Sprachwahl** zeigt nur Englisch
+und die aktive Sprache plus „…“ (das alle Sprachen aufklappt). Voreinstellung
+auf kleinem Bildschirm ist **Vollbild** (siehe D17).
 
 ### Grafikexport des Diagramms
 Das Diagramm wird aus der Live-Geometrie in ein eigenständiges SVG (nur Formen