fix(557-1): B07 · CAD 작은 흠 셋 — 토적도 설정 창 제목 말줄임 · 주석 리본 문자 스타일 칸 겹침 · 넘침 메뉴 왼쪽 판 뒤 가림

- ⚙ 설정 모달 폭 360 → 400 — 「토적도(유토곡선) 설정」 제목 148px 이 124px 칸에 잘리던 것 다 보임(B07 설정 모달만 · 공용 모달 머리 꼴 그대로)
- 주석 › 문자 스타일 칸 다섯 = 다섯 줄(102px)이 리본 높이 66 넘어 묶음 이름과 겹침 → 세 줄(글꼴 / 크기 · 색상 / 굵게 · 기울임) · 묶음 폭 · 다른 묶음 자리 그대로
- 리본(position: fixed)이 쌓임 맥락이라 넘침 메뉴 z 20 이 왼쪽 판(z 3) 밑 → 메뉴 연 동안 리본 z 10
- 지킴 시험 test_557_1_b07_cad_fixes

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

B07_DesignDetail/openwebcad/src/App.css

@@ -185,6 +185,10 @@ body > canvas[data-id="canvas"] {
 	min-width: 170px;
 	max-height: 72vh;
 }
+/* 리본(position: fixed)이 쌓임 맥락이라 메뉴 z 가 그 안에 갇힘 — 메뉴 연 동안 리본을 왼쪽 판(3) 위로(557-1) */
+.cad-ribbon:has(.cad-ribbon-overflow) {
+	z-index: 10;
+}
 .cad-ribbon-overflow > .ui-ctx-menu__item {
 	display: flex;
 	gap: 8px;
@@ -203,6 +207,15 @@ body > canvas[data-id="canvas"] {
 	align-items: stretch;
 	justify-content: flex-start;
 }
+/* 한 줄에 칸 둘(557-1 · 문자 스타일) — 뒤 칸 라벨은 글 폭만 */
+.cad-prop-row {
+	display: flex;
+	gap: 8px;
+	align-items: center;
+}
+.cad-prop-row > .cad-prop + .cad-prop > span {
+	width: auto;
+}
 /* 위젯 패널은 한 줄에 라벨+입력을 놓고 세로로 쌓는다 (리본 높이 안에 들어가야 한다) */
 .cad-prop {
 	display: flex;