refactor(B03): 파일 입력 화면 마무리 — 파일 놓기 칸 · 모달 · 확인창 · 고르는 카드 · 목록 줄 부품 (PLAN 553-1)

- 놓기 칸 = 파일 놓기 칸 부품(한 줄로 눕힘) · 임시 보관함 창 = 모달 + 고르는 카드 + 빈 상태 · 교체 확인 = 확인창
- 업로드 도중 window.confirm 둘 → 확인창 부품(글 그대로 · 단추 이름으로 선택 안내) · 예정노선 고름 줄 = 목록 줄
- 모달 CSS · 임시 목록 옛 CSS 걷음 · 가이드 촬영 선택자 · 지킴 시험

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

B03_FileInput/B03_FileInput_UI_Style.css

@@ -29,7 +29,6 @@
   margin-top: 0; /* 단일 layout gap에 의해 제어되도록 설정 */
 }
 
-.b03-file__native-input,
 .b03-file__slot-input {
   display: none;
 }
@@ -58,49 +57,13 @@
   height: 100%;
 }
 
-/* 한 줄 바(2026-09-03) — 종전 160px 블록은 안내 문구를 담느라 컸다. 문구는 좌측
-   패널로 갔으므로 여기는 「끌어 놓거나 눌러서 고르는 자리」 표시만 한다. */
+/* 한 줄 바(2026-09-03) — 파일 놓기 칸 부품을 [아이콘 · 글 · 고르기] 한 줄로 눕힌다. 종전 160px 블록은
+   안내 문구를 담느라 컸고 문구는 좌측 패널로 갔다. 칸을 꽉 채워 세 칸 높이를 맞춘다. */
 .b03-file__dropzone {
-  padding: var(--spacing-12) var(--spacing-16);
-  border: 1px dashed var(--color-border);
-  border-radius: var(--radius-cards);
-  background: var(--color-surface);
-  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  align-items: baseline;
   justify-content: center;
-  gap: var(--spacing-8);
-  cursor: pointer;
-  text-align: center;
-  transition:
-    background var(--transition-base),
-    border-color var(--transition-base),
-    box-shadow var(--transition-base);
-}
-
-.b03-file__dropzone:hover {
-  background: var(--color-accent-soft);
-  border-color: var(--color-accent);
-}
-
-.b03-file__dropzone:focus-visible,
-.b03-file__dropzone.is-dragging {
-  outline: none;
-  background: var(--color-accent-soft);
-  border-color: var(--color-accent);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-accent) 15%, transparent);
-}
-
-.b03-file__dropzone strong {
-  color: var(--color-text);
-  font-size: var(--text-body-sm);
-  font-weight: var(--font-weight-medium);
-}
-
-.b03-file__dropzone span {
-  font-size: var(--text-body-sm);
-  color: var(--color-text-secondary);
+  padding: var(--spacing-8) var(--spacing-12);
 }
 
 /* 빈 오류 줄이 자리를 잡고 있으면 토글 아래가 통째로 비어 보인다 — 글자가 있을 때만 자리를 차지한다. */
@@ -122,41 +85,6 @@
   display: flex;
 }
 
-/* 완료 슬롯 재업로드 확인 모달 — 페이지 위를 덮는 단순 확인창. */
-.b03-file__modal-backdrop {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--color-scrim);
-}
-
-.b03-file__modal {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-12);
-  max-width: 420px;
-  padding: var(--spacing-24);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-cards);
-  background: var(--color-surface-raised);
-  box-shadow: var(--shadow-lg);
-}
-
-.b03-file__modal p {
-  margin: 0;
-  color: var(--color-text-secondary);
-  white-space: pre-line;
-}
-
-.b03-file__modal-actions {
-  display: flex;
-  gap: var(--spacing-8);
-  justify-content: flex-end;
-}
-
 /* 계획노선 | 지형(LAS) — 컨테이너를 둘로 나눈다(2026-08-31 사용자 지시).
    노선은 카드 5장(shapefile 한 벌), 지형은 4장이라 폭을 5:4 비슷하게 준다.