fix(523-1): B07 설정 모달 좁은 폭 머리 한 줄 · 단추 줄 한 규격 · 밖에서 누르고 안에서 떼도 안 닫힘

- 공용 모달 바깥 닫기 = 뗌 자리도 배경일 때만(누름 바깥 · 뗌 안 = 안 닫힘)
- 360 px 모달 제목 · [원본에서 다시 그리기] · [닫기] 줄바꿈 없앰 · 단추 줄 [안내선 숨기기]도 같은 키(32 px)

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

B07_DesignDetail/B07_DesignDetail_UI_Style.css

@@ -500,6 +500,17 @@ html.is-bm-route .b07-cad-stack > .cad-tabs {
   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;
   color: var(--color-text-secondary);
@@ -536,6 +547,14 @@ html.is-bm-route .b07-cad-stack > .cad-tabs {
   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;