✏️ Fine-tune Editor — Design Audit

Superseded — 2026-07-24

The separate “Blatt bearbeiten” entry, the draft-gated silent no-op and the Edit/Exact PDF tab structure below are superseded by Program Masterplan as of 2026-08-02: unified Print now fetches the draft and opens one edit workspace with add/edit/reorder/reroll plus Undo/Redo/Cancel/Print, and Fine-tune consumes shared --qw-* tokens rather than --qe-*. The original DOM geometry and padding/type counts were not recomputed. Preserved as observed.

TL;DR

A dense, well-escaped overlay (close / cancel / undo / primary print) with clear tab IA — but it stays hidden until a PDF draft exists, so the “Blatt bearbeiten” entry from Studio is a silent no-op for first-time users. Own token namespace (--qe-*) forks the brand violet. Grade: A escape · B IA · D entry-scent · C tokens.

• surface: .qwizz-editor overlay from Studio Advanced → “Blatt bearbeiten”
• files: assets/css/qwizz-finetune.css · assets/js/qwizz-finetune.js
• note: live open requires PDF artifact; structure probed from mounted DOM (hidden/display:none) + CSS

---

🧭 Rubric scores (1–5)

Lens	Score	One-line
Visual hierarchy	4	Title textarea 26px/700 dominates; chrome 11–12px
IA / progressive disclosure	4	Tabs “Blatt bearbeiten” / “Exaktes PDF”; zoom + page nav
Information scent	2	Entry control visible, but click does nothing without draft
Chrome-less / content-first	3	Paper-first intent; header/footer chrome still heavy
Hook paths & density	3	Edit ↔ exact PDF; high control density once open
Visual weight & Gestalt	4	Dialog card centered; paper is the group
AR / rhythm	3	47 unique paddings in CSS → rhythm drift risk
Art direction	4	Fixed fullscreen dialog, violet accent, print metaphor
Design-token discipline	2	--qe-violet:#6546d7 ≠ builder --qw-v:#6d28d9; caused FE-1 leak
Affordances & signifiers	4	Tabs role=tab, close labeled, primary “Sieht gut aus — drucken”
Fitts / Hicks	3	Primary/secondary footer pair; zoom ± small targets
Hover-intent vs instant	4	13 :hover rules — richest hover surface in plugin
Escape hatches	5	Editor schließen · Abbrechen · Rückgängig · overlay dismiss
Micro-interactions / continuity	3	Hover rich; open choreography blocked by draft gate

---

🔬 Live-verified findings

#	Finding	Sev	Evidence
F1	Entry affordance without effect (draft gate)	🔴	Click “Blatt bearbeiten” → editor node exists but hidden + display:none, w/h=0; body lacks qwizz-editor-open. No toast/disabled/scent explaining “generate PDF first”
F2	Dual violet systems	🟠	.qwizz-editor{--qe-violet:#6546d7;--qe-violet-hover:#5034bc} vs builder/player --qw-v:#6d28d9. Same class .qwizz-btn--primary spans both → FE-1 class of bugs
F3	Padding / type scale sprawl	🟡	qwizz-finetune.css: 47 unique padding values, 11 font-sizes — no shared spacing scale
F4	Escape hatch suite is exemplary	✅	“Editor schließen”, “Abbrechen”, “Rückgängig”, primary “Sieht gut aus — drucken”; z-index:100000; body.qwizz-editor-open{overflow:hidden}

Mounted structure (even while hidden)

• h2 “Druckbares Quiz feinabstimmen” 14.72/400
• tabs: “Blatt bearbeiten” · “Exaktes PDF” (fw 700, 11.84px)
• title textarea placeholder “Quiz-Titel” 26px/700
• “Frage hinzufügen” · PDF page prev/next · zoom − / fit / +
• “Exaktes PDF aktualisieren” · Undo · Cancel · Print CTA

---

🩹 Prioritized fixes

1. 🔴 Gate the entry: disable “Blatt bearbeiten” with tooltip until pdf_artifact_token exists, OR auto-generate draft on first open
2. 🟠 Retire --qe-* in favor of shared --qw-* (see tokens-palette)
3. 🟡 Spacing scale (4/8/12/16/24) — collapse 47 paddings toward ~8 tokens
4. Keep escape-hatch quartet; verify focus trap when visible

---

🔗 Anchors

• css: qwizz-finetune.css .qwizz-editor{--qe-…} · FE-1 corrective append
• entry: Studio Advanced → “Blatt bearbeiten” / “Feineditor vor dem Druck”
• related: studio-builder · tokens-palette · patch-spec

---

• auditor: live DOM probe 2026-07-24 (hidden state) + CSS inventory

---