Linien: modulares Segment-System (Strich/Punkt/Luecke) + Loop-Vorschau

Der Linien-Editor ist modular: eine Linie ist eine geordnete, loopende Folge
aus Segmenten Strich (Laenge), Punkt (Dot) und Luecke (Laenge) — beliebige
Sequenzen (Volllinie/Strichlinie/Punktlinie/Strich-Punkt als Presets, plus
frei), die Schluss-Luecke ist die letzte Luecke. Datenbasis bleibt
LineStyle.dash (mm, alternierend); ein Punkt ist ein 0-Laengen-AN-Segment.
Enthaelt dash eine 0, wird die Linie mit runder Kappe gezeichnet, damit
Punkte als Dots erscheinen (Live + Print; GL/DXF Folgearbeit). Neue reine
Segment-Logik in ui/lineSegments.ts. LineSwatch zeigt den ersten Loop dunkel
und 2 weitere grau (Loop-Kontext). 14 neue Tests, 127 gruen.

src/styles.css

@@ -2569,6 +2569,35 @@ body {
   border-radius: 3px;
 }
 
+/* Modularer Linien-Segment-Editor (Strich / Punkt / Lücke). */
+.line-seg-editor {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
+}
+.line-seg-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.line-seg-num {
+  width: 56px;
+  display: inline-flex;
+  align-items: center;
+}
+.line-seg-dotlabel {
+  color: var(--muted);
+  font-variant-numeric: tabular-nums;
+  padding-left: 4px;
+}
+.line-seg-add {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 2px;
+}
+
 /* ══ Panel-Chrome (Andockrahmen: Docks, Tabs, Panel-Rahmen) ═══════════════════
    Der erweiterbare Rahmen: links/rechts je ein Dock mit Tab-Leiste und dem
    aktiven Panel. Greift dieselben Tokens wie die nav- und res-Klassen (dunkles DOSSIER-