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_UI_Support.ts

@@ -227,7 +227,7 @@ export function createFileCardTemplate(): HTMLTemplateElement {
   const template = document.createElement("template");
   template.id = "file-card-template";
   template.innerHTML = `
-    <article class="b03-file__card b03-file__card--empty">
+    <article class="ui-card b03-file__card b03-file__card--empty" data-pad="12">
       <div class="b03-file__card-header">
         <span class="b03-file__card-icon" aria-hidden="true"></span>
         <div class="b03-file__card-heading">
@@ -235,8 +235,8 @@ export function createFileCardTemplate(): HTMLTemplateElement {
           <span class="b03-file__card-ext"></span>
         </div>
         <div class="b03-file__card-badge-container"></div>
-        <button class="b03-file__card-select" type="button"></button>
-        <button class="b03-file__card-remove" type="button"></button>
+        <span data-slot="select"></span>
+        <span data-slot="remove"></span>
       </div>
       <div class="b03-file__card-content">
         <input class="b03-file__slot-input" type="file" />
@@ -246,16 +246,14 @@ export function createFileCardTemplate(): HTMLTemplateElement {
         </div>
         <div class="b03-file__preview"></div>
         <div class="b03-file__progress-section">
-          <div class="b03-file__progress-bar-container">
-            <div class="b03-file__progress-bar"></div>
-          </div>
+          <span data-slot="progress"></span>
           <div class="b03-file__progress-info">
             <span class="b03-file__progress-bytes"></span>
             <span class="b03-file__progress-speed"></span>
             <span class="b03-file__progress-eta"></span>
           </div>
         </div>
-        <div class="b03-file__error-message" role="alert"></div>
+        <span data-slot="error"></span>
       </div>
     </article>
   `;