refactor(B06): 줌 · 조정창 단추 · 머리 알약 · 알림 칩 · 접이 넷 · 띠 알림 · 빈 상태를 부품으로 (PLAN 553-2)

- 줌 [+ − ⤢] = 아이콘 단추 22 · 상세 [칸에 넣기] = 단추 22 · [여럿] = 켜기 칩 22 · 사이 금 지움
- 구조물 조정창 십자 · 9키 · 단 수 [－][＋] = 아이콘 단추(선) 22 · ✕ = 고스트 · 옵션 연동 · 경사 = 켜기 칩 24(유입 · 유출 칸 꼴은 그대로)
- 카드 머리 단면유형 = 배지(정보) 20 · 구조물 = 배지(강조) 20
- 알림 칩 = 단추(고스트) 20(색만 경고 / 정보) · 측점 목록 날 단추 = 단추(고스트) 20
- 날 details 넷(변수 위치 안내 · 상세값 · 다른 프로젝트 불러오기 · 횡단 조정) = 접이 구역(ui-collapsible) · 가이드 장면 선택자 `details.` 뗌
- 측점 없는 구조물 줄 · 표준 미반영 알림 = 띠 알림(경고) — 날 색 #fff8e6 · #e0b872 · #7a5a12 · #8a6a22 · 폴백 #d98324 지움
- 빈 그림 자리 = 빈 상태 · 선 치수 글 옛 보라 이름 → --color-accent
- 흉내 DOM 시험 · 서버 Node 묶음이 끄는 파일이라 부품 함수 대신 클래스 · data-size 계약 + 부품 CSS 직접 실음(묶음 셋 빌드 정상)
- 시험 넷 기대 고침 — 108(닫기 클래스) · 179-1(줌 사이 금 규칙 없음) · 196-1(칩 클래스) · 207-1(칩 반경 = 부품)
- 그대로 둔 것 — 수량 산출표(b06-detail__qtable · B07 산출서 병합 칸 · 세로선 = 부품 표에 없는 꼴) · 조정창 고르기 · 암 절토 칸(작은 단 없음) · 조정창 · ⋯ · 측점 목록 떠 있는 판

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

B06_Section/B06_Section_UI_Standard_Panel.ts

@@ -36,6 +36,7 @@ import {
   type StandardCrossKey,
   type StandardCrossSection,
 } from "./B06_Section_Api_Fetch";
+import "@ui/ui_template_banner.css"; // 미반영 알림 = 부품 띠 알림 클래스(553-2)
 
 function L(key: keyof typeof ui_locales): string {
   return ui_locales[key][currentLanguageIndex];
@@ -328,7 +329,7 @@ export function createStandardPanel(
   //   ⓘ 실측 예 — 측점 20.0m 절토 계 3.33㎡(저장분) ↔ 3.90㎡(패널 초안: 암 측구 상폭 0.69→0.9).
   let applied = baseline();
   const pending = document.createElement("p");
-  pending.className = "b06-std__pending";
+  pending.className = "ui-banner ui-banner--warning b06-std__pending"; // 부품 띠 알림(경고 · 553-2)
   pending.textContent =
     "고친 값이 측점에 아직 안 실렸습니다 — [전체 측점 반영]을 누르면 바로 따라오고, " +
     "[저장]·[>](확정) 때도 전 측점이 이 값으로 다시 섭니다. 그전에 카드를 만지면 그 측점만 먼저 바뀝니다.";
@@ -417,11 +418,11 @@ export function createStandardPanel(
 
   /** 「표준횡단면 상세값」 한 컨테이너 — 공통 → 암 → 포장 순, 구분선으로 나눈다. */
   const buildDetails = (): HTMLElement => {
-    const fieldset = document.createElement("details");
-    fieldset.className = "b06-std__group";
-    fieldset.open = true;
-    const legend = document.createElement("summary");
-    legend.className = "b06-std__legend";
+    // 부품 접이 구역(553-2) — 제목 줄 누름은 패널 attachCollapsible 위임이 받음
+    const fieldset = document.createElement("section");
+    fieldset.className = "ui-collapsible b06-std__group";
+    const legend = document.createElement("h4");
+    legend.className = "ui-collapsible__title b06-std__legend";
     legend.textContent = L("B06_Std_Detail_Title");
     fieldset.append(
       legend,
@@ -513,10 +514,11 @@ function buildProjectLoader(
   projectId: string,
   onApply: (source: StandardCrossSection) => void,
 ): HTMLElement {
-  const wrap = document.createElement("details");
-  wrap.className = "b06-std__loader";
-  const summary = document.createElement("summary");
-  summary.className = "b06-std__loader-summary";
+  // 부품 접이 구역(553-2) — 처음 접힘
+  const wrap = document.createElement("section");
+  wrap.className = "ui-collapsible is-collapsed b06-std__loader";
+  const summary = document.createElement("h4");
+  summary.className = "ui-collapsible__title b06-std__loader-summary";
   summary.textContent = L("B06_Std_Load_Title");
   wrap.append(summary);