サイン比較スライダー（Before/After プレビュー）の追加

## 1. 目的
ユーザーがギャラリーに保存した複数のサインを横に並べて比較検討したいというニーズに応える。特にテキスト自動変換で異なる書体スタイルを試した際に「どれが一番良いか」を一覧で素早く判断できるようにする。

## 2. 具体的な仕様

### 2-1. UI配置
- ギャラリーセクションの上部に「比較モード」トグルボタン（テキスト: 「比較する」）を追加する。
- ボタンはギャラリーが1件以上ある場合のみ表示（0件時は非表示）。

### 2-2. 比較モードの動作
- 「比較する」をクリックすると比較モードに切り替わる。
- ギャラリーの各サムネイルにチェックボックスが重なって表示され、最大4件まで選択できる。
- 4件選択済みの状態でそれ以上チェックしようとした場合、チェックを無効にして「最大4件まで選択できます」のツールチップを表示する。
- 2件以上選択すると画面下部（スマホ）またはギャラリーの右側（PC）に「選択したサインを比較」ボタンが出現する。

### 2-3. 比較ビュー
- 「選択したサインを比較」ボタンを押すと、モーダルが開き選択したサインを横並び（PC: 最大4列、スマホ: 2列×最大2行）でグリッド表示する。
- 各サインの下に保存時のタイムスタンプ（LocalStorageから取得）とサイズ（px）を表示する。
- 各サイン画像の下に「このサインを編集に読み込む」ボタンを配置し、押すとモーダルを閉じてそのサインをキャンバスに復元する（既存のギャラリーからの読み込み処理を流用）。
- モーダルには「閉じる」ボタンと「比較モードを終了」ボタンを配置する。

### 2-4. データ仕様
- 既存のLocalStorageスキーマ（キー: `signcraftGallery`、配列形式）をそのまま利用する。新フィールドは不要。
- タイムスタンプが既存データに存在しない場合は「日時不明」と表示してエラーにしない。

### 2-5. スタイル
- 比較モード時のチェックボックスはCSS擬似要素で装飾し、既存のカード見た目を崩さない。
- モーダルのオーバーレイは既存のスタイル変数（色・フォント）を継承する。
- モーダル内のグリッドはCSSグリッドで実装し、既存のレスポンシブブレークポイント（768px）に合わせる。

## 3. 既存機能との整合
- LocalStorageの読み書きロジック・ギャラリーへの保存・削除・読み込み処理には一切手を加えない。
- 比較モードのON/OFF状態はページリロードでリセットされるJavaScript変数で管理し、LocalStorageには保存しない。
- フリーハンド描画・テキスト変換・ダウンロード機能のコードには触れない。
- 比較モードをOFFにすると（または「比較モードを終了」を押すと）ギャラリーは通常表示に戻り、チェック状態もリセットされる。