ux: Redesign-Pass (impeccable)

- Editor als Hero mit Empty-State-Affordance (Paste-Glyph + Key-Hints)
- Dateiname mit auto/eigen-Indikator und Flash bei Auto-Update
- Live-Statusbadge 'HTML->Markdown konvertiert' mit Puls
- Verfeinerte OKLCH-Palette (getoente Neutrals, ein Accent), Type-Hierarchie
- Header-Wordmark + Keyboard-Legende
- Motion (ease-out-quint) mit prefers-reduced-motion, :focus-visible, aria-live Toast
- Responsive (Mobile-Layout), Danger-Flash bei leerem Speichern
- PRODUCT.md + DESIGN.md (HD Design-System dokumentiert)

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

PRODUCT.md

@@ -0,0 +1,35 @@
+# clip2md — Product Context
+
+**register: product**
+
+## Product Purpose
+
+Ein winziges, self-hosted Utility: langen oder formatierten Text (Reddit-Thread, Website,
+Artikel) reinpasten und in unter zwei Sekunden als sauberes `.md` speichern — ohne Umwege,
+ohne Login, ohne Server-Roundtrip. Ein einziger Screen, tastaturgetrieben.
+
+## Users
+
+Till (Heidrich Digital) und Team. Power-User, die schnell Web-Inhalte in ihr Markdown-Archiv
+(Obsidian, Outline, Repos) überführen. Nutzung am Desktop, oft nebenbei zwischen Lesen und
+Ablegen. Erwartung: reagiert sofort, kein Nachdenken, Keyboard-first (`⌘V`, `⌘S`).
+
+## Brand & Tone
+
+Heidrich Digital: ruhig, präzise, editorial-minimalistisch, anti-AI-slop. Deutsch, sachlich,
+auf Augenhöhe. Kein Marketing-Geschrei, keine Emojis im UI. Das Tool soll sich wie ein
+scharfes, wertiges Werkzeug anfühlen, nicht wie ein SaaS-Dashboard.
+
+## Strategic Principles
+
+- **Frictionless.** Der schnellste Weg von Zwischenablage zu `.md`. Jeder Klick, der wegfällt, ist ein Gewinn.
+- **Clientseitig & privat.** Nichts verlässt den Browser. Kein CDN, keine Third-Party-Requests (DSGVO-sauber, offline-fähig).
+- **Keyboard-first.** Maus optional. `⌘V` konvertiert, `⌘S` speichert.
+- **Ehrliches Feedback.** Der Nutzer sieht, was passiert ist (konvertiert vs. roh), ohne dass es aufdringlich wird.
+
+## Anti-References
+
+- Generische SaaS-Cards mit Icon + Heading + Text.
+- Hero-Metric-Kacheln, Gradient-Text, Glassmorphism.
+- Überladene Toolbars. Dieses Tool hat genau die Knöpfe, die es braucht.
+- Bunte „freundliche" Farbverläufe. Ruhe schlägt Effekt.