Fenster-/Tür-Einstellungsdialog: reicher Editor mit Live-Ansicht + Stil speichern

Das ⚙ der Öffnungs-Sektion öffnet neu einen dedizierten Dialog (VW-Studie §3)
statt in den Ressourcen-Tab zu springen. Drei Zonen: Kategorie-Sidebar,
Parameter-Panel, Live-2D-Frontalansicht (aus den aktuellen Werten gezeichnet:
Rahmen/Flügel/Öffnungslinien/Verglasung/Rollladenkasten).

- OpeningEditorDialog.tsx: Kategorien Basis/Grösse/Rahmen/Flügel/Sonnenschutz
  (Fenster) bzw. Türblatt (Tür); Flügeltabelle (Flügel/Pfosten + Öffnungsart +
  Anschlag je Zeile); Stil-Leiste mit Stilwahl + 'Als Stil speichern …'
- App: openingEditorId-State, Dialog-Render, saveOpeningStyle (klont aktuellen
  Typ als neuen benannten WindowType/DoorType und weist ihn zu)
- host.onOpenOpeningEditor + OpeningInfo.id für den ⚙-Sprung
- Studie docs/design/window-editor-vectorworks-study.md
- Dialog-CSS (.oed-*) + i18n (de/en)

Renderer-Konsum der neuen Felder (sashes/glazingPanes/shading in 2D/3D) folgt separat.

src/state/selectionInfo.ts

@@ -195,6 +195,8 @@ export interface CeilingInfo {
  * genau einer Öffnung gesetzt). Anzeigefertige Werte + Wirts-Wand-Bezug.
  */
 export interface OpeningInfo {
+  /** ID der Öffnung (für den ⚙-Sprung in den Fenster-/Tür-Editor). */
+  id: string;
   kind: "window" | "door";
   /** Wirts-Wand (ID + Name/Geschoss zur Anzeige). */
   hostWallId: string;
@@ -675,6 +677,7 @@ function openingSelection(project: Project, o: Opening): Selection {
     ? openingVerticalExtent(project, wall, o)
     : { zBottom: 0, zTop: o.height };
   const openingInfo: OpeningInfo = {
+    id: o.id,
     kind: o.kind,
     hostWallId: o.hostWallId,
     hostWallName: floor ? `${floor.name}` : o.hostWallId,