Adds a new "⚠ WIREFRAME COMPLIANCE" section between parts G and H that
codifies the UI architecture rules so future implementers cannot
regress to gr.Tabs. Key rules:

- Mockups at docs/superpowers/specs/mockups/ are the visual source of
truth — if prose and mockups disagree, mockups win.
- Forbidden: gr.Tabs / gr.Tab for mode navigation; top-positioned mode
nav at >= 1024 px; hardcoded hex outside theme.py.
- Required: gr.Row(.ams-body) containing gr.Column(.ams-sidebar) with
gr.Radio re-skinned as vertical pills, and gr.Column(.ams-content)
with 5 gr.Group panes whose visibility is toggled by radio change.
- gr.Radio is required (not gr.Button) so the native :checked
pseudo-class supplies the active-item highlight via CSS.
- Inside each pane: two-column body (form left, output right) per the
mockups.
- Accordion disclosure rules locked: LoRA, Advanced, LM planner, DCW
all collapsed by default.
- Sidebar History block (in-memory only for v1, per spec §13).
- Responsive breakpoints: full sidebar at >=1024, icon rail at 640-1024,
horizontal scroll strip at <640.
- Verification gate: visual check at three breakpoint widths before
any UI task can be marked DONE.

Task B3 is rewritten to match the corrected implementation (the
gr.Tabs version was the original error). The full app.py code block
in B3 now matches commit 59b9fee.

The M0 verification gate adds a detailed visual checklist so the next
implementer cannot pass it without actually inspecting the rendered
output against the mockups.