Setze das Design aus diesem Ordner in unserem Stack um.

1. Lies `design/desktop-ansicht/README.md` vollständig — es enthält Layout, exakte
   Farben, Typografie, Abstände, Interaktionen, State-Modell und Design-Tokens.
2. Referenz-Prototyp: `design/desktop-ansicht/Videogen Web.dc.html`
   (Template oben, Logikklasse mit Zustand/Interaktion unten, Beispieldaten in `DATA`).
   Zum Ansehen im Browser öffnen — `support.js` muss im selben Ordner liegen.
   Diese Dateien sind Design-Referenz, kein Produktionscode: nicht kopieren, sondern
   in unserer bestehenden Umgebung mit unseren Patterns und Komponenten nachbauen.
3. Fidelity ist high — pixelgenau umsetzen: Farben, Radien, Übergänge, Hover-/Focus-States
   und Animationsdauern wie im README angegeben.
   Die visuelle Sprache ist Pinterest Desktop: weißer Hintergrund, 80px-Icon-Rail ohne
   Beschriftung, Suchfeld als Pille, rote Primäraktion `#e60023`, randlose 16px-Kacheln,
   Masonry-Raster.
4. Umfang: App-Shell (Icon-Rail + Kopfzeile + Tab-Leiste) und die vier Screens
   Feed, Profil, Erstellen, Einstellungen — inklusive Detailansicht als Overlay
   und Auswahlmodus mit Sammelaktion.
5. **Kein Swipen.** Der Feed ist ein Raster, kein Kartenstapel: keine Drag-Geste, keine
   Pfeiltasten, kein Undo. „Gemerkt" ist ein Zustand, den ein zweiter Klick zurücknimmt.
6. Karten werden über ihre `id` referenziert (Merken, Ausblenden, Auswahl, Detailansicht),
   nicht über einen Index.
7. Hover-Elemente (Merken-Pille, ⋯, Scrim) hängen am Hover der Kachel — `:focus-within`
   mitnehmen, sonst sind sie per Tastatur nicht erreichbar.
8. Icons als Lucide-Icons umsetzen (im Prototyp stehen Unicode-Glyphen als Platzhalter).
   Medien-Platzhalter (CSS-Verläufe mit Streifen) durch echte Bilder/Videos ersetzen.

Frag nach, bevor du Struktur oder Verhalten abweichend vom README änderst.
Die offenen Punkte am Ende des README (Suche, dauerhaftes Ausblenden, Nachladen)
vor der Umsetzung klären.
