feat(B03): 업로드 자료 카드 그래픽 미리보기 — 범위 사각형·노선 형상·범위 대조

- 계획노선 shapefile 분석에 `preview_path`(200점 안팎 솎은 좌표열) 추가 — 이미
  메모리에 있는 정점을 쓰므로 파일 재열람 0회(솎기 0.136ms)
- LAS·GeoTIFF 는 사용자 확정대로 **bbox 사각형만** (점구름·래스터 렌더 안 함)
- `upload-overview` 응답에 분석 `metadata` 동봉 — 재접속해도 같은 그림
- 카드에 SVG 미리보기 렌더(신규 `B03_FileInput_UI_Preview.ts`), 값 없으면 미표시
- 계획노선 카드는 지형 자료 범위와 대조 — 벗어나면 경고색·안내, 좌표계가 다르면
  대조 생략(재투영 안 함). shapefile 은 좌표계가 없어 같은 세트 `.prj` 값을 씀

검증: 공용 브라우저 실측(노선 선 121점·범위 안/밖·좌표계 상이 3갈래),
tmp/tests/test_b03_preview_path.py 2건, tsc --noEmit 통과

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

B03_FileInput/B03_FileInput_UI_Style.css

@@ -590,11 +590,53 @@
 }
 
 .b03-file__card--empty .b03-file__file-info,
+.b03-file__card--empty .b03-file__preview,
 .b03-file__card--empty .b03-file__progress-section,
 .b03-file__card--empty .b03-file__error-message {
   display: none;
 }
 
+/* 업로드 자료 미리보기(2026-09-04) — 분석 메타데이터의 범위만으로 그리는 작은 도형.
+   값이 없으면 `is-visible` 이 안 붙어 자리를 차지하지 않는다. */
+.b03-file__preview {
+  display: none;
+  margin-top: 6px;
+}
+
+.b03-file__preview.is-visible {
+  display: block;
+}
+
+.b03-file__preview svg {
+  display: block;
+  width: 100%;
+  height: 60px;
+}
+
+.b03-file__preview-extent {
+  fill: color-mix(in srgb, var(--color-border, #9aa) 35%, transparent);
+  stroke: var(--color-border, #9aa);
+  stroke-width: 1;
+}
+
+.b03-file__preview-route {
+  fill: none;
+  stroke: var(--color-primary, #4a3aff);
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-width: 1.5;
+}
+
+/* 계획노선이 지형 자료 범위를 벗어난 경우 — 눈으로 바로 잡히게 경고색. */
+.b03-file__preview.is-warning .b03-file__preview-route {
+  stroke: var(--color-danger, #d33);
+}
+
+.b03-file__preview.is-warning .b03-file__preview-extent {
+  stroke: var(--color-danger, #d33);
+  stroke-dasharray: 3 2;
+}
+
 .b03-file__card--selected .b03-file__progress-section {
   display: none;
 }