ミラー描画モード（左右・上下対称）の追加

## 1. 目的
キャラクターやアイコンのドット絵は左右対称・上下対称になることが多く、現状は片側を描いた後に手動で反対側を塗る必要がある。ミラー描画モードを追加することで、片側を描くだけで自動的に対称位置にも同じ操作が反映され、制作効率と作品の完成度が大幅に向上する。

## 2. 具体的な仕様

### 2-1. UIの配置
- 既存のツールバー下部（またはツールオプション行）に「ミラー」セクションを追加する。
- 「↔ 左右」「↕ 上下」の2つのトグルボタンを横並びに配置する（両方同時ONも可）。
- アクティブ時はボタンをレトロ風のハイライト色（例：既存のアクセントカラー）で表示し、非アクティブと明確に区別する。
- スマホでは既存のボトムツールバー内のオプション展開エリアに同様のボタンを追加する。

### 2-2. 動作仕様
- ミラーは「描画操作の入力座標を対称位置にも複製する」方式で実装する。
- 対称軸はキャンバスの中央（幅÷2、高さ÷2）とする。奇数サイズ（例：17px）は存在しないため端数処理は不要（全サイズ偶数）。
- **左右ミラーON時**：ペン・消しゴム・スポイト以外のツールも含め、X座標を `(キャンバス幅 - 1 - x)` に反転した座標にも同じ色・操作を適用する。
- **上下ミラーON時**：Y座標を `(キャンバス高さ - 1 - y)` に反転した座標にも同じ操作を適用する。
- **両方ON時**：左右・上下・斜め対角の計4点すべてに操作を適用する。
- 対応ツール：ペン・消しゴム・バケツ塗り・矩形・直線（スポイトはミラー不要のため除外）。
- バケツ塗りは「ミラーされた座標のセル」に対して独立してフラッドフィルを実行する。
- 矩形・直線は始点と終点それぞれをミラーした座標で第2の図形を描画する。

### 2-3. ビジュアルフィードバック
- ミラーがONの間、キャンバス上に中央の対称軸を示す薄い点線（CSSまたはCanvas overlay）を表示する。線の色は既存グリッド線と区別できるよう半透明の白または赤とする。
- ペン操作中のホバーカーソルは、ミラー先の座標にも同色のハイライトを同時表示し、描画前に対称位置を確認できるようにする。

### 2-4. データ・状態管理
- ミラーモードのON/OFF状態はJavaScriptの変数（`mirrorX`, `mirrorY`）で管理し、セッション中は保持する。ローカルストレージへの永続化は行わない（誤操作防止のため毎起動時はOFF）。
- Undo/Redoは既存の30ステップ管理をそのまま使用する。ミラー先への描画も1操作としてまとめて1ステップに記録する。

## 3. 既存機能との整合
- 既存の6ツール・パレット・フレーム管理・Undo/Redo・アニメーション・エクスポート機能には一切変更を加えない。
- ミラー描画はあくまで「入力座標の拡張処理」であり、キャンバスデータ構造・保存形式・PNG/スプライトシート出力・ギャラリー投稿の仕組みはすべてそのまま動作する。
- オニオンスキン表示との併用も問題なく動作する（オニオンスキンは別レイヤー描画のため干渉しない）。