Der „vertikal"-Umschalter steuert jetzt zusätzlich zur Baumausrichtung
die Anordnung von Editor und Diagramm:
- aktiv (vertikal): Editor links, Diagramm rechts — der schmale,
transponierte Baum passt in die rechte Spalte.
- inaktiv (horizontal): Diagramm oben und Editor unten, je volle Breite;
die Agenda (Legende/Hilfe) sitzt rechts im Editor als aufklappbares
<details>.
Umgesetzt via CSS-Grid mit grid-template-areas und .side-Klasse; die
.hint-Legende wandert in ein <details class="agenda">, der Editor-Body
wird zum Flex-Container (horizontal Zeile, vertikal Spalte).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
