패널 폭 자동 조정 - 내용에 맞춰 동적 너비 설정

CSS 개선:
- width: fit-content (내용에 맞춰 자동 조정)
- min-width: 300px (최소 폭)
- max-width: 650px (최대 폭)
- overflow-x: hidden (우측 스크롤 방지)

결과:
- 글이 자동으로 한 줄에 표시됨
- 인위적인 줄바꿈 없음
- 내용의 길이에 따라 패널 폭 자동 조정
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

out/viewer-correct.html

@@ -31,16 +31,24 @@
         }
 
         .panel {
-            width: 480px;
+            width: fit-content;
+            min-width: 300px;
+            max-width: 650px;
             background: #1a1f2e;
             padding: 20px;
             overflow-y: auto;
+            overflow-x: hidden;
             border-left: 1px solid #2d3748;
             display: flex;
             flex-direction: column;
             font-size: 13px;
         }
 
+        .panel > * {
+            flex-shrink: 0;
+            width: 100%;
+        }
+
         .panel h2 {
             color: #10b981;
             font-size: 14px;