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/inputController/snap-menu.css

@@ -1,29 +1,5 @@
-/* Shift+우클릭 한 번 스냅 메뉴(`snap-menu.ts`) — 커서 자리에 세로 목록 */
+/* Shift+우클릭 한 번 스냅 메뉴(`snap-menu.ts`) — 꼴 = 메뉴 부품(`ui-ctx-menu`) · 여기는 커서 자리 · 위 겹침만 */
 .cad-snap-menu {
 	position: fixed;
 	z-index: 60;
-	display: flex;
-	flex-direction: column;
-	min-width: 160px;
-	padding: 4px;
-	border: 1px solid var(--color-border);
-	border-radius: 6px;
-	background: var(--color-surface-raised);
-	box-shadow: var(--shadow-sm);
-}
-
-.cad-snap-menu > button {
-	padding: 4px 10px;
-	border: 0;
-	border-radius: 4px;
-	background: transparent;
-	color: var(--color-text);
-	font-size: 13px;
-	text-align: left;
-	cursor: pointer;
-}
-
-.cad-snap-menu > button:hover,
-.cad-snap-menu > button:focus-visible {
-	background: var(--color-surface-hover, rgba(127, 127, 127, 0.15));
 }

B07_DesignDetail/openwebcad/src/inputController/snap-menu.ts

@@ -55,11 +55,12 @@ export function openSnapMenu(x: number, y: number, onPick: (name: string) => voi
 	current = { onPick, element: null };
 	if (typeof document === 'undefined') return;
 	const menu = document.createElement('div');
-	menu.className = 'cad-snap-menu controls';
+	menu.className = 'ui-ctx-menu cad-snap-menu controls'; // 꼴 = 메뉴 부품
 	menu.setAttribute('role', 'menu');
 	for (const [name, label] of SNAP_MENU) {
 		const item = document.createElement('button');
 		item.type = 'button';
+		item.className = 'ui-ctx-menu__item';
 		item.setAttribute('role', 'menuitem');
 		item.textContent = `${label} (${name})`;
 		item.addEventListener('click', () => pickSnapMenu(name));