refactor(785-7): 옛 맞춤 화면 TS 지움 · 옛 [저장] · [모두 고정] 단추 걷음 · 390 줄 판 높이

- 지움(git rm) 15 파일 3,318 줄: Hopyo_Check · CheckRows · Choose · WizardSk · SkApi · SkLines · logic/SkPick · logic/Draft ·
  Left · Lost · Pick · SheetMake · Kids · ToItem · Compare(모두 옛 확인 창 · 마법사 단가산출 · 안 이은 줄 길 몫 · 부르는 곳 0)
- 단추 판단: 엑셀 보기 [저장](체크 호표) · [모두 고정으로 들여오기] 화면 단추 걷음 → 만들기 = [옮기기] 하나 ·
  모두 고정 서버 길(Builder · build_all)은 B09 · 붙여넣기가 써서 남김 · 목록 체크 칸 · 모달 껍데기(openHopyoSheet · raise · lower) 걷음
- Import: 「안 이은 줄」 띠 · [안 이은 줄 고르기] · 남은 줄 셈 걷음 · [끝내기] = 물음(확인하고 안 옮긴 수 = 판정 고름 캐시 moveBody)
- Api: 옛 맞춤 타입 · 길(readHopyoOne · guessHopyo · buildHopyo · buildHopyoAll · leftHopyo · listHopyoPicks · hopyoSiblings ·
  buildHopyoItem …) 걷음 · POLL_MS · HOPYO_BUILT 옮겨 옴 · 목록 꼴 = 1차 판정 줄상태(Judge.view)
- Labor_Pick: withHopyo(실무 호표 덧줄) → withSangeun(찾아 넣기 창 표시만) · Detail · Table 부름 바꿈
- Ledger: unitField 옮겨 옴 · SheetNav: 옛 확인 캐시 칠 걷음 · UI_Page: [구조물 조합으로] 듣기 걷음
- CSS: 옛 확인 창 · 고르기 창 규칙 34 걷음(481 → 287 줄) · 390 폭 = 줄 판 열리면 위 칸 넓힘 · 줄 판 높이 바닥 16rem

시험 정리(까닭 = 지운 화면 파일만 읽음):
- 지움: test_729_3_hopyo_left_screen · test_746_2_hopyo_compare_screen · test_778_5_sk_pick_screen · helper_729_3 · helper_m02_hopyo_check · pick · seam
- test_m02_hopyo_screen = 좌측 판 · 끝내기 둘만 · 627 · helper_778_5 = SheetSk 판 바꿈만 · 785_4 · 721 · 717_4 · 720 · 739_1 = 지금 꼴로

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

M02_MasterTemplete/M02_MasterTemplete_Hopyo.css

@@ -28,60 +28,12 @@
   max-width: 320px;
 }
 
-.m02-hopyo__row {
-  cursor: pointer;
-}
-
-.m02-hopyo__row:hover {
-  background: var(--color-accent-soft);
-}
-
-.m02-hopyo__num {
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-}
-
 /* 실무자료 표 — 한글은 낱말 단위로만 줄바꿈(두세 글자마다 안 갈라짐) · 너무 긴 낱말만 쪼갬 */
 .m02-hopyo__table :is(th, td) {
   word-break: keep-all;
   overflow-wrap: break-word;
 }
 
-/* 확인 창 줄 표(338 · 339 · 359-3) — 일위대가 상세 꼴(m02-labrow) · 체크 칸 · 수량 · 단위 = 줄바꿈 없음 ·
-   단추 = 세로로 쌓아 좁게 · 이름 · 별칭 · 품 비교가 남는 폭 · 칸 여백 좁힘(공용 표보다 앞서게 두 갈래 이름) */
-.m02-hopyo__table.m02-hopyo__lines :is(th, td) {
-  padding: var(--spacing-8);
-}
-
-.m02-hopyo__table.m02-hopyo__lines td:first-child,
-.m02-hopyo__lines :is(.m02-labrow__qty, .m02-labrow__unit) {
-  white-space: nowrap;
-}
-
-/* 이름 칸 대상 줄 — 키 · 이름 · 배 칸 · 몫 한 줄(상세 이름 칸의 한 줄 말줄임을 풂) */
-.m02-hopyo__lines .m02-labrow__name > .m02-hopyo__part {
-  display: flex;
-  max-width: none;
-  overflow: visible;
-}
-
-.m02-hopyo__lines .m02-labrow__name > .m02-hopyo__state,
-.m02-hopyo__lines .m02-labrow__kind > .m02-hopyo__state {
-  display: inline-block;
-  margin-left: var(--spacing-4);
-}
-
-/* 품 비교 — 항목마다 한 줄(글의 줄바꿈 그대로) */
-.m02-hopyo__table.m02-hopyo__lines td.m02-hopyo__compare {
-  min-width: 9em;
-  white-space: pre-line;
-}
-
-.m02-hopyo__subhead {
-  margin: var(--spacing-8) 0 0;
-  font-size: var(--text-body-sm);
-}
-
 .m02-hopyo-ledger__table td:nth-child(1) {
   min-width: 7em;
 }
@@ -90,62 +42,6 @@
   min-width: 6em;
 }
 
-/* 단추 칸 — 단추 · 넣음/뺌을 세로로 쌓아 칸 폭 = 가장 긴 단추 */
-.m02-hopyo__table.m02-hopyo__lines td.m02-hopyo__acts {
-  width: 1%;
-}
-
-.m02-hopyo__lines .m02-hopyo__acts > * {
-  display: flex;
-  width: 100%;
-  white-space: nowrap;
-}
-
-.m02-hopyo__lines .m02-hopyo__acts > * + * {
-  margin: var(--spacing-4) 0 0;
-}
-
-.m02-hopyo__line.is-out {
-  color: var(--color-text-muted);
-}
-
-.m02-hopyo__state {
-  display: inline-block;
-  padding: 0 var(--spacing-4);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  font-size: var(--text-caption);
-  white-space: nowrap;
-}
-
-/* 상태 색(338) — 맞음 초록 · 별칭 파랑 · 다른 점 주황 · 후보 회색(테두리 기본) · 없음 빨강 */
-.m02-hopyo__state.is-맞음,
-.m02-hopyo__state.is-호표 {
-  border-color: var(--color-success);
-  color: var(--color-success);
-}
-
-.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: 11em;
@@ -162,12 +58,6 @@
   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;
 }
@@ -193,56 +83,6 @@
   margin-left: var(--spacing-4);
 }
 
-.m02-hopyo__block {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-4);
-}
-
-.m02-hopyo__block h4 {
-  margin: 0;
-  font-size: var(--text-body-sm);
-}
-
-.m02-hopyo__built {
-  padding: var(--spacing-8);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  background: var(--color-surface-raised);
-}
-
-/* 고르기 창 머리 — 제목이 두 줄이어도 [닫기] 글이 안 갈라지고 안 줄어듦 */
-.m02-hopyo__choose .ui-modal__top > .ui-btn {
-  flex-shrink: 0;
-  white-space: nowrap;
-}
-
-.m02-hopyo__cands {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--spacing-4);
-  margin-bottom: var(--spacing-8);
-}
-
-.m02-hopyo__cand {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--spacing-4);
-}
-
-/* 고르기 창 후보 묶음(358-1) — 뜻 낱말 안 겹치는 「후보」 = 회색 · 숫자만 닮음 = 접힘 */
-.m02-hopyo__cand.is-weak {
-  color: var(--color-text-muted);
-}
-
-.m02-hopyo__group > summary {
-  cursor: pointer;
-  color: var(--color-text-secondary);
-  margin-bottom: var(--spacing-4);
-}
-
 /* 별칭 장부(338) — 위 층 줄 = 회색 읽기만 · 고친 줄 = 왼쪽 띠 */
 .m02-hopyo-ledger__row.is-upper {
   color: var(--color-text-muted);
@@ -252,11 +92,7 @@
   box-shadow: inset 3px 0 0 var(--color-accent);
 }
 
-/* 엑셀 보기 창(329) — 왼쪽 읽기 전용 시트 · 오른쪽 호표 목록 · 불러오기 결과 */
-.m02-hopyo-sheet__dialog > .ui-modal__body {
-  overflow: hidden;
-}
-
+/* 엑셀 보기(329) — 왼쪽 읽기 전용 시트 · 오른쪽 호표 목록 */
 .m02-hopyo-sheet {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 22rem;
@@ -325,6 +161,18 @@
   display: none;
 }
 
+/* 좁은 폭(785-7 · 390) — 줄 판이 열리면 위 칸(시트 + 줄 판)을 넓히고 줄 판 높이 바닥을 둠 */
+@media (max-width: 900px) {
+  .m02-hopyo-sheet:has(.m02-hopyo-sheet__lines:not([hidden])) {
+    grid-template-rows: minmax(0, 5fr) minmax(0, 1fr);
+  }
+
+  .m02-hopyo-sheet__lines {
+    flex: 1 1 60%;
+    min-height: 16rem;
+  }
+}
+
 /* 세 보기 막대 · 범례(779-4) — 시트 위 한 줄씩 · 넘치면 감김 */
 .m02-hopyo-sheet__nav {
   display: flex;
@@ -433,36 +281,6 @@
   flex-shrink: 0;
 }
 
-.m02-hopyo-sheet__result {
-  max-height: 40%;
-  overflow: auto;
-}
-
-.m02-hopyo-sheet__result:empty {
-  display: none;
-}
-
-/* 고르기 창 근거(330) — 후보 꼬리표 · 엑셀 근거 줄 */
-.m02-hopyo__basis {
-  margin-left: var(--spacing-8);
-  padding: 0 var(--spacing-4);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  color: var(--color-text-secondary);
-  font-size: var(--text-caption);
-  white-space: nowrap;
-}
-
-.m02-hopyo__basis.is-ok {
-  border-color: var(--color-success);
-  color: var(--color-success);
-}
-
-.m02-hopyo__source {
-  padding-bottom: var(--spacing-8);
-  border-bottom: 1px solid var(--color-border);
-}
-
 /* 머리 글 ↔ [파일 업로드] — 구조물 조합 머리 ↔ 층 단추와 같은 12 px */
 .m02-hopyo-side > .m02-side__row {
   margin-top: var(--spacing-12);