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/components/RibbonWidgets.tsx

@@ -157,43 +157,48 @@ export const TextStyleWidget: FC = () => {
 					))}
 				</select>
 			</label>
-			<label className="cad-prop" title="문자 높이">
-				<span>크기</span>
-				<input
-					type="number"
-					min={4}
-					max={120}
-					value={textStyle.fontSize}
-					onChange={(event) => {
-						const size = Number(event.target.value);
-						if (Number.isFinite(size) && size > 0) handle({ fontSize: size });
-					}}
-				/>
-			</label>
-			<label className="cad-prop" title="굵게">
-				<span>굵게</span>
-				<input
-					type="checkbox"
-					checked={textStyle.bold}
-					onChange={(event) => handle({ bold: event.target.checked })}
-				/>
-			</label>
-			<label className="cad-prop" title="기울임">
-				<span>기울임</span>
-				<input
-					type="checkbox"
-					checked={textStyle.italic}
-					onChange={(event) => handle({ italic: event.target.checked })}
-				/>
-			</label>
-			<label className="cad-prop" title="문자 색상">
-				<span>색상</span>
-				<input
-					type="color"
-					value={textStyle.textColor}
-					onChange={(event) => handle({ textColor: event.target.value }, true)}
-				/>
-			</label>
+			{/* 칸 다섯 = 세 줄(리본 높이 66 안 · 557-1) — 글꼴 / 크기 · 색상 / 굵게 · 기울임 */}
+			<div className="cad-prop-row">
+				<label className="cad-prop" title="문자 높이">
+					<span>크기</span>
+					<input
+						type="number"
+						min={4}
+						max={120}
+						value={textStyle.fontSize}
+						onChange={(event) => {
+							const size = Number(event.target.value);
+							if (Number.isFinite(size) && size > 0) handle({ fontSize: size });
+						}}
+					/>
+				</label>
+				<label className="cad-prop" title="문자 색상">
+					<span>색상</span>
+					<input
+						type="color"
+						value={textStyle.textColor}
+						onChange={(event) => handle({ textColor: event.target.value }, true)}
+					/>
+				</label>
+			</div>
+			<div className="cad-prop-row">
+				<label className="cad-prop" title="굵게">
+					<span>굵게</span>
+					<input
+						type="checkbox"
+						checked={textStyle.bold}
+						onChange={(event) => handle({ bold: event.target.checked })}
+					/>
+				</label>
+				<label className="cad-prop" title="기울임">
+					<span>기울임</span>
+					<input
+						type="checkbox"
+						checked={textStyle.italic}
+						onChange={(event) => handle({ italic: event.target.checked })}
+					/>
+				</label>
+			</div>
 		</div>
 	);
 };