feat(M02): 47-6 면적산출 상세 오른쪽 = 공용 접는 패널 둘(일위대가 · 도면)

- 옛 접기 손잡이 · 폭 손잡이 · 사이드바 카드 틀을 공용 오른쪽 접는 패널(47-3)로 갈음 — 하나만 열림 · 폭 공유 · 모두 접힘
- 「도면」 패널 = 그 열 구조물 도면 보기만(확대 · 이동) · 처음 펼 때 읽고 그림
- DrawingCard 미리보기 한 벌(mountStructure)을 카드 · 도면 패널이 같이 씀
- 시험: test_m02_structure_panel 기대를 공용 패널로 · ui_checks/47-6 시나리오

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

M02_MasterTemplete/M02_MasterTemplete_AreaPanel.css

@@ -1,48 +1,25 @@
-/* M02 면적산출 상세 오른쪽 패널(일위대가 담은 로직 · 자재목록) · 칸 지정 모달 — 틀은 공용 사이드바 카드 ·
-   접기 · 폭 손잡이 · 접기 손잡이 */
+/* M02 면적산출 상세 오른쪽 패널(틀 = 공용 오른쪽 접는 패널 · 일위대가 · 도면) · 칸 지정 모달 */
 
-/* 편집 칸 = 시트 | 패널 — 패널 폭은 손잡이가 `--m02-apanel-width` 로 줌 */
-.m02-apanel {
-  position: relative;
+/* 「도면」 패널 몸 — 패널 높이를 채움(CAD 는 높이를 정해야 보임) */
+.ui-side-panels__body:has(> .m02-apanel__drawing) {
   display: flex;
-  flex: 0 0 auto;
-  flex-direction: column;
-  width: var(--m02-apanel-width, 36rem); /* 금액 칸 넷이 가로 굴림 없이 보이게 */
-  min-width: 280px;
-  max-width: 60%;
-  min-height: 0;
-  border-left: 1px solid var(--color-border);
+  padding: 0;
 }
 
-.m02-apanel.is-resizing {
-  transition: none;
-}
-
-.m02-apanel.is-collapsed {
-  width: 0;
-  min-width: 0;
-}
-
-.m02-apanel.is-collapsed > .m02-apanel__body,
-.m02-apanel.is-collapsed > .ui-resizer {
-  display: none;
-}
-
-/* 접기 손잡이 — 패널 왼쪽 밖 세로 가운데(시트 위로) */
-.m02-apanel > .ui-workflow-overlay__handle--side {
-  z-index: 6;
-  right: auto;
-  left: calc(-1 * var(--spacing-24));
-  border-right: 0;
-  border-radius: var(--radius-buttons) 0 0 var(--radius-buttons);
-}
-
-/* 안쪽만 굴림 — 페이지 스크롤 안 생김 */
-.m02-apanel__body {
+.m02-apanel__drawing {
+  display: flex;
   flex: 1 1 0;
+  min-width: 0;
   min-height: 0;
-  overflow: auto;
-  padding: var(--spacing-8);
+}
+
+.m02-apanel__drawing .cad-host {
+  min-height: 0;
+}
+
+.m02-apanel__note {
+  margin: var(--spacing-12);
+  color: var(--color-text-secondary);
 }
 
 /* 칸 지정 모달 — 지금 연결 한 줄 · [지금 고른 칸으로] [풀기] · 주소 칸 [잇기] */