refactor(cad): CAD 앱 겉 자체 변종을 부품 상자 부품으로 — 상태막대 켜기 칩 · 패널 탭 · 떠 있는 판 · 메뉴 · 아이콘 단추 · 확인창 (PLAN 553-6)

- 부품 상자 CSS · 단추 기본 꼴을 CAD iframe 에 실음(integration/ui-kit.ts) · 자리 · 폭은 cad-* 그대로
- 상태막대 = ui-toggle--chip 22 · 특성/레이어 = ui-tabs 36 · ↶↷ · 리본 접기 · 탐색 막대 = ui-icon-btn 20 · 32
- 빠른 특성 · 블록 라이브러리 · 자리표 = ui-float-panel · 리본 넘침 · 스냅 · 명령 자동완성 = ui-ctx-menu
- window.confirm · window.prompt → askConfirm · askText · 빈 안내 = ui-empty 작은 꼴
- 높이 단: 리본 칸 19→18 · 명령 칸 26→28 · 레이어 줄 40→42 · 문서 탭 25→24 · 도각 편집 단추 24
- 마우스 바탕 = --color-hover · 켜짐 = --color-accent-soft · 도면 그림 색(--draw-*) 안 건드림
- 안 쓰는 DropdownButton 지움(쓰는 곳 0 · grep)

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

B07_DesignDetail/openwebcad/src/components/QuickProperties.tsx

@@ -1,4 +1,4 @@
-/** 빠른 특성 — 선택이 있을 때만 화면 오른쪽 위에 뜨는 간이 특성 상자 (QUICKPROPERTIES) */
+/** 빠른 특성 — 선택이 있을 때만 화면 오른쪽 위에 뜨는 간이 특성 상자 (QUICKPROPERTIES) · 떠 있는 판 부품 */
 import type { FC } from 'react';
 import { PropertiesEditor } from './PropertiesEditor';
 import { getSelectedEntities } from '../state';
@@ -8,14 +8,23 @@ export const QuickProperties: FC = () => {
 	if (!isQuickPropertiesVisible() || getSelectedEntities().length === 0) return null;
 
 	return (
-		<div className="cad-quick-properties controls">
-			<div className="cad-quick-properties__header">
-				<span>빠른 특성</span>
-				<button type="button" onClick={() => setQuickPropertiesVisible(false)} title="닫기">
+		<div className="ui-float-panel cad-quick-properties controls">
+			<div className="ui-float-panel__head">
+				<span className="ui-float-panel__title">빠른 특성</span>
+				<button
+					type="button"
+					className="ui-icon-btn ui-icon-btn--ghost"
+					data-size="24"
+					onClick={() => setQuickPropertiesVisible(false)}
+					title="닫기"
+					aria-label="닫기"
+				>
 					✕
 				</button>
 			</div>
-			<PropertiesEditor compact />
+			<div className="ui-float-panel__body">
+				<PropertiesEditor compact />
+			</div>
 		</div>
 	);
 };