単一ファイルのインタラクティブなビジョン＆ムードボードアプリを作る

概要：モダンなHTML5、CSS3、および埋め込みJavaScript（Google Fonts：Playfair DisplayとPlus Jakarta Sansを使用）を使用して、単一ファイルのmoodboard.htmlで本番対応のインタラクティブなビジョン＆ムードボードWebアプリケーションを構築します。 主要仕様： - レイアウトとデザイン：中央寄せのベントーグリッドレイアウトで、エディトリアルな美学と暖かいニュートラルトーン（--bg: #f5f2eb, --card-bg: #ffffff, --text-main: #2b2623, --accent: #b88651）を備えています。編集可能なボードタグ、タイトル、サブタイトルを備えた上部ヘッダーバーと、ユーティリティツールバーを含みます。 - インタラクティブコンポーネント：contenteditableを使用して即時カスタマイズ可能な完全編集可能なテキスト要素。ファイルリーダーを介したローカルデバイスからの画像アップロードと、インタラクティブな写真オーバーレイを備えたカスタムURLの貼り付けの両方をサポートする動的画像カード。内蔵の習慣トラッカーと削除トグルを備えた毎日の意図チェックリスト。ライブカラーピッカー入力を備えたカスタマイズ可能なインタラクティブカラーパレットブロック。localStorageを使用した永続的なローカル状態保存と、デフォルト設定を復元するリセット機能。すべてのコードを単一のファイルで返します。