Freie Gestaltung statt Tokenlisten (Dokumentschema v10)

Der bisherige Editor bot drei Farben, keine Schriftwahl und elf
Auswahllisten mit 44 festen Werten. ADR 008 hatte das mit Sicherheit
begründet - der Schluss war falsch: die Alternative zu beliebigem
CSS-Text ist nicht eine Auswahlliste, sondern ein typisiertes
Designmodell.

StyleSchema erklärt jede Eigenschaft einmal mit Typ, CSS-Entsprechung
und Grenzen. Validator, CSS-Erzeugung und Editorpanel lesen dieselbe
Definition, also kann der Editor nichts anbieten, was der Server
ablehnt. Rund fünfzig Eigenschaften in sieben Gruppen, je Block, je
Gerät und für den Hover-Zustand, mit Vererbung und einzelnem
Zurücksetzen.

Werte sind kurze Zeichenketten mit verankertem Muster, nie CSS-Text;
zusammengesetzte Deklarationen baut der Compiler selbst. Der Server
erzeugt daraus pro Seite ein blockgenaues Stylesheet, das über seinen
eigenen SHA-256-Hash erlaubt wird statt über unsafe-inline.

Theme unter /admin/theme: freie Farbpalette als @schlüssel, Schriften
aus Systemschrift oder Google Fonts, Grundtypografie mit modularer
Überschriftenskala. Google Fonts auf ausdrückliche Nutzerentscheidung;
die Richtlinie öffnet die Hosts nur, wenn wirklich eine eingestellt
ist.

Alte Tokenwerte aus v2 bis v9 bleiben gültig und im Editor unter
"Klassische Werte dieser Seite" bearbeitbar.

Geprüft: 154 PHP-Tests / 563 Assertions unter PHP 8.2.12 und 8.4.22,
15 JavaScript-Modelltests, Lint/Format/Container. Im Browser wurde nur
der Aufbau des Panels bestätigt, kein Gestaltungsvorgang von Hand
ausgeführt.

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

public/assets/admin.css

@@ -22,3 +22,40 @@
 .submission-card{align-items:flex-start}.submission-data{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0 0;font-size:12px}.submission-data dt{font-weight:600;color:var(--muted)}.submission-data dd{margin:0;overflow-wrap:anywhere}.menu-table .check-cell{text-align:center}.menu-table .check-cell input{width:18px;min-height:18px}
 
 .redirect-table{margin-top:26px}.redirect-table td{padding:8px 12px 8px 0;font-size:12px}.redirect-table form{margin:0}
+
+/* Design panel: free values instead of fixed lists. */
+.design-group{border:1px solid var(--line);border-radius:9px;margin-top:10px;background:#fff}
+.design-group>summary{cursor:pointer;padding:12px 14px;font-size:12px;font-weight:700;letter-spacing:.3px;list-style:none;display:flex;justify-content:space-between;align-items:center}
+.design-group>summary::after{content:'+';font-size:17px}
+.design-group[open]>summary{border-bottom:1px solid var(--line)}
+.design-group[open]>summary::after{content:'–'}
+.design-group-body{padding:6px 14px 16px}
+.design-group-label{font-size:11px;font-weight:700;color:var(--muted);margin:18px 0 6px;letter-spacing:.3px}
+.design-row{margin-top:14px}
+.design-row-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
+.design-row-head label{margin:0;font-size:11px}
+.design-own .design-row-head label{color:#2f5d4a;font-weight:700}
+.design-own .design-row-head label::before{content:'● ';color:var(--accent)}
+.design-reset-one{font-size:14px;padding:2px 6px;min-height:24px;line-height:1}
+.design-inherited{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.45}
+.color-control{display:grid;grid-template-columns:38px 1fr;gap:6px;align-items:center}
+.color-control input[type=color]{padding:2px;min-height:38px;width:38px;border-radius:6px;cursor:pointer}
+.color-control .color-text{font-size:12px;min-height:38px}
+.color-control .color-palette{grid-column:1 / -1;font-size:11px;min-height:34px}
+.length-control{display:grid;grid-template-columns:1fr 74px;gap:6px}
+.length-control input,.length-control select{font-size:12px;min-height:38px}
+.length-control.is-inherited input{color:var(--muted)}
+.number-control{display:grid;grid-template-columns:1fr 74px;gap:8px;align-items:center}
+.number-control input[type=range]{width:100%;min-height:24px;padding:0;accent-color:#437754}
+.number-control input[type=number]{font-size:12px;min-height:38px}
+.side-wrap{margin-bottom:6px}
+.side-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}
+.side-cell label{margin:0 0 4px;font-size:10px;color:var(--muted)}
+.side-all{font-size:10px;margin-top:8px;padding:4px 6px}
+.design-actions{display:grid;gap:8px;margin-top:22px}
+.design-actions button{width:100%}
+
+.theme-form .theme-swatch{width:52px;min-height:38px;padding:2px;cursor:pointer}
+.theme-form .weights-cell{white-space:nowrap}
+.theme-form .weights-cell label{display:inline-flex;align-items:center;gap:3px;margin:0 8px 0 0;font-size:10px;font-weight:400}
+.theme-form .weights-cell input{width:14px;min-height:14px}