스크롤 완전 제거 - 화면비율 최적화

전체 스크롤 제거:
1. html, body: overflow: hidden
2. .container: overflow: hidden
3. #canvas: overflow: hidden
4. 패널 외부 스크롤 제거

내부 스크롤만 활성화:
- 패널 내용이 넘칠 때만 패널 내부 스크롤 표시
- 커스텀 스크롤바 스타일 적용

결과:
- 화면에 맞춘 레이아웃
- 우측/하단 스크롤 없음
- 화면비율(16:9 등) 완벽 대응
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

out/viewer-correct.html

@@ -5,6 +5,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>올바른 3D 모델 - 계획도 + 상세도 통합</title>
     <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+
         * {
             margin: 0;
             padding: 0;
@@ -14,7 +23,6 @@
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             background: #0f1419;
-            height: 100vh;
             display: flex;
             color: #fff;
         }
@@ -23,27 +31,47 @@
             width: 100%;
             height: 100%;
             display: flex;
+            overflow: hidden;
         }
 
         #canvas {
             flex: 1;
             background: linear-gradient(135deg, #1a3a52 0%, #0d1f2d 100%);
+            overflow: hidden;
         }
 
         .panel {
             width: fit-content;
             min-width: 300px;
             max-width: 650px;
-            height: 100vh;
+            height: 100%;
             background: #1a1f2e;
             padding: 12px;
-            overflow: hidden;
+            overflow-y: auto;
+            overflow-x: hidden;
             border-left: 1px solid #2d3748;
             display: flex;
             flex-direction: column;
             font-size: 12px;
         }
 
+        .panel::-webkit-scrollbar {
+            width: 6px;
+        }
+
+        .panel::-webkit-scrollbar-track {
+            background: #1a1f2e;
+        }
+
+        .panel::-webkit-scrollbar-thumb {
+            background: #4a5568;
+            border-radius: 3px;
+        }
+
+        .panel::-webkit-scrollbar-thumb:hover {
+            background: #718096;
+        }
+
         .panel > * {
             flex-shrink: 0;
             width: 100%;
@@ -195,22 +223,6 @@
             border-radius: 2px;
         }
 
-        ::-webkit-scrollbar {
-            width: 6px;
-        }
-
-        ::-webkit-scrollbar-track {
-            background: #1a1f2e;
-        }
-
-        ::-webkit-scrollbar-thumb {
-            background: #4a5568;
-            border-radius: 3px;
-        }
-
-        ::-webkit-scrollbar-thumb:hover {
-            background: #718096;
-        }
     </style>
 </head>
 <body>