refactor(B02·B03): 페이지 자체 변종을 부품 상자 부품으로 — 파일 카드 · 띠 알림 · 진행 막대 · 켜기 · 패널 머리 · 단추 (PLAN 553-1)

- B03 파일 카드 = 카드 부품 · [선택] · [×] = 단추 · 아이콘 단추 · 진행 막대 · 오류 띠 = 부품
- B03 현황 · 이어올리기 · 예정노선 바뀜 = 띠 알림 · LAS 없이 설계 = 켜기 · 노선 · 지형 제목 = 패널 머리
- B03 · B02 죽은 CSS 걷음 · 날 색 → 공통 값 · 가이드 촬영 선택자 · 지킴 시험 test_553_1_pages

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

B03_FileInput/B03_FileInput_State.ts

@@ -1,3 +1,5 @@
+import { createBanner } from "@ui/ui_template_banner";
+
 export type B03AnalysisStatus = "pending" | "in_progress" | "completed" | "failed";
 
 export interface B03StoredFileState {
@@ -78,9 +80,9 @@ export function restoreB03ProjectState(options: {
   const state = loadB03ProjectState(options.projectId);
   if (!state) return;
   options.container.replaceChildren();
-  const message = document.createElement("span");
-  message.textContent = `${options.label}: ${state.analysisProgress}%`;
-  options.container.append(message);
+  options.container.append(
+    createBanner({ tone: "info", text: `${options.label}: ${state.analysisProgress}%` }),
+  );
   options.container.classList.add("is-visible");
   if (state.analysisStatus === "in_progress" || state.analysisStatus === "pending") {
     void options.poll(options.projectId).then((completed) => {