docs(design): re-seed the UI canvas from the shipped launcher

[smileygames]

観測

design/ の 2 枚が実装から遅れている。#40 でランチャに名前欄と色の選択が入り、.mcp.json の鍵が参加者ごとになったため。

design/Main.dc.html の食い違い:

• ランチャに名前欄が無い。
• ランチャに色の選択が無い。タイトルバー側にも無い。
• 起動コマンドのプレビューが server:liplus-chat-room のまま。現在の鍵は liplus-chat-room-<slug>-<hash> で、参加者ごとに異なる。

design/canvas.json の食い違い:

• roadmap 付箋が accent を oklch 0.52 / 0.09 / 255 と記す。#3a6ea5 の実測は 0.528 / 0.104 / 251.5（feat(ui): surface the participant panel the design already specifies #43 で判明）。
• next-diff 付箋が挙げる差分 2 件（参加者パネル / 宛先）はいずれも実装済み。

Vision.dc.html は到達点であり、実装との差があること自体は正常。ただしランチャまわりは Main と同じ形を描いているため、あわせて見る。

前提

design/README.md が権威の向きを定めている。design が src/styles.css の実値を写す側であり、逆ではない。したがってこれは design 側の更新であって、実装を design に合わせる作業ではない。

公開版 design/liplus-chat-ui.html（約 2.2MB）は生成物で追跡外。Claude Code の /design スキルから再生成する。

design/README.md は「キャンバス側で編集された場合は、先に公開版を読み戻してからこちらを直す」とも定めている。手元の元ファイルで上書きしないこと。

制約

• 実装を design に合わせない。design を実装に合わせる。
• 元ファイル（Main.dc.html / Vision.dc.html / canvas.json）を直す前に、公開版がキャンバス側で編集されていないか確認する。
• 色と寸法は src/styles.css の実値を写す。accent は実測値 0.528 / 0.104 / 251.5 を使う。
• next-diff 付箋は現在の未実装項目へ書き換える。実装済みの項目を残さない。

対象ファイル

• design/Main.dc.html
• design/Vision.dc.html
• design/canvas.json

完了条件

• Main のランチャが名前欄と色の選択を含む。
• 起動コマンドのプレビューが現在の鍵の形を示している。
• canvas.json の accent の値が実測値と一致する。
• next-diff 付箋が現在の未実装項目を指している。

関連

• docs: record the settled ui direction and what it leaves open #33 — UI の方向の記録。
• feat(ui): surface the participant panel the design already specifies #43 — accent の実測値はここで判明した。
• fix(session): a participant cannot declare who they are in the room #40 — ランチャの名前欄と色、.mcp.json の鍵。