frontend: Zeilennummern im Texteditor + Alt+Klick auch im Text

Zwei Lücken, die beim Arbeiten am Text auffallen:

**Zeilennummern (D33).** Die Warnungen nennen Zeilennummern („Zeile 12: …"),
das Textfeld zeigte keine — man musste abzählen. Der Streifen links vom
Textfeld hebt zusätzlich die Cursor-Zeile und Zeilen mit Warnung hervor.

Die Zahlen stehen auf **gemessenen** Höhen (Spiegel-`div` aus D25, ein Marker
je Zeile), nicht auf „Zeilenhöhe × n": Der Text bricht weich um, eine lange
Zeile belegt mehrere Bildzeilen und behält doch eine Nummer. Bei 375 px Breite
brechen 134 der 143 Zeilen um — gerechnet liefe der Streifen sofort davon.

Dabei fiel ein älterer Fehler im Spiegel auf: `width = src.clientWidth` bei
`content-box` machte ihn um genau die 32 px Innenabstand zu breit, er brach
später um als das Textfeld. Mit `box-sizing:border-box` stimmen die Umbrüche
nachweislich überein (170 Bildzeilen beiderseits) — das behebt nebenbei die
Zielgenauigkeit des Sprungs zu langen Zeilen (D25).

**Alt+Klick im Textfeld (Nachtrag zu D25).** Die Rückrichtung lief bisher
allein über die Cursor-Zeile — und die scrollt bewusst nur `nearest` und nur
beim Zeilenwechsel, sonst ruckelte das Diagramm beim Tippen. Als „zeig mir
das" taugt sie damit nicht. Alt+Klick im Text (Tastatur Alt+Enter) zentriert
den Knoten jetzt und gibt ihm den Fokus: derselbe Modifier in beide
Richtungen, und mit Fokus wird daraus ein vollständiger Hin- und Rückweg.

Die Legenden-Zeile nennt beide Richtungen (kein zehnter i18n-Schlüssel),
9 Sprachen nachgezogen. SPEC §9 ergänzt, D33 angelegt, Plan-Dokument und
frontend/CLAUDE.md nachgeführt.

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

docs/SPEC.md

@@ -386,6 +386,13 @@ verknüpft (siehe D25):
   hervorgehoben (weißer Halo + Ring in Tinte) und beim Zeilenwechsel ins Bild
   gescrollt. Zeilen ohne Knoten (Kommentar, Leerzeile, ausgeblendetes
   verworfenes Element) heben nichts hervor.
+- **Text → Diagramm, ausdrücklich:** **Alt+Klick** im Textfeld (Tastatur:
+  **Alt+Enter**) holt den Knoten der Cursor-Zeile in die **Mitte** des Diagramms
+  und gibt ihm den Tastaturfokus — dieselbe Geste in beide Richtungen. Sie
+  ergänzt das Mitlaufen der Cursor-Zeile: Das scrollt bewusst nur so weit wie
+  nötig und nur beim Zeilenwechsel (sonst ruckelte das Diagramm beim Tippen).
+  Wer einen Knoten wirklich **sehen** will, sagt es mit Alt. Auf einer Zeile ohne
+  Knoten geschieht nichts.
 - Der **einfache** Klick bleibt unverändert der Link (§6): Ein Knoten mit URL
   öffnet sie weiterhin im neuen Tab. Deshalb Alt und nicht der einfache Klick.
 - **Auffindbarkeit:** Solange **Alt gedrückt** ist, zeigen alle Knoten den
@@ -396,6 +403,20 @@ verknüpft (siehe D25):
 - Die Hervorhebung ist eine reine Editierhilfe: nicht im Grafikexport, nicht im
   Druck.
 
+### Zeilennummern im Texteditor
+Links neben dem Textfeld steht ein schmaler Streifen mit den **Zeilennummern** —
+dieselben, die die Warnungen nennen („Zeile 12: …", §4). Ohne ihn muss man sie
+im Text abzählen.
+
+- Gezählt werden **logische** Zeilen des Notationstexts. Eine weich umbrochene
+  Zeile behält **eine** Nummer; die Nummer steht an ihrer ersten Bildzeile.
+- Die **Cursor-Zeile** und Zeilen mit einer **Warnung** heben sich ab (Warnung in
+  `--warn`, `#B45309`) — genau die beiden Fälle, für die man hinsieht.
+- Reine Lesehilfe: kein Bestandteil des Notationstexts, nicht im Grafikexport
+  und nicht im Druck (dort ist ohnehin nur das Diagramm zu sehen).
+
+Siehe D33.
+
 ### Fokusmarke im Diagramm (`!!!`, §1)
 Ein mit `!!!` markierter Knoten trägt einen **Strahlenkranz in Petrol** —
 kräftiger Ring in `--or` (`#0F766E`) plus leuchtender Schein in hellem Teal