Texte: 27 Bot-Nachrichten im Panel bearbeitbar

Bisher standen Begrüßung, Level-Ansage, Ticket-Texte und alle
Bestätigungs-Nachrichten fest im Code. Wer den Ton ändern wollte, musste
die Quelldateien anfassen und neu deployen — für alle außer mir also gar
nicht.

src/templates.js hält jetzt alle nach außen gehenden Texte an einer
Stelle: Standardtext, Platzhalter mit Erklärung und die Zuordnung zum
Modul. Der neue Setup-Tab „Texte" zeigt sie als Karten mit Textfeld;
die Bausteine darunter fügen sich per Klick an der Cursor-Position ein.

Der Standard bleibt im Code, die Datenbank speichert nur echte
Abweichungen. Ein leeres Feld heißt deshalb „wieder Standard" — und
angepasste Vorlagen sind an einer Marke erkennbar. Vorlagen zu
ausgeschalteten Modulen sind als solche gekennzeichnet, damit niemand
einen Text feilt, den gerade nichts sendet.

Unbekannte Platzhalter bleiben stehen statt still zu verschwinden, damit
ein Tippfehler in der Nachricht sichtbar wird.

Die Route heißt /api/texts, nicht /api/templates — letzteres sind seit je
die gespeicherten Composer-Nachrichten.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/style.css

@@ -1650,3 +1650,48 @@ button.with-icon, a.with-icon { justify-content: center; }
 }
 .mod-switch.on .mod-knob { transform: translateX(18px); background: #0a0a0a; }
 .mod-switch:hover { border-color: var(--neon); }
+
+/* ── TEXT-VORLAGEN ─────────────────────────────────── */
+/* Kurze Vorlagen teilen sich eine Zeile, mehrzeilige bekommen die volle Breite */
+.tpl-list {
+    display: grid; gap: .9rem;
+    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
+}
+.tpl-card.long { grid-column: 1 / -1; }
+.tpl-card {
+    display: flex; flex-direction: column; gap: .6rem;
+    padding: 1.1rem 1.2rem;
+    transition: border-color .2s;
+}
+.tpl-card.dirty { border-color: var(--neon); }
+.tpl-head { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
+.tpl-name {
+    font-family: var(--display); font-size: 1.05rem;
+    letter-spacing: .04em; color: var(--text);
+}
+.tpl-badge {
+    font-family: var(--mono); font-size: .55rem;
+    letter-spacing: .12em; text-transform: uppercase;
+    color: var(--neon); border: 1px solid var(--neon);
+    border-radius: 4px; padding: .1rem .4rem;
+}
+.tpl-badge.muted { color: var(--muted2); border-color: var(--border); }
+.tpl-input {
+    width: 100%; resize: vertical;
+    font-family: var(--mono); font-size: .82rem; line-height: 1.55;
+    color: var(--text); background: var(--bg2);
+    border: 1px solid var(--border); border-radius: 5px;
+    padding: .6rem .7rem;
+}
+.tpl-input:focus { outline: none; border-color: var(--neon); }
+.tpl-vars { display: flex; flex-wrap: wrap; gap: .35rem; }
+.tpl-var {
+    font-family: var(--mono); font-size: .6rem; letter-spacing: .05em;
+    color: var(--muted); background: var(--bg3);
+    border: 1px solid var(--border); border-radius: 4px;
+    padding: .18rem .45rem; cursor: pointer;
+    transition: color .15s, border-color .15s;
+}
+.tpl-var:hover { color: var(--neon); border-color: var(--neon); }
+.tpl-actions { display: flex; gap: .5rem; align-items: center; }
+.tpl-actions .btn { font-size: .6rem; padding: .4rem .9rem; }