Fenster/Tueren LoD + Stile + Phase-3-Ausschnitt-Darstellung + UI-Konsistenz

Fenster/Tueren:
- 3-stufige SIA-400-Darstellung pro Element: einfach (1:100, flache
  Scheibe ohne Tiefe in Wand-Mittelebene), standard (1:50, Rahmen +
  Glas + Sims), detail (1:20, Doppelverglasung).
- Aussenseite-Flag mit Auto-Detection aus der Click-Richtung beim
  Setzen — Sim sitzt automatisch aussen. Im Panel als Umkehren-Toggle.
- Tueren-Rahmen-Typ Zarge|Block — Blockrahmen ragt seitlich raus.
- Rahmen-Offset (m von Wand-Innenseite) ersetzt das 3-Preset Lage-
  Feld. Wirkt auch in der einfachen Darstellung (Pane sitzt auf der
  Rahmen-Mittelebene, nicht in Wand-Mitte).
- Sims nur AUSSEN. Innen entfaellt — der Sim ist gleichzeitig der
  visuelle Indikator fuer die Aussenseite.
- Oeffnungs-Stile: list/save/delete-API mit 6 Default-Presets
  (Fenster Standard/Gross/Bandlage, Tuer Innen/Eingang/Verglast).
  Style-ID per UserString am Objekt persistiert. Im Panel BarCombo
  mit "Aktuelle als Stil speichern…". Beim Rhino-Command "Stil"-
  Option zum Picken vor dem Klick.

Ausschnitt-Darstellung (Phase 3):
- Doc-Level Override dossier_aktive_darstellung gewinnt vor per-
  Object-Setting. Wechsel triggert Regen aller Oeffnungen via neuer
  regenerate_all_oeffnungen-API.
- Ausschnitt-Capture speichert die Darstellung mit, Restore wendet
  sie an und regeneriert.
- Oberleiste-Quick-Switch BarCombo mit 4 Optionen.
- AusschnittSettings-Dialog: Darstellungs-Dropdown.

Gestaltung (SectionStyle Phase 2):
- _set_section_style schreibt per-Object SectionHatchIndex/Scale/
  Rotation/Color mit Multi-Fallback (Property-Namen varieren je
  Rhino-Build). _selection_summary liest die selben zurueck.
- HatchEditor als shared Component fuer Fill + Section.
- geometryKind ignoriert DOSSIER-Source-Curves damit Wand-Selektion
  (Axis + Volume) als 3D klassifiziert wird.

UI-Konsistenz Panels:
- Ebenenkombi zurueck als eigene Section oben im Ebenen-Panel,
  Modelldarstellung-Dropdown an die freigewordene Position in der
  Oberleiste (Row 1 Col 2 im 2x2-Preset-Block).
- BarCombo erweitert: stretch-Prop (Pill waechst auf Container-
  Breite), onSecond/secondIcon/secondTitle fuer 2. Trailing-Button,
  gearIcon-Prop. Plus-Slot immer ganz aussen rechts, Settings-Slot
  direkt nach dem Caret.
- Ebenen + Zeichnungsebenen visuell kohaerent: identisches Padding
  (1px 12px 1px 0), Chevron/Spacer-Slot 12px, Master-Row mit Eye
  16x16 + Lock 14x14, gleiche Border + Borderfarbe. Eye-Icons in
  beiden Panels untereinander ausgerichtet.
- Properties-Container ohne Border (war zuvor accent-gruen, dann
  border — User wollte gar nichts mehr).
- ElementList raus aus dem Elemente-Panel (Uebersicht via Tree-
  Window erreichbar). NeuesElement bleibt voll sichtbar bei
  Selektion (kein Collapse), Properties oben.

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

src/components/GeschossManager.jsx

@@ -48,7 +48,7 @@ function ZeichnungsebeneRow({
       onContextMenu={onContextMenu}
       style={{
         display: 'flex', alignItems: 'center', gap: 4,
-        padding: '1px 12px',
+        padding: '1px 12px 1px 0',
         margin: 0,
         background: active ? 'var(--active-dim)' : 'var(--bg-item)',
         borderRadius: active ? 999 : 0,
@@ -58,6 +58,9 @@ function ZeichnungsebeneRow({
         minHeight: 24,
       }}
     >
+      {/* Spacer-Slot — spiegelt den Chevron-Slot bei Ebenen-Rows wider
+          damit die Eye-Icons beider Panels untereinander stehen. */}
+      <span style={{ width: 12, flexShrink: 0 }} />
       <button
         className={`btn-icon-sm ${eyeOn ? 'is-on' : ''}`}
         onClick={(ev) => { ev.stopPropagation(); onToggleVisible() }}
@@ -213,32 +216,37 @@ export default function GeschossManager({
         borderBottom: '1px solid var(--border-light)',
       }}>
         <span className="label-xs">Sichtbarkeit</span>
-        <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
-          <div style={{ flex: 1, minWidth: 0, display: 'flex' }}>
-            <BarCombo
-              icon="visibility"
-              value={mode}
-              onChange={onModeChange}
-              title="Sichtbarkeits-Modus"
-            >
-              {MODES.map(m => (
-                <option key={m.value} value={m.value}>{m.label}</option>
-              ))}
-            </BarCombo>
-          </div>
-          <BarButton icon="add" onClick={addQuick} title="Zeichnungsebene hinzufügen" />
-          <BarButton icon="settings" onClick={() => openGeschossDialog(zeichnungsebenen)} title="Einstellungen" />
+        <div style={{ display: 'flex', width: '100%' }}>
+          <BarCombo
+            stretch
+            icon="visibility"
+            value={mode}
+            onChange={onModeChange}
+            title="Sichtbarkeits-Modus"
+            onGear={() => openGeschossDialog(zeichnungsebenen)}
+            gearIcon="settings"
+            gearTitle="Einstellungen"
+            onSecond={addQuick}
+            secondIcon="add"
+            secondTitle="Zeichnungsebene hinzufügen"
+          >
+            {MODES.map(m => (
+              <option key={m.value} value={m.value}>{m.label}</option>
+            ))}
+          </BarCombo>
         </div>
       </div>
 
-      {/* Master-Row: Master-Eye links + Master-Lock rechts (analog
-          EbenenManager). */}
+      {/* Master-Row analog EbenenManager. Padding + Icon-Sizes identisch
+          damit beide Panels visuell kohaerent sind. Erste 12px-Spanne
+          spiegelt den Chevron-Slot der Ebenen-Daten-Rows wider. */}
       <div style={{
-        display: 'flex', alignItems: 'center', gap: 5,
-        padding: '2px 14px',
+        display: 'flex', alignItems: 'center', gap: 4,
+        padding: '2px 12px 2px 0',
         background: 'var(--bg-section)',
-        borderBottom: '1px solid var(--border)',
+        borderBottom: '1px solid var(--border-light)',
       }}>
+        <span style={{ width: 12, flexShrink: 0 }} />
         <button
           className="btn-icon-xs"
           onClick={() => {
@@ -249,12 +257,12 @@ export default function GeschossManager({
           title={zeichnungsebenen.every(z => z.visible !== false)
             ? 'Alle Zeichnungsebenen ausblenden'
             : 'Alle Zeichnungsebenen einblenden'}
-          style={{ width: 18, height: 18,
+          style={{ width: 16, height: 16,
                     opacity: (mode === 'active' || mode === 'all_force') ? 0.5 : 1 }}
         >
           <Icon
             name={zeichnungsebenen.every(z => z.visible !== false) ? 'visibility' : 'visibility_off'}
-            size={12}
+            size={11}
           />
         </button>
         <span style={{ flex: 1 }} />
@@ -267,14 +275,14 @@ export default function GeschossManager({
           title={zeichnungsebenen.every(z => z.locked === true)
             ? 'Alle Zeichnungsebenen entsperren'
             : 'Alle Zeichnungsebenen sperren'}
-          style={{ width: 18, height: 18 }}
+          style={{ width: 14, height: 14 }}
         >
           <Icon
             name={zeichnungsebenen.every(z => z.locked === true) ? 'lock' : 'lock_open'}
             size={11}
           />
         </button>
-        <div style={{ width: 18 }} />
+        <div style={{ width: 14 }} />
       </div>
 
       <div>