ClearCut Studio - ワンタップ背景透過＆おしゃれ合成フォトメーカー

【目的・ターゲット】フリマ・ECの商品写真、SNSアイコン、履歴書用証明写真、趣味の加工写真をきれいに仕上げたい一般ユーザー向けの無料背景透過・合成ツール。外部AI不要、ブラウザCanvas処理だけで完結し、登録不要・即使用できる手軽さで『アプリストア1位』級の体験を狙う。

【主要機能】
1. 画像アップロード後、スポイトで背景色をクリック選択し、許容度スライダーで色域を自動透過（Canvas ImageData処理、エッジぼかし補正付き）
2. 15種の高品質背景テンプレート（グラデーション・白スタジオ・大理石・木目・ネオン夜景・パステル雲・幾何学模様など）を即座に合成プレビュー
3. 出力サイズプリセット（正方形1:1、EC商品1200x1200、SNSアイコン400x400、証明写真、名刺用など）とドラッグでのトリミング・位置調整
4. PNG（透過）/JPEG（合成済み）でダウンロード、加工履歴を最大20件までLocalStorageに自動保存し呼び出し可能
5. 作業用アンビエントBGMを任意再生（集中モード）、BGM/効果音は個別音量調整・ミュート可能
6. 匿名で作品を公開ギャラリーに投稿し、いいねを送り合える任意機能（画像はサーバー保存、投稿は加工後のみ）

【画面構成】
・トップ：ヒーロービジュアル、使い方3ステップ、ギャラリーへの導線
・エディタ画面：左に元画像とスポイト/許容度スライダー、右にCanvasプレビューと背景テンプレート一覧、下部にサイズ選択とダウンロードボタン
・マイ履歴ページ：LocalStorage保存した過去の加工結果をカード表示、再編集・再ダウンロード可能
・公開ギャラリー：投稿一覧をグリッド表示、カテゴリフィルタ、いいねボタン

【データ構造(MySQL)】
gallery_items(id, image_path, category varchar, likes int default 0, created_at datetime)
gallery_likes(id, item_id, ip_hash, created_at) ※連続いいね防止用

【デザイン方向性】明るいパステル×クリーンホワイトを基調としたグラスモーフィズムUI。カードは角丸＋ソフトシャドウ、ボタンはグラデーション。作業中は落ち着いたLo-fiアンビエントBGM（BPM70、4/4拍子、Cメジャー/Aマイナー中心のパッド和音、柔らかいベースとハイハット主体のローファイドラム、8小節でA/B展開、4小節ごとにフィルター変化するフレーズ）をWeb Audio APIで生成再生。AudioContext.currentTime基準でスケジューリングし、BGM/SEの音量を別管理、停止時は全ノードをdisconnectして解放する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する