change: Textfeld bricht Zeilen nicht mehr um, waagerechter Balken (D49)

Gewünscht — und damit die ausdrückliche Umkehrung der D33-Abwägung
(„Verworfen: wrap=off … der Umbruch ist die wichtigere Eigenschaft"). Der dort
notierte Preis bleibt richtig; nicht bedacht war die andere Seite: Ein weicher
Umbruch zerstört die Einrückung, und die trägt in dieser Notation die
Hierarchie. Die Fortsetzung einer umbrochenen Zeile beginnt am linken Rand und
sieht aus wie ein Wurzelknoten — betroffen sind genau die langen Zeilen, also
die mit ID, Größe und Kommentar, seit D48 praktisch jede Zeile des Plans.

Umgesetzt als `wrap="off"` am Element (Eigenschaft des Feldes, nicht seiner
Gestaltung), `overflow:auto` daneben im Stylesheet.

Der Spiegel musste mit: `syncMirror()` maß mit `white-space:pre-wrap` und
fester Breite — genau die Kombination, die im Spiegel Zeilen umbräche, die im
Textfeld ungebrochen stehen; alles darunter läge zu tief und die
Zeilennummern wanderten weg. Jetzt `pre` und ohne Breitenvorgabe. Gemessen
wird trotzdem weiter statt `Zeilenhöhe × n` zu rechnen: Die Schriftgröße
unterscheidet sich zwischen Telefon und Schreibtisch, die Messung stimmt in
beiden Fällen von selbst.

Der Sprung setzt `scrollLeft` zurück. `jumpToLine()` markiert die ganze Zeile,
woraufhin der Browser von sich aus an deren Ende scrollt — man landete am
rechten Rand, ohne Einrückung, Zeichen und Statusbox zu sehen. Der Sprung
zeigt auf eine Zeile, nicht auf ihr Ende.

Nachgemessen am Plan (903 Zeilen, längste 122 Zeichen): 903 Bildzeilen zu 903
logischen Zeilen in beiden Ansichten; Schiebeweg 211 px am Schreibtisch, 432 px
auf 375 px Breite; der Zeilennummern-Streifen bleibt beim waagerechten
Verschieben stehen (linke Kante unverändert bei 180 px Versatz); Abweichung
der Zahlen am Dateiende 2 px auf 903 Zeilen (Rundung von `offsetTop`, sammelt
sich nicht auf). 236 Tests grün.

SPEC §9 (Zeilennummern) und D49 halten es fest; die D33-Stelle bekommt einen
Verweis, dass die Abwägung umgekehrt wurde — gelöscht wird dort nichts.

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

frontend/src/style.css

@@ -467,9 +467,13 @@
   .docdel:hover{border-color:#D897A8;color:#B4415E}
   .togglebtn[aria-pressed="true"]{background:var(--or);color:#fff;border-color:var(--or)}
   .togglebtn[aria-pressed="true"]:hover{color:#fff}
+  /* Kein Zeilenumbruch (D49, `wrap="off"` am Element): Die Einrückung trägt die
+     Hierarchie, und ein weicher Umbruch setzt die Fortsetzung an den linken Rand
+     — die Ebene wäre damit gerade dort nicht mehr abzulesen, wo eine Zeile lang
+     ist. Lange Zeilen bekommen stattdessen einen waagerechten Balken. */
   textarea{
     display:block;width:100%;min-height:0;
-    border:0;outline:none;resize:none;
+    border:0;outline:none;resize:none;overflow:auto;
     padding:14px 16px;
     font-family:'IBM Plex Mono',monospace;
     font-size:.85rem;line-height:1.7;
@@ -482,9 +486,13 @@
      ist der Hauptinhalt und kein ausgegrautes Formularfeld. */
   textarea.readonly{background:#F1F4F7;cursor:default}
   /* Zeilennummern (D33). Die Warnungen nennen Zeilennummern — ohne Streifen
-     muss man sie im Textfeld abzählen. Weich umbrochene Zeilen belegen mehrere
-     Bildzeilen, deshalb steht jede Zahl auf einer **gemessenen** Höhe
-     (`renderLineNos()` in app.js), nicht auf „Zeilenhöhe × n". Typografie muss
+     muss man sie im Textfeld abzählen. Jede Zahl steht auf einer **gemessenen**
+     Höhe (`renderLineNos()` in app.js), nicht auf „Zeilenhöhe × n"; seit D49
+     bricht nichts mehr um, aber die Schriftgröße unterscheidet sich zwischen
+     Telefon und Schreibtisch, und die Messung stimmt in beiden Fällen von
+     selbst. Der Streifen scrollt **nur senkrecht** mit: Er verschiebt sich
+     gegen `src.scrollTop`, den waagerechten Balken des Textfelds macht er
+     nicht mit — die Zahlen bleiben stehen, wo sie hingehören. Typografie muss
      mit dem Textfeld übereinstimmen, sonst wandern die Zahlen weg. */
   .lineno{
     position:relative;overflow:hidden;flex:0 0 auto;