From 68e82f9de925fa0fbb3f198a0a08b0bcbd57ef72 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Tue, 13 Oct 2026 14:06:04 +0900
Subject: [PATCH] =?UTF-8?q?refactor(device):=20CAD=20=EC=86=90=EA=B0=80?=
 =?UTF-8?q?=EB=9D=BD=20=EB=AA=85=EB=A0=B9=20=EB=8B=A8=EC=B6=94=20CSS=20?=
 =?UTF-8?q?=EB=A5=BC=20input-touch.css=20=EB=A1=9C=20=E2=80=94=20App.css(?=
 =?UTF-8?q?=EC=9B=90=EB=9E=98=20700=20=EB=84=98=EC=9D=8C)=EC=97=90=20?=
 =?UTF-8?q?=EB=8D=94=ED=95=98=EC=A7=80=20=EC=95=8A=EC=9D=8C=20(=EA=B8=B0?=
 =?UTF-8?q?=EA=B8=B0=EB=8C=80=EC=9D=91=204-1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ji4nuyLVHcxrXWHTdb5nRD
---
 B07_DesignDetail/openwebcad/src/App.css       | 30 -------------------
 .../src/inputController/input-touch.css       | 29 ++++++++++++++++++
 .../src/inputController/input-touch.ts        |  1 +
 3 files changed, 30 insertions(+), 30 deletions(-)
 create mode 100644 B07_DesignDetail/openwebcad/src/inputController/input-touch.css

diff --git a/B07_DesignDetail/openwebcad/src/App.css b/B07_DesignDetail/openwebcad/src/App.css
index 704bf11e2..ba1b7de29 100644
--- a/B07_DesignDetail/openwebcad/src/App.css
+++ b/B07_DesignDetail/openwebcad/src/App.css
@@ -1100,33 +1100,3 @@ 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);
-	}
-}
diff --git a/B07_DesignDetail/openwebcad/src/inputController/input-touch.css b/B07_DesignDetail/openwebcad/src/inputController/input-touch.css
new file mode 100644
index 000000000..398902eac
--- /dev/null
+++ b/B07_DesignDetail/openwebcad/src/inputController/input-touch.css
@@ -0,0 +1,29 @@
+/* 손가락 기기 명령 단추(기기대응 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);
+	}
+}
diff --git a/B07_DesignDetail/openwebcad/src/inputController/input-touch.ts b/B07_DesignDetail/openwebcad/src/inputController/input-touch.ts
index aa1d2283c..432cf5b54 100644
--- a/B07_DesignDetail/openwebcad/src/inputController/input-touch.ts
+++ b/B07_DesignDetail/openwebcad/src/inputController/input-touch.ts
@@ -2,6 +2,7 @@ import { Point } from '@flatten-js/core';
 import { setTouchPickPx } from '../helpers/pick-radius.ts';
 import { getCanvas, getScreenCanvasDrawController } from '../state.ts';
 import type { InputController } from './input-controller.ts';
+import './input-touch.css';
 
 /**
  * 손가락 CAD(기기대응 4-1) — 마우스 코드는 그대로 두고 손가락만 여기서 번역한다.