パズル作成ウィザード：単語リストから自動レイアウト生成

## 1. 目的
現在のパズルメーカーは黒マス配置・単語入力をすべて手動で行う必要があり、初めて使うユーザーには敷居が高い。単語とヒントのリストを入力するだけでグリッドへの自動配置を行う「ウィザードモード」を追加し、教材作成の手間を大幅に削減する。

## 2. 具体的な仕様

### 2-1. UI追加箇所
- トップページの「パズルを作る」ボタンの隣に「リストから自動生成」ボタンを追加する。
- 既存のエディタ画面は一切変更しない。

### 2-2. ウィザード画面（新規モーダルまたは別ステップ）
**STEP 1 — 単語・ヒント入力**
- テキストエリアを1つ配置し、1行に「単語,ヒント」の形式で入力させる（例：`さくら,春に咲くピンクの花`）。
- 最大20単語まで受け付ける（多すぎるとレイアウトが破綻するため）。
- 「サンプルを挿入」ボタンで3〜5行のデモデータを自動入力できる。

**STEP 2 — グリッドサイズ選択**
- 既存の3択（10×10 / 13×13 / 15×15）をそのまま使用。
- 単語数が多い場合は推奨サイズをハイライト表示する（例：10単語以上→13×13を推奨）。

**STEP 3 — 自動配置実行（クライアントサイドJS）**
- バックエンド不要。JSのみで以下のアルゴリズムを実装する。
1. 単語を文字数の降順にソート。
2. 最初の単語をグリッド中央付近に横向きで配置。
3. 以降の単語を既存の配置済み単語と文字が交差できる位置（縦・横）を探索し、交差数が多い位置を優先して配置。
4. どこにも交差できない単語は未配置リストに保留し、交差可能な位置が見つかるまで順番を変えて再試行（最大50回）。
5. 配置が確定した後、使用しないマスを自動的に黒マスにする。
- 配置に失敗した単語はウィザード完了後に「配置できなかった単語」として一覧表示し、ユーザーが手動編集で追加できるよう案内する。

**STEP 4 — プレビューと確定**
- 自動生成結果のグリッドをサムネイル表示する。
- 「このレイアウトで編集画面へ」ボタンを押すと、既存のパズルエディタ画面に生成済みのグリッドデータと単語・ヒントが読み込まれた状態で遷移する。
- 「再生成」ボタンでランダムシードを変えて別レイアウトを試せる（同じ単語リストで最大5パターン生成可能）。

### 2-3. データ連携
- 自動生成後のデータは既存のグリッドデータ形式（黒マス配列・単語オブジェクト配列）に変換してエディタに渡す。
- エディタに渡した後は既存機能（共有URL・ショートコード保存・印刷）がすべてそのまま動作する。

### 2-4. スマホ対応
- STEP 1のテキストエリアはフォントサイズ16px以上にしてiOSの自動ズームを防ぐ。
- ウィザードの各STEPは縦スクロールで完結するよう設計し、横スクロール不要にする。

## 3. 既存機能との整合
- 既存のエディタ・プレイ・プリセット・共有・印刷機能のコードには一切手を加えない。
- ウィザードはエディタへの「入力補助」として機能し、最終的なデータ形式は既存と同一のため後方互換が完全に保たれる。
- ウィザードをキャンセルした場合は従来通り空のエディタが開く。