Update app.css

app.css

@@ -61,6 +61,18 @@ body {
   color: var(--text-primary);
 }
 
+/* 패널 레이아웃 조정 */
+.equal-height-container {
+  display: flex;
+  min-height: 600px; /* 최소 높이 설정 */
+}
+
+.equal-height-col {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
 .render_header {
   height: 30px;
   width: 100%;
@@ -121,7 +133,7 @@ footer, .footer, div[class*="footer"], #footer {
   background: var(--surface);
   color: var(--text-primary);
   padding: 1rem;
-  flex-grow: 1; /* 수정: 공간을 채우도록 */
+  flex-grow: 1; /* 추가: 공간을 채우도록 */
 }
 
 #component-0 textarea:focus,
@@ -146,18 +158,6 @@ footer, .footer, div[class*="footer"], #footer {
   border: 1px solid var(--neutral-200);
 }
 
-/* 패널 레이아웃 조정 */
-.equal-height-container {
-  display: flex;
-  min-height: 600px; /* 최소 높이 설정 */
-}
-
-.equal-height-col {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
 .right_panel {
   position: relative;
   height: 600px; /* 명시적 높이 지정 */
@@ -179,6 +179,7 @@ footer, .footer, div[class*="footer"], #footer {
   display: flex;
   flex-direction: column;
   height: 600px; /* 명시적 높이 지정 */
+  flex: 1; /* 추가: flex 공간 채우기 */
 }
 
 .html_content {