展開図の寸法ラベル自動表示と実寸スケール確認モードの追加

## 1. 目的
ユーザーが展開図を印刷・カットする際、各辺の実際の長さを一目で把握できるよう、展開図の辺に寸法ラベルを自動表示する。また「実寸プレビューモード」でモニター上で印刷後の実サイズを事前確認できるようにし、印刷ミス・サイズ違いによる無駄な再印刷を減らす。

---

## 2. 具体的な仕様

### 2-1. 寸法ラベル表示
- 展開図の各辺（折り目線・切り取り線を含む外周辺）の中央に、対応する実寸（例: `5.0cm`）をテキストで描画する。
- Canvas 描画時に各辺の始点・終点座標から中点を計算し、辺に対して垂直方向に 8px オフセットした位置に `fillText` で描画。
- フォントサイズは辺の長さ（px換算）に応じて 8〜11px の範囲で自動調整し、短辺でもはみ出さないようにする。
- ラベルの文字色はデフォルト `#333333`、背景は半透明白（`rgba(255,255,255,0.75)`）の小矩形を敷いて視認性を確保。
- 同一長さの辺が連続する場合（立方体の全辺など）は重複ラベルを間引き、代表辺のみ表示するオプションも設ける。
- **オン/オフ切替:** 既存の「折り目」「のりしろ」トグルと同列に「寸法ラベル」チェックボックスを追加（デフォルト: オン）。設定はLocalStorageに保存。

### 2-2. 実寸プレビューモード
- コントロールパネルに「📐 実寸で確認」ボタンを追加。
- クリックすると、ブラウザの画面解像度（`window.devicePixelRatio` と `screen.width` / CSS px比から推定 PPI）を元に Canvas のスケールを自動計算し、展開図を「1cm = 実際の1cm相当」のサイズで再描画したモーダルを表示する。
- モーダル上部に「お使いのモニターの PPI 推定値: ○○ dpi（参考値）」と注意書きを表示し、モニター依存である旨を明記。
- モーダル内に定規イメージ（10cm スケールバー）を描画し、実物の定規と比較してキャリブレーション確認できるようにする。
- モーダルは既存の CSS モーダル実装パターンに合わせて実装し、×ボタンまたはオーバーレイクリックで閉じる。スマホではスクロール対応。

### 2-3. PNG ダウンロード・印刷への反映
- 「寸法ラベル」がオンの状態で PNG ダウンロードまたは印刷を実行した場合、ラベルもそのまま出力に含まれる（Canvas をそのまま使用するため追加実装不要）。
- 実寸プレビューモーダルの Canvas は通常の保存・印刷フローとは独立しており、既存のダウンロード/印刷機能に影響しない。

### 2-4. URL 共有への対応
- 「寸法ラベル表示」のオン/オフ状態を既存の Base64 エンコード設定オブジェクトに `dimensionLabel: true/false` キーを追加して保存・復元する。既存キーは変更しないため後方互換を維持（キーが存在しない場合はデフォルト true として扱う）。

---

## 3. 既存機能との整合
- Canvas 描画関数の末尾に寸法ラベル描画処理を追記する形で実装し、既存の図形描画・パターン・テキストラベル・折り目/のりしろ描画ロジックは一切変更しない。
- 「寸法ラベル」チェックボックスは既存トグル群の末尾に追加するだけで、既存 UI レイアウトを崩さない。
- 実寸プレビューモーダルは独立した関数として実装し、既存の印刷・PNG ダウンロード処理には手を加えない。
- スマホ表示では「実寸で確認」ボタンを既存の「印刷」「保存」ボタンと同じボタングループに追加し、タブ切り替え UI のレイアウトを維持する。