Merge remote-tracking branches 'origin/sub_laptop_3' and 'origin/sub_laptop_6' into main_laptop_1

B07_DesignDetail/B07_DesignDetail_UI_Style.css

@@ -214,8 +214,8 @@
   color: var(--color-text-muted);
 }
 
-/* 횡단 장 배치(153-1 · 212-3 · 280-5 ⚙ 횡단 모달) — 한 줄에 한 일:
-   배치 열 · 행 / [이 장] [모든 장] / 표 배율 [배율 적용] / [안내선 숨기기] · 한 줄 안 같은 너비. */
+/* 횡단 장 배치(153-1 · 280-5 ⚙ 횡단 모달 · 523-1 그룹 상자) — 한 줄에 한 일:
+   「장 배치」 배치 열 · 행 / 적용 · 「표」 표 배율 · 한 줄 안 같은 너비. */
 .b07-cross-layout {
   display: flex;
   flex-direction: column;
@@ -453,27 +453,71 @@ html.is-bm-route .b07-cad-stack > .cad-tabs {
   padding-block: 2px;
 }
 
-/* ⚙ 설정 모달(280-5) — 안내 한 줄 · 횡단 배치 칸 */
+/* ⚙ 설정 모달(280-5 · 523-1) — 공용 모달 폭 절반 · 그룹 상자 · 맨 아래 단추 줄 하나 */
+.ui-modal.b07-settings {
+  width: min(360px, 92vw);
+}
+
+/* 좁은 폭 — 제목 · 머리 단추 한 줄(줄바꿈 없음) */
+.ui-modal.b07-settings .ui-modal__top > h3 {
+  font-size: 16px;
+  white-space: nowrap;
+}
+
+.ui-modal.b07-settings .ui-modal__top .ui-btn {
+  padding-inline: var(--spacing-8);
+  white-space: nowrap;
+}
+
 .b07-settings__note {
-  margin: 0 0 var(--spacing-8);
+  margin: 0;
   color: var(--color-text-secondary);
   font-size: 13px;
 }
 
-.b07-settings .b07-cross-layout {
+.b07-settings__group {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
-  min-width: 280px;
+  min-width: 0;
+  margin: 0;
+  padding: var(--spacing-8) var(--spacing-12) var(--spacing-12);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
 }
 
-/* ⚙ 축척 칸(485-2) — X · Y 두 칸 한 줄 · 단추 오른쪽 */
+.b07-settings__group > legend {
+  padding: 0 var(--spacing-4);
+  color: var(--color-text-secondary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.b07-settings__actions {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-8);
+  padding-top: var(--spacing-8);
+  border-top: 1px solid var(--color-border);
+}
+
+.b07-settings__cancel {
+  margin-left: auto;
+}
+
+/* 단추 줄 한 규격 — 안내선 단추(좌측 패널 작은 꼴)도 같은 키 · 좁은 폭에 맞춘 옆 여백 */
+.b07-settings__actions .ui-btn {
+  padding: var(--spacing-8) var(--spacing-12);
+  font-size: var(--text-body-sm);
+  border-radius: var(--radius-buttons);
+  white-space: nowrap;
+}
+
+/* ⚙ 축척 칸(485-2) — X · Y(· 평면도) 칸 한 줄 */
 .b07-scale {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-8);
-  min-width: 280px;
-  margin-bottom: var(--spacing-8);
 }
 
 .b07-scale__row {
@@ -495,12 +539,6 @@ html.is-bm-route .b07-cad-stack > .cad-tabs {
   font-size: 12px;
 }
 
-.b07-scale__actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--spacing-8);
-}
-
 /* 받지 못한 도면(508-3b) — 미리받기 · 열기가 두 번 다 실패 · 누르면 다시 받음 */
 .b07-drawing-button[data-fetch="error"] {
   border-left-color: var(--color-danger);