feat(일위대가실무): 329-3 엑셀 보기 창 — 읽기 전용 시트(일위대가 · 단가산출 탭) + 호표 목록(체크 · 찾기 · 맞춤) · 목록 누름 → 영역 강조 · 칸 누름 → 그 호표 · 고른 호표 한 번에 사전조합 + 결과 표 · 여는 자리 넷(올린 직후 · 엑셀로 보기 · 엑셀에서 보기 · 로직 추가 덧줄) · 늦게 불러옴

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

M02_MasterTemplete/M02_MasterTemplete_Hopyo.css

@@ -149,3 +149,81 @@
   gap: var(--spacing-4);
   margin-bottom: var(--spacing-8);
 }
+
+/* 엑셀 보기 창(329) — 왼쪽 읽기 전용 시트 · 오른쪽 호표 목록 · 불러오기 결과 */
+.m02-hopyo-sheet__dialog > .ui-modal__body {
+  overflow: hidden;
+}
+
+.m02-hopyo-sheet {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 22rem;
+  gap: var(--spacing-8);
+  flex: 1;
+  min-height: 0;
+}
+
+.m02-hopyo-sheet__grid {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  overflow: hidden;
+}
+
+.m02-hopyo-sheet__side {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+  min-height: 0;
+}
+
+.m02-hopyo-sheet__list {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+}
+
+.m02-hopyo-sheet__item {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+  padding: var(--spacing-4) var(--spacing-8);
+  border-left: 3px solid transparent;
+  cursor: pointer;
+}
+
+.m02-hopyo-sheet__item:hover {
+  background: var(--color-surface);
+}
+
+.m02-hopyo-sheet__item.is-current {
+  border-left-color: var(--color-accent);
+  background: var(--color-mist-violet);
+}
+
+.m02-hopyo-sheet__no {
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.m02-hopyo-sheet__name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.m02-hopyo-sheet__result {
+  max-height: 40%;
+  overflow: auto;
+}
+
+.m02-hopyo-sheet__result:empty {
+  display: none;
+}