feat(device): B07 CAD 손가락 — 한 손가락 화면 옮기기 · 두 손가락 확대 · 길게 누름 정밀 십자선(손가락 위 70px) · 고름 반경 = 접촉 크기(최소 24px) · 자판 없는 명령 단추(Esc · Enter · 지움 · 되돌리기 · 다시 · 스냅) · user-scalable=no 뺌 · 100vh → 100dvh (기기대응 4-1)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ji4nuyLVHcxrXWHTdb5nRD

B07_DesignDetail/openwebcad/src/App.css

@@ -75,7 +75,7 @@ body > canvas[data-id="canvas"] {
 	left: var(--cad-panel-width);
 	width: calc(100vw - var(--cad-panel-width));
 	height: calc(
-		100vh -
+		100dvh -
 		var(--cad-title-height) -
 		var(--cad-ribbon-height) -
 		var(--cad-command-height) -
@@ -473,7 +473,7 @@ body > canvas[data-id="canvas"] {
 	text-overflow: ellipsis;
 }
 .cad-layer-manager {
-	max-height: calc(100vh - 250px);
+	max-height: calc(100dvh - 250px);
 	padding: 9px;
 	overflow-y: auto;
 	overflow-x: hidden;
@@ -1100,3 +1100,33 @@ body.cad-file-dragging::after {
 	color: var(--cad-text);
 	font-size: 11px;
 }
+
+/* 손가락 기기 명령 단추(기기대응 4-1 · `input-touch.ts`) — 자판 없이 Esc · Enter · 지움 · 되돌리기 · 다시 · 스냅.
+   마우스만 있는 화면엔 안 보임. 그림 면 오른쪽 가운데에 세로로. */
+.cad-touch-bar {
+	display: none;
+}
+
+@media (any-pointer: coarse) {
+	.cad-touch-bar {
+		position: fixed;
+		top: 50%;
+		right: 8px;
+		z-index: 50;
+		display: flex;
+		flex-direction: column;
+		gap: 6px;
+		transform: translateY(-50%);
+	}
+
+	.cad-touch-bar > button {
+		width: 44px;
+		height: 44px;
+		border: 1px solid var(--color-border);
+		border-radius: 8px;
+		background: var(--color-surface-raised);
+		color: var(--color-text);
+		font-size: 18px;
+		box-shadow: var(--shadow-sm);
+	}
+}