Now let me check the existing shadcn components available:

Good, I have all shadcn components including select, alert-dialog, dialog, input, textarea, etc. Now let me read the select and alert-dialog components to understand their API:

Now I have a comprehensive understanding of the codebase and requirements. Let me set up the task list and start building this complex inspection form.

Let me start by updating the theme and layout, then building all the components. I'll first update globals.css and layout.tsx:

Now let me update the tailwind config to include the font and drag-highlight color:

Now let me create the types and data file:

Now let me build the components. I'll create the header, inspection item row, inspection section, template phrase modal, and footer components:

Now let me build the main page that brings everything together. First I need to add the dnd-kit dependencies to package.json:

Now let me create the main page component:

Now update the page.tsx to render the form:

Now let me also read the textarea component to make sure it exists:

Good, both components exist. Now let me mark the remaining tasks as done and check the preview:

スクリーンショットの仕様に基づいて、建物点検結果の編集画面（SP版）を構築しました。主な機能は以下の通りです：

• ヘッダー: 青色背景に「点検結果 編集」タイトルと戻るボタン
• 基本情報入力: タイトル、総合評価（A〜Eのドロップダウン）、総合コメント（テキストエリア）+ 定型文選択モーダル
• 部位セクション: 屋根・外壁・付帯部・外部金物・その他の各部位に、項目名・評価ドロップダウン・印刷ON/OFFトグル（目のアイコン）・ドラッグ&ドロップ並べ替え（@dnd-kit使用）を実装
• レイアウトセクション: サムネイルとレイアウト変更ボタン
• 固定フッター: プレビュー・保存ボタン・ページナビゲーション
• 確認ダイアログ: 部位編集アイコンタップ時に画面移動の確認ダイアログを表示