Server-Monitor v3, Composer v2, Temp-Voice-Panel und Embed-Polish

- Server-Monitor v3: gamedig-Integration (300+ Spiele), GSM-Stil-Embeds
  (Spieler-Balken mit %, Map, Spieler-Liste, klickbarer Connect-Link,
  Ping im Footer), Down/Up-Alerts (2 Fails → 🚨, Recovery → ✅ mit
  Downtime) in konfigurierbaren Alert-Kanal; Server-Tab mit 19
  Spiel-Presets, Host/Port bzw. Query-URL und Connect-URL
- Composer v2: visueller Embed-Builder mit Live-Discord-Preview
  (Autor, Felder, Bilder, Farbe, Footer, Timestamp), speicherbare
  Vorlagen (/api/templates), /api/compose versteht volle Embeds
- Temp-Voice: Control-Panel im erstellten Kanal (Umbenennen, Sperren,
  Limit, Löschen) — nur der Kanal-Besitzer darf bedienen
- Embed-Polish: brandEmbed-Factory (src/embeds.js), Footer überall
  mit Bot-Avatar-Icon

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

frontend/src/style.css

@@ -1009,3 +1009,85 @@ a.sha:hover { border-color: var(--neon); background: rgba(245, 197, 24, .07); }
     transition: opacity .15s;
 }
 .act-bar:hover { opacity: .7; }
+
+/* ── COMPOSER v2: Builder + Discord-Preview ────────── */
+.composer-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+    align-items: start;
+}
+@media (max-width: 900px) { .composer-grid { grid-template-columns: 1fr; } }
+.composer-preview > label {
+    display: block;
+    font-family: var(--mono);
+    font-size: .68rem; letter-spacing: .15em; text-transform: uppercase;
+    color: var(--muted);
+    margin-bottom: .4rem;
+}
+
+/* Discord-Look (bewusst Discord-Farben, nicht Brand) */
+.dpv {
+    background: #313338;
+    border-radius: 10px;
+    padding: 1rem;
+    font-family: 'gg sans', 'Noto Sans', sans-serif;
+    font-size: .95rem;
+    line-height: 1.35;
+    color: #dbdee1;
+    position: sticky;
+    top: 5rem;
+}
+.dpv-msg { display: flex; gap: .8rem; }
+.dpv-avatar {
+    width: 40px; height: 40px; flex-shrink: 0;
+    border-radius: 50%;
+    background: #f5c518;
+    display: flex; align-items: center; justify-content: center;
+    font-size: 1.3rem;
+}
+.dpv-body { min-width: 0; flex: 1; }
+.dpv-name { font-weight: 600; color: #f2f3f5; margin-bottom: .15rem; }
+.dpv-tag {
+    background: #5865f2; color: #fff;
+    font-size: .6rem; font-weight: 700;
+    border-radius: 4px; padding: .05rem .3rem;
+    vertical-align: middle;
+}
+.dpv-time { font-size: .7rem; color: #949ba4; font-weight: 400; }
+.dpv-content { white-space: pre-wrap; word-break: break-word; }
+.dpv-content p, .dpv-desc p { margin: .15rem 0; }
+.dpv-content .md-h, .dpv-desc .md-h {
+    font-family: inherit; text-transform: none; letter-spacing: 0;
+    font-size: 1.15rem; font-weight: 700; color: #f2f3f5; margin: .4rem 0 .1rem;
+}
+.dpv .md-list li::before { color: #dbdee1; }
+.dpv .md-hr { background: #3f4147; }
+.dpv code { background: #1e1f22; border: none; color: #dbdee1; }
+
+.dpv-embed {
+    display: flex; gap: 1rem;
+    background: #2b2d31;
+    border-left: 4px solid #f5c518;
+    border-radius: 4px;
+    padding: .7rem .9rem .8rem;
+    margin-top: .35rem;
+    max-width: 520px;
+}
+.dpv-embed-main { min-width: 0; flex: 1; }
+.dpv-author {
+    display: flex; align-items: center; gap: .5rem;
+    font-size: .82rem; font-weight: 600; color: #f2f3f5;
+    margin-bottom: .3rem;
+}
+.dpv-author img { width: 22px; height: 22px; border-radius: 50%; }
+.dpv-title { font-weight: 700; color: #f2f3f5; margin-bottom: .3rem; }
+.dpv-desc { font-size: .9rem; word-break: break-word; }
+.dpv-fields { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: .5rem; }
+.dpv-field { flex: 0 0 100%; }
+.dpv-field.inline { flex: 1 0 30%; min-width: 8rem; }
+.dpv-field-name { font-size: .8rem; font-weight: 700; color: #f2f3f5; margin-bottom: .1rem; }
+.dpv-field-value { font-size: .85rem; }
+.dpv-image { max-width: 100%; border-radius: 6px; margin-top: .6rem; display: block; }
+.dpv-thumb { width: 76px; height: 76px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
+.dpv-footer { font-size: .72rem; color: #949ba4; margin-top: .55rem; }