frontend: Zoom-Controls mit Auto-Collapse-Funktion

- Zoom-Controls collapse automatisch nach 3 Sekunden Inaktivität
- Toggle-Button mit Lupe+Plus-Symbol zum Expandieren der Controls
- Position weiter nach rechts-unten verschoben (6px)
- Event-Delegation für zuverlässige Click-Erfassung
- Lazy-Loading der DOM-Elemente für robuste Initialisierung

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

frontend/index.html

@@ -140,9 +140,14 @@
     <div class="diagram"><ul class="tree" id="out"></ul></div>
     <div class="warnings" id="warn" role="status" aria-live="polite"></div>
     <div class="zoomctl" data-i18n-aria="zoomAria" aria-label="Zoom (Strg/Cmd + Mausrad)">
-      <button type="button" id="zoomOut" data-i18n-title="zoomOut" title="verkleinern">−</button>
-      <button type="button" id="zoomReset" data-i18n-title="zoomReset" title="zurücksetzen">100&nbsp;%</button>
-      <button type="button" id="zoomIn" data-i18n-title="zoomIn" title="vergrößern">+</button>
+      <button type="button" id="zoomToggle" class="zoomToggle" data-i18n-title="zoomTooltip" title="Zoom anzeigen" aria-label="Zoom anzeigen">
+        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="10" r="6"/><path d="m15 15 4 4M10 7v6M7 10h6"/></svg>
+      </button>
+      <div class="zoomcontrols">
+        <button type="button" id="zoomOut" data-i18n-title="zoomOut" title="verkleinern">−</button>
+        <button type="button" id="zoomReset" data-i18n-title="zoomReset" title="zurücksetzen">100&nbsp;%</button>
+        <button type="button" id="zoomIn" data-i18n-title="zoomIn" title="vergrößern">+</button>
+      </div>
     </div>
   </div>
 </div>