docs: draw three panel-redesign directions on the key screens

Stage 1 of the panel redesign: Overview, an outbound domain and sign-in,
each drawn on a ready-made library instead of hand-tuned CSS — A Pico
("Blank"), B Tabler ("Console"), C Bulma ("Counter") — plus a cover sheet
comparing size, JavaScript, CSP fit and the amount of own CSS.

All three share the new information architecture: navigation grouped by
mail direction (Overview, Outbound, Inbound, Server) with a symmetric Log
and Queue on both sides, one block per DNS record, applications as a
table, rarely changed domain settings behind one click.

Mockups only; internal/web is untouched. Pico and Tabler embed data: SVGs
and would need img-src 'self' data: in the CSP; Bulma does not.

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

CHANGELOG.md

@@ -23,6 +23,18 @@ document is not part of the release.
 
 ### Added
 
+- Panel redesign, stage 1: three directions drawn on the three key screens
+  (Overview, an outbound domain, sign-in) under
+  [docs/assets/panel-redesign/](docs/assets/panel-redesign/index.html) —
+  **A** Pico CSS ("Blank"), **B** Tabler ("Console"), **C** Bulma ("Counter"),
+  with a cover sheet comparing size, JavaScript, CSP fit and own CSS. All three
+  share a navigation grouped by mail direction (Overview · Outbound · Inbound ·
+  Server, with a symmetric Log and Queue on both sides), one block per DNS
+  record instead of separate "status" and "records to publish" cards, and
+  applications as a table. Mockups only; nothing in `internal/web` changes.
+  The brief behind them supersedes the "no component library" decision in
+  `docs/plans/panel-redesign.md`; that file is rewritten once a direction is
+  accepted.
 - Roadmap item and givens for a panel visual redesign
   ([docs/plans/panel-redesign.md](docs/plans/panel-redesign.md)) — layout
   grammar (`measure` / `fill` plus Web Awesome layout CSS), no JS component