From 19541c2acd5bc67a87e849cddb51b67cec2fdaf7 Mon Sep 17 00:00:00 2001
From: Claude Haiku <b18206.tdc.hanmacgroup@gmail.com>
Date: Mon, 19 Oct 2026 16:08:29 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=A8=EB=84=90=20=ED=8F=AD=20=EC=9E=90?=
 =?UTF-8?q?=EB=8F=99=20=EC=A1=B0=EC=A0=95=20-=20=EB=82=B4=EC=9A=A9?=
 =?UTF-8?q?=EC=97=90=20=EB=A7=9E=EC=B6=B0=20=EB=8F=99=EC=A0=81=20=EB=84=88?=
 =?UTF-8?q?=EB=B9=84=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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 | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/out/viewer-correct.html b/out/viewer-correct.html
index 5f760a2..0b69fa6 100644
--- a/out/viewer-correct.html
+++ b/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;