9. ビューポート（ズーム・パン・フィット）

左右各キャンバスは独立したビューポート（パン位置・ズーム倍率）を持ちます。

9.1 ズーム

マウスホイール

キャンバス領域上でホイールを回すとズームします。

• 拡大率：0.3x 〜 10x
• 1 ノッチあたり 0.95 / 1.05 倍

ズーム中心

ズームの不動点はヘッダー ⋮ メニュー → ズーム中心 で切り替えます。

• マウス位置（既定） — カーソル直下を不動点
• キャンバス中央 — キャンバス幾何中央を不動点

ホイールイベントはキャンバス領域全体（ポスターの外側余白を含む）にバインドされているため、ポスター枠外でも、パン中でもホイールが効きます。

9.2 パン

9.3 フィット

各キャンバス右下の フィットボタン（四角＋矢印アイコン）でウィンドウサイズに合わせます。

• 左パネル / 右パネルの幅と重なる領域はフィット計算から除外されます
• 自動追従はなく、明示的にフィットしたいタイミングで押します

9.4 ミニマップ

左キャンバス左下に常時表示されます（左パネル開閉に連動して左位置を調整）。

• ポスター全体を縮小表示（幅 140px）
• 現在のビューポート位置を 青枠 で表示
• ミニマップ上をクリック / ドラッグで該当位置にパン

ミニマップにはポスター本体の見た目（装飾色や文字色など）がそのまま反映されます。

9.5 スプリッター

左右キャンバスの間にあります。

• ドラッグで比率調整（20:80 〜 80:20）
• ダブルクリックで 50:50 にリセット（左右パネル幅を考慮して均等化）

9.6 パネルのリサイズ

• 左パネル は右端ドラッグハンドルで幅変更（初期 280px / 最小 180px）
• 右パネル は左端ドラッグハンドルで幅変更（同上）