PasteConvert - テキスト一括変換・整形ツール

## 1. アプリの目的・ターゲットユーザー
コピペしたテキストをそのまま使いたい場面で「全角→半角に直したい」「改行を取り除きたい」「カンマ区切りにしたい」といった細かい整形作業を、複数の変換を組み合わせて一括処理できるブラウザ完結型テキスト整形ツール。ターゲットは事務職・ライター・エンジニア・データ入力担当者など、日常的にテキスト加工を行うすべての人。インストール不要・登録不要で、その場でサクッと使えることを最優先とする。

## 2. 主要機能
- **変換レシピパネル**：30種以上の変換操作をチェックボックスで選択し、選んだ順番に一括適用。ドラッグで実行順を並び替えられる。
- 文字変換系：全角→半角・半角→全角・大文字/小文字・カタカナ→ひらがな・ひらがな→カタカナ・数字漢字変換など
- 空白・改行系：連続空白を1つに圧縮・行頭行末スペース削除・空行削除・改行をスペース/カンマ/タブに変換など
- 整形系：行を昇順/降順ソート・重複行削除・ランダムシャッフル・各行の先頭/末尾に文字列を付加・行番号付与など
- 抽出・除去系：数字のみ抽出・URLのみ抽出・HTMLタグ除去・記号除去・特定文字列の一括置換など
- **プリセット機能**：よく使う変換の組み合わせを「CSVクリーニング」「コピペ文章の整形」「メールアドレスリスト整理」など6種のプリセットとして用意し、ワンクリックで選択状態を再現。独自プリセットもLocalStorageに最大10件保存可能。
- **リアルタイムプレビュー**：入力テキストエリアと出力テキストエリアを左右または上下に並べ、変換設定を変えるたびに出力が即座に更新される。
- **差分ハイライト表示**：変換前後でテキストが変わった箇所を背景色でハイライト表示し、意図しない変換ミスを視認できる。
- **コピー・ダウンロード**：出力テキストをワンクリックでクリップボードコピーまたは.txtファイルとしてダウンロード。変換件数（何文字・何行が変換されたか）をステータスバーに表示。

## 3. 画面構成
- **ヘッダー**：ロゴ、テーマ切替（ライト/ダーク）、使い方モーダルへのリンク
- **メインエリア（3カラム構成）**
- 左カラム（変換レシピパネル）：カテゴリ別にアコーディオン表示された変換オプションのチェックリスト。選択済みの変換がバッジ数で表示される。上部にプリセット選択セレクトボックスと「保存」ボタン。
- 中央カラム（入力エリア）：テキストエリア（20行程度）、「クリア」ボタン、文字数・行数カウント表示
- 右カラム（出力エリア）：テキストエリア（20行程度、readonly）、差分ハイライト切替トグル、「コピー」ボタン、「TXTダウンロード」ボタン、変換サマリー（変換件数・変換内容の要約テキスト）
- **スマホ対応**：スマホ時は入力→変換設定→出力のステップ型タブ構成に切り替え
- **フッター**：バージョン番号、使用上の注意（ブラウザ内処理のみで外部送信なし）

## 4. データ構造
DBは不使用。LocalStorageのみで完結。
- `pasteconvert_presets`：ユーザー保存プリセット配列（JSON）
- `{ id, name, operations: ["halfwidth", "trim_lines", "remove_empty_lines", ...] }`
- `pasteconvert_last_state`：最後の操作状態（選択中のオペレーション配列）を自動保存し、次回アクセス時に復元

## 5. デザインの方向性
- カラー：ニュートラルグレーをベースにアクセントカラーはインディゴ（#4F46E5）。ダークモード対応。
- フォント：等幅フォント（テキストエリア部）＋サンセリフ（UI部）の組み合わせ。
- 変換レシピパネルの各オプションはチェックすると薄いインディゴ背景になり、選択状態が一目でわかる。
- ボタン・カード型UIにわずかなシャドウを付けた「仕事道具っぽい落ち着いた実務系デザイン」。派手な演出は排除し、操作速度を優先したシンプルなレイアウト。
- 処理は全てクライアントサイドJS（PHP側は静的ファイル配信のみ）で完結し、テキストが外部サーバに送信されないことをUI上に明記することで安心感を訴求する。