Update app.css

app.css

@@ -17,6 +17,12 @@
   --neutral-400: #ced4da;
 }
 
+/* 전역 높이 제어 */
+html, body {
+    overflow-y: auto !important;
+    max-height: 100vh !important;
+}
+
 body {
   font-family: 'Inter', system-ui, sans-serif;
   background: var(--background);
@@ -24,71 +30,58 @@ body {
   line-height: 1.5;
 }
 
-/* MOUSE 탭 높이 관련 스타일 */
-.main-tabs {
-  min-height: 100vh !important;
-  display: flex !important;
-  flex-direction: column !important;
-}
-
-.main-tabs > div[role="tabpanel"] {
-  flex: 1 !important;
-  min-height: calc(100vh - 60px) !important;
-}
-
-.mouse-tab {
-  height: 100% !important;
-  display: flex !important;
-  flex-direction: column !important;
-}
-
-/* 레이아웃 컨테이너 높이 조정 */
-.ant-row {
-  min-height: calc(100vh - 100px) !important;
-}
-
-/* 좌측 패널 높이 조정 */
-.ant-col-md-8 {
-  height: 100% !important;
-}
-
-.ant-flex {
-  height: 100% !important;
-}
-
-/* 프롬프트 입력창 높이 강제 설정 */
+/* 프롬프트 입력창 강제 높이 설정 */
 .ant-input-textarea-large textarea,
 .ant-input-textarea textarea,
 #component-0 textarea,
 textarea,
 .ant-input textarea,
-div[class*="ant-input"] textarea {
+div[class*="ant-input"] textarea,
+[class*="textbox"] textarea {
     height: 300px !important;
     min-height: 300px !important;
     max-height: 300px !important;
     resize: none !important;
     overflow-y: auto !important;
+    display: block !important;
     border: 2px solid var(--neutral-200);
     border-radius: 12px;
     padding: 1rem;
 }
 
+/* 샌드박스 래퍼 설정 */
+.sandbox-wrapper {
+    width: 100% !important;
+    height: 800px !important;
+    max-height: 800px !important;
+    overflow: hidden !important;
+    position: relative !important;
+    display: block !important;
+}
+
 /* 샌드박스 컨테이너 설정 */
 .sandbox-container {
+    width: 100% !important;
     height: 800px !important;
     max-height: 800px !important;
     overflow: hidden !important;
-    position: relative !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
 }
 
 /* iframe 설정 */
+iframe,
 .sandbox-container iframe,
-.html_content iframe,
-iframe {
+.html_content iframe {
     width: 100% !important;
     height: 800px !important;
+    min-height: 800px !important;
     max-height: 800px !important;
     border: none !important;
+    display: block !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
@@ -96,29 +89,31 @@ iframe {
     bottom: 0 !important;
 }
 
-/* 우측 패널 설정 */
-.right_panel {
-    height: 900px !important;
-    max-height: 900px !important;
-    overflow: hidden !important;
-    display: flex !important;
-    flex-direction: column !important;
-    padding-top: 50px;
-}
-
 /* HTML 컨텐츠 영역 설정 */
 .html_content {
-    flex: 1 !important;
+    width: 100% !important;
     height: 800px !important;
+    min-height: 800px !important;
     max-height: 800px !important;
     overflow: hidden !important;
     position: relative !important;
+    display: block !important;
     border-radius: 12px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
     background: var(--surface);
 }
 
-/* 컨텐츠 영역 강제 높이 설정 */
+/* 우측 패널 설정 */
+.right_panel {
+    height: 900px !important;
+    min-height: 900px !important;
+    max-height: 900px !important;
+    overflow: hidden !important;
+    position: relative !important;
+    padding-top: 50px;
+}
+
+/* 컨텐츠 영역 설정 */
 .right_content {
     height: 800px !important;
     min-height: 800px !important;
@@ -132,35 +127,17 @@ iframe {
     border-radius: 0 0 8px 8px;
 }
 
-/* 탭 컨텐츠 영역 높이 조정 */
-.ant-tabs-content {
-    height: 100% !important;
-}
-
-.ant-tabs-tabpane {
-    height: 100% !important;
-}
-
-/* 컨텐츠 스크롤 방지 */
+/* 모든 컨테이너 높이 제한 */
 .gradio-container,
 .contain,
-.contain > div,
 .content-wrap,
-.content {
+.content,
+[class*="container"],
+[class*="content"] {
     max-height: 900px !important;
     overflow: hidden !important;
 }
 
-/* 추가적인 레이아웃 안정성을 위한 스타일 */
-.ms-application {
-    height: 100% !important;
-    min-height: 100vh !important;
-}
-
-.ant-config-provider {
-    height: 100% !important;
-}
-
 .left_header {
   display: flex;
   flex-direction: column;
@@ -362,10 +339,16 @@ iframe {
   .html_content,
   iframe {
     height: 800px !important;
+    min-height: 800px !important;
     max-height: 800px !important;
   }
 }
 
 footer, .footer, div[class*="footer"], #footer {
   display: none !important;
+}
+
+/* 스크롤 방지 */
+.no-scroll {
+    overflow: hidden !important;
 }