Zeichnungsebenen-Panel: vier einklappbare Kategorien

Die flache Ebenenliste ist in vier einklappbare Kategorien gegliedert —
Geschosse/Schnitte/Ansichten/2D-Zeichnungen nach drawingLevel.kind. Jeder
Kopf trägt ein Chevron und rechtsbündig ein blankes +-Glyph (kein
Button-Chrome), das je Kategorie eine neue Ebene der passenden Art anlegt;
leere Kategorien bleiben mit Kopf und + sichtbar. Für Schnitt und Ansicht
sind dafür neue Platzhalter-Aktionen addSection/addElevation ergänzt
(analog addFloor/addDrawing, noch ohne Schnittlinie).

src/styles.css

@@ -1110,6 +1110,70 @@ body {
   flex-direction: column;
 }
 
+/* ── Zeichnungsebenen: einklappbare Kategorien (Geschosse/Schnitte/
+   Ansichten/2D-Zeichnungen) ──────────────────────────────────────────── */
+.level-cat {
+  display: flex;
+  flex-direction: column;
+}
+
+.level-cat-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 24px;
+  padding: 3px 10px 3px 6px;
+  background: var(--panel-2);
+  border-bottom: 1px solid var(--line);
+  cursor: pointer;
+  user-select: none;
+}
+.level-cat-head:hover {
+  background: var(--accent-dim);
+}
+
+.level-cat-chevron {
+  flex: 0 0 auto;
+  display: inline-flex;
+  font-size: 9px;
+  color: var(--muted);
+  transition: transform 0.12s;
+  transform: rotate(0deg);
+}
+.level-cat-chevron.open {
+  transform: rotate(90deg);
+}
+
+.level-cat-title {
+  flex: 1;
+  min-width: 0;
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Blankes „+"-Glyph: reines Zeichen, keine Button-Chrome. */
+.level-cat-add {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  font-size: 13px;
+  line-height: 1;
+  color: var(--muted);
+  cursor: pointer;
+}
+.level-cat-add:hover {
+  color: var(--accent-light);
+}
+
 /* Zeile (Zeichnungsebene). */
 .nav-row {
   display: flex;