docs: explain adjustable workspace panels

README.md

@@ -56,6 +56,16 @@ powershell.exe -NoLogo -NoProfile -ExecutionPolicy Bypass -File .\scripts\serve.
 실제 완료 시간은 브라우저와 장치에 따라 다릅니다. CPU fallback에서는 WebGPU보다 오래 걸릴 수
 있습니다.
 
+### 화면 폭 조절
+
+데스크톱에서는 Dataset Builder의 오른쪽 설정 패널과 Acoustic Camera의 왼쪽 설정 패널 경계를
+드래그해 넓힐 수 있습니다. 경계선에 키보드 초점을 두면 `←`/`→`로 16px씩,
+`Shift`와 함께 누르면 64px씩 조절됩니다. `Home`/`End`는 최소·최대
+폭, `Enter` 또는 더블클릭은 기본 폭으로 되돌립니다.
+
+조절한 폭은 앱별로 현재 브라우저에 저장됩니다. 화면이 좁아지면 저장된 값과 관계없이 패널과 작업
+영역이 자동으로 위아래로 쌓이고, 다시 데스크톱 폭으로 돌아오면 저장된 폭이 복원됩니다.
+
 ### 이동 음원 바로 보기
 
 1. Acoustic Camera에서 **이동 예제 열기**를 누릅니다.

apps/acoustic-camera/README.md

@@ -10,6 +10,11 @@ DAS·DAS-PHAT·GCC-PHAT 위치추정으로 주파수 대역별 acoustic map과 g
 저장소의 `start.cmd`를 실행한 뒤 시작 화면에서 **Acoustic Camera**를 선택하거나
 <http://127.0.0.1:4173/apps/acoustic-camera/>을 엽니다. `index.html`을 직접 열지 마세요.
 
+데스크톱에서는 왼쪽 설정 패널과 결과 작업 영역 사이의 선을 드래그해 폭을 조절할 수 있습니다.
+방향키도 지원하며 `Enter` 또는 더블클릭으로 기본 폭을 복원합니다. 앱별 폭은 브라우저에
+저장되고, 980px 이하에서는 설정과 결과가 위아래로 자동 배치됩니다. 패널을 최소 폭으로 줄이면
+파일·분석 설정과 주파수 대역 입력도 실제 패널 폭에 맞춰 한 열 또는 두 행으로 재배치됩니다.
+
 가장 빠른 확인 방법은 다음과 같습니다.
 
 1. 기본 fixture가 준비될 때까지 기다립니다.

apps/dataset-builder/README.md

@@ -9,6 +9,11 @@
 <http://127.0.0.1:4173/apps/dataset-builder/>을 엽니다. `index.html`을 직접 열면 module과 Worker가
 동작하지 않습니다.
 
+데스크톱에서 canvas와 오른쪽 설정 패널 사이의 선을 드래그하면 설정 폭을 바꿀 수 있습니다. 선에
+초점을 둔 뒤 방향키로도 조절할 수 있고, `Enter` 또는 더블클릭하면 기본 폭으로 돌아갑니다.
+폭은 이 브라우저에 저장되며, 1100px 이하에서는 설정 패널이 작업 영역 아래로 자동 배치됩니다.
+설정 안의 좌표·시간·경로 입력은 viewport가 아니라 실제 패널 폭에 맞춰 열 수를 바꿉니다.
+
 ## 기본 사용법
 
 1. **배경 이미지**를 선택하거나 이미지 없이 grid를 사용합니다.

docs/index.html

@@ -94,6 +94,13 @@
             <li>Snapshot 또는 Moving을 선택해 <strong>Auto (GPU→CPU)</strong>로 실행한 뒤 Result JSON을 저장합니다.</li>
           </ol>
 
+          <aside class="callout">
+            데스크톱에서는 설정과 작업 영역 사이의 선을 드래그하거나 방향키로 패널 폭을 조절할
+            수 있습니다. <kbd>Enter</kbd> 또는 더블클릭하면 기본 폭으로 돌아갑니다. 폭은 Builder와
+            Camera별로 이 브라우저에 저장되며, 좁은 화면에서는 두 영역이 자동으로 위아래로
+            배치됩니다.
+          </aside>
+
           <aside class="callout callout--important" id="asset-reconnect">
             <strong>Scene JSON에는 원본 파일이 들어 있지 않습니다.</strong>
             파일명·종류·SHA-256 manifest만 저장됩니다. 브라우저는 새 페이지에서 로컬 파일