Canvas-Bearbeitung, Projektspeicher und Arbeitsfläche

Der Generator ist von einer Vorschau zu einer Werkbank geworden: Slides lassen
sich direkt im Canvas verschieben und skalieren, der Stand bleibt erhalten.

- Streifenansicht mit allen Slides nebeneinander, Auswahl per Klick
- Durchlaufendes Blatt: jede Slide trägt die Inhalte ihrer Nachbarn, damit
  verschobene Elemente über die Kante hinweg weiterlaufen
- Bearbeiten im Canvas: ziehen, Schriftgrößen und Bildbreiten, Reset je
  Element oder komplett
- Projektstand pro Post im Browser gespeichert, Navigation zwischen den Posts
- Arbeitsfläche vom Bedienfeld getrennt, eigener Zoom und Panning
- Bildrahmen als Chamfer, rund, Stapel oder aus; Schatten schaltbar
- Screenshots zeigen den vollen Screen statt eines Ausschnitts
- Kategorien in der Sidebar standardmäßig zugeklappt

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

index.html

@@ -24,11 +24,11 @@
 
   * { box-sizing: border-box; margin: 0; padding: 0; }
 
+  html, body { overscroll-behavior: none; }
   body {
     font-family: 'Manrope', system-ui, sans-serif;
     background: #17181F; color: #E8EAEE;
-    min-height: 100vh; display: flex; gap: 40px; padding: 32px;
-    align-items: flex-start;
+    height: 100vh; overflow: hidden; display: flex;
   }
 
   /* ─── Projekt-Navigation ─────────────────────────────────────────────── */
@@ -50,7 +50,11 @@
   .forget:hover { color: #EB7C6B; }
 
   /* ─── Control panel ──────────────────────────────────────────────────── */
-  .panel { width: 300px; flex: none; position: sticky; top: 32px; }
+  .panel {
+    width: 306px; flex: none; height: 100vh; overflow-y: auto;
+    padding: 28px 22px 40px 28px;
+    border-right: 1px solid #24262F; background: #17181F;
+  }
   .panel h1 { font-size: 19px; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 4px; }
   .panel .sub { font-size: 13px; color: #8A8F9B; margin-bottom: 24px; line-height: 1.5; }
 
@@ -95,7 +99,16 @@
   .status.err { color: #EB7C6B; }
 
   /* ─── Stage ──────────────────────────────────────────────────────────── */
-  .stage { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; }
+  /* Arbeitsfläche, klar abgesetzt von der Bedienleiste. */
+  .stage {
+    flex: 1; position: relative; height: 100vh; overflow: auto;
+    overscroll-behavior: contain;
+    background-color: #101116;
+    background-image: radial-gradient(circle, #282B35 1.6px, transparent 1.6px);
+    background-size: 24px 24px;
+    display: flex; flex-direction: column; align-items: center; justify-content: center;
+    gap: 14px; padding: 48px;
+  }
   .stage-meta { font-size: 12px; color: #6E7480; letter-spacing: .04em; }
 
   /* The wrapper reserves the *scaled* footprint so the page doesn't jump;