feat(M02): 구조물 조합 카드 셋 3열 · 단추 「가져오기」 · 「수정」 · 「새 항목」 공용 버튼 크기

40-2 ①~③ — 상세 칸 960px 아래 1열(상세 칸 폭 container query) · 카드 [수정] 툴팁에 무엇을 고치는지 · 「새 항목」 = 저장과 같은 크기.

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

M02_MasterTemplete/M02_MasterTemplete_Structure.css

@@ -1,4 +1,4 @@
-/* M02 구조물집계표 아래 설계 컨테이너 — 카드 셋(도면 정보 · 면적산출 · 재료산출) ·
+/* M02 구조물집계표 아래 설계 컨테이너 — 카드 셋(도면 정보 · 일위대가 · 면적산출) ·
    카드 모양은 좌측 패널과 같은 공용 ui-sidebar-*(ui_template_overlay.css). */
 
 /* 표 밖 형제 자리 — 비어 있을 때 메인 간격이 벌어지지 않게 칸을 지움. */
@@ -6,8 +6,8 @@
   display: contents;
 }
 
-/* 카드 넷(도면 정보 · 면적산출 · 재료산출 · 선택 입력) = 2행 2열 · 카드 높이 = 화면 높이에 맞춰 크게(PLAN 31-6) ·
-   칸이 좁으면(720px 아래) 1열 */
+/* 카드 셋(도면 정보 · 일위대가 · 면적산출) = 1행 3열(40-2) · 카드 높이 = 화면 높이에 맞춰 크게(PLAN 31-6) ·
+   상세 칸이 좁으면 1열 */
 .m02-struct {
   /* 카드 본문은 카드 높이를 채움 — 넘치면 카드 안에서 스크롤 */
   --m02-struct-body-min: 0;
@@ -17,13 +17,19 @@
   display: grid;
   flex: none;
   grid-auto-rows: var(--m02-struct-card-h);
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 도면 · 일위대가 · 면적산출(40-2) */
   padding-top: var(--spacing-12);
   border-top: 1px solid var(--color-border);
   min-width: 0;
 }
 
-@media (max-width: 720px) {
+/* 상세 칸이 좁으면(카드 하나 300px 아래) 1열 — 좌측 패널을 접어도 맞게 상세 칸 폭으로 잼
+   (카드 자리 `m02-main__extra` 는 상자 없음 — 상세 칸이 잣대) */
+.m02-main:has(> .m02-main__extra > .m02-struct) {
+  container-type: inline-size;
+}
+
+@container (max-width: 960px) {
   .m02-struct {
     grid-template-columns: minmax(0, 1fr);
   }