feat(M02): 338-3c 확인 창 · 고르기 창 · 별칭 장부 화면 — 체크한 줄만 [확인하고 사전조합 만들기] · 옛 즉시 확정 · 바로 만들기 없앰

- 새 Hopyo_Check(확인 창 · 본 칸 · 모달) — 상태 색 · 체크 제안 · 우리 로직 여럿 · 배 · 몫 · 옵션 · 품 비교 · 뺌 · 원문 보기 · 캐시 m02-hopyo-check · 셈 중 3 초 다시 읽음 · 최신 응답만
- 새 Hopyo_Choose(고르기 창 · 후보 판정 · 여럿 고름 · 몫 · 찾기 글 미리 넣음) · 새 Hopyo_Ledger(장부 화면 · 고친 것 캐시 · [저장] 때만 PUT)
- 고침 View(호표 하나 = 확인 창) · Sheet(펼침 뒤 한 번 · 하위 호표 먼저) · Pick(확인된 것 바로 참조 · 아니면 확인 창) · Api(3-3 꼴 · 만들기 몸 · 장부 길) · Side([별칭 장부]) · css · Labor_Pick(query)
- 없앰 saveHopyoMemory · [확정] · [같음 모두 확정] · [근거 맞음 모두 확정] · 바로 만들기
- 시험 test_m02_hopyo_screen.py 새로 · helper_m02_hopyo_check.cjs 새 · pick · seam 도우미 손질

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XWh5wNNycMkbwMpACz1rte

M02_MasterTemplete/M02_MasterTemplete_Hopyo.css

@@ -49,8 +49,8 @@
   font-variant-numeric: tabular-nums;
 }
 
-/* 줄 표 — 갈래 · 수량 · 단위 · 엑셀 단가 · 맞춤 · 입력값 · 환산 · 단추 = 줄바꿈 없음(글자가 세로로 안
-   갈라짐 · 폭 = 글 폭) · 품명 · 규격 · 대상이 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
+/* 확인 창 줄 표(338) — 체크 · 갈래 · 수량 · 단위 · 상태 · 단추 = 줄바꿈 없음(글자가 세로로 안 갈라짐 ·
+   폭 = 글 폭) · 품명 · 규격 · 우리 로직 · 옵션 · 품 비교가 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
 .m02-hopyo__table.m02-hopyo__lines :is(th, td) {
   padding: var(--spacing-8);
 }
@@ -58,19 +58,17 @@
 .m02-hopyo__table.m02-hopyo__lines
   :is(th, td):is(
     :nth-child(1),
-    :nth-child(4),
+    :nth-child(2),
     :nth-child(5),
     :nth-child(6),
     :nth-child(7),
-    :nth-child(9),
-    :nth-child(10),
     :nth-child(11)
   ) {
   white-space: nowrap;
 }
 
-/* 입력값 — 길면 줄임표(전체 글은 칸 풍선 도움말) */
-.m02-hopyo__table.m02-hopyo__lines td:nth-child(9) {
+/* 옵션 · 품 비교 — 길면 줄임표(전체 글은 칸 풍선 도움말) */
+.m02-hopyo__table.m02-hopyo__lines td:is(:nth-child(9), :nth-child(10)) {
   max-width: 24em;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -89,23 +87,56 @@
   white-space: nowrap;
 }
 
-.m02-hopyo__state.is-기억,
-.m02-hopyo__state.is-같음,
+/* 상태 색(338) — 맞음 초록 · 별칭 파랑 · 다른 점 주황 · 후보 회색(테두리 기본) · 없음 빨강 */
+.m02-hopyo__state.is-맞음,
 .m02-hopyo__state.is-호표 {
   border-color: var(--color-success);
   color: var(--color-success);
 }
 
-.m02-hopyo__state.is-후보 {
+.m02-hopyo__state.is-별칭 {
+  border-color: var(--color-info);
+  color: var(--color-info);
+}
+
+.m02-hopyo__state.is-다른점 {
   border-color: var(--color-warning);
   color: var(--color-warning);
 }
 
+.m02-hopyo__state.is-후보,
+.m02-hopyo__state.is-뺌,
+.m02-hopyo__state.is-노임 {
+  color: var(--color-text-secondary);
+}
+
 .m02-hopyo__state.is-없음 {
   border-color: var(--color-danger);
   color: var(--color-danger);
 }
 
+/* 우리 로직 칸 — 대상 여럿 = 칸 안 여러 줄(이름 · 키 · 몫 · 배 칸 · [옵션]) */
+.m02-hopyo__parts {
+  min-width: 14em;
+}
+
+.m02-hopyo__part {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+
+.m02-hopyo__part + .m02-hopyo__part {
+  margin-top: var(--spacing-4);
+}
+
+.m02-hopyo__whole {
+  padding: var(--spacing-4) var(--spacing-8);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+}
+
 .m02-hopyo__times {
   width: 6em;
 }
@@ -150,6 +181,22 @@
   margin-bottom: var(--spacing-8);
 }
 
+.m02-hopyo__cand {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+
+/* 별칭 장부(338) — 위 층 줄 = 회색 읽기만 · 고친 줄 = 왼쪽 띠 */
+.m02-hopyo-ledger__row.is-upper {
+  color: var(--color-text-muted);
+}
+
+.m02-hopyo-ledger__row.is-edited > td:first-child {
+  box-shadow: inset 3px 0 0 var(--color-accent);
+}
+
 /* 엑셀 보기 창(329) — 왼쪽 읽기 전용 시트 · 오른쪽 호표 목록 · 불러오기 결과 */
 .m02-hopyo-sheet__dialog > .ui-modal__body {
   overflow: hidden;