Update app.css

app.css

@@ -76,10 +76,17 @@ body {
     padding: 20px;
     box-shadow: inset 0 2px 10px rgba(0,0,0,0.03);
 }
-/* 프롬프트 입력창 - 수정된 부분 */
-.ant-input-textarea textarea,
-.ant-input-textarea-large textarea,
-.ant-input-textarea.ant-input-textarea-large .ant-input {
+
+/* 프롬프트 입력창 스타일 - 더 구체적인 선택자 사용 */
+.mouse-tab .ant-input-textarea textarea,
+.mouse-tab .ant-input-textarea-large textarea,
+.mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
+.mouse-tab div[class*="ant-input"],
+#mouse-tab .ant-input-textarea textarea,
+#mouse-tab .ant-input-textarea-large textarea,
+#mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
+.ant-input-textarea.ant-input-textarea-large .ant-input,
+.ant-input-textarea .ant-input {
     height: 300px !important;
     max-height: 300px !important;
     min-height: 300px !important;
@@ -91,9 +98,22 @@ body {
     line-height: 1.5;
     width: 100%;
     box-sizing: border-box;
+    overflow-y: auto;
+}
+
+/* Gradio 입력창에 대한 추가 스타일 */
+.gradio-container .gr-text-input,
+.gradio-container textarea,
+textarea.gr-text-input {
+    height: 300px !important;
+    min-height: 300px !important;
+    max-height: 300px !important;
 }
-/* Gradio 요소에 대한 추가 스타일 */
-.gr-text-input {
+
+/* 입력창 컨테이너에 대한 스타일 */
+.ant-input-textarea,
+.ant-input-textarea-large,
+.input-container {
     height: 300px !important;
     min-height: 300px !important;
     max-height: 300px !important;
@@ -301,10 +321,21 @@ iframe {
   }
 
   /* 모바일에서의 높이 설정 */
-  .ant-input-textarea textarea {
-    height: 300px !important;
-    min-height: 300px !important;
-    max-height: 300px !important;
+  .mouse-tab .ant-input-textarea textarea,
+  .mouse-tab .ant-input-textarea-large textarea,
+  .mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
+  .mouse-tab div[class*="ant-input"],
+  #mouse-tab .ant-input-textarea textarea,
+  #mouse-tab .ant-input-textarea-large textarea,
+  #mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
+  .ant-input-textarea.ant-input-textarea-large .ant-input,
+  .ant-input-textarea .ant-input,
+  .gradio-container .gr-text-input,
+  .gradio-container textarea,
+  textarea.gr-text-input {
+      height: 300px !important;
+      min-height: 300px !important;
+      max-height: 300px !important;
   }
   
   .html_content,
@@ -329,7 +360,7 @@ footer, .footer, div[class*="footer"], #footer {
     min-height: 800px;
 }
 
-/* 반응형 높이 조정 - 수정된 부분 */
+/* 반응형 높이 조정 */
 @media screen and (max-height: 900px) {
     .right_panel {
         height: calc(100vh - 80px);
@@ -340,10 +371,18 @@ footer, .footer, div[class*="footer"], #footer {
         min-height: 500px;
     }
     /* 모든 입력창 높이 통일 */
-    .ant-input-textarea textarea,
-    .ant-input-textarea-large textarea,
+    .mouse-tab .ant-input-textarea textarea,
+    .mouse-tab .ant-input-textarea-large textarea,
+    .mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
+    .mouse-tab div[class*="ant-input"],
+    #mouse-tab .ant-input-textarea textarea,
+    #mouse-tab .ant-input-textarea-large textarea,
+    #mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
     .ant-input-textarea.ant-input-textarea-large .ant-input,
-    .gr-text-input {
+    .ant-input-textarea .ant-input,
+    .gradio-container .gr-text-input,
+    .gradio-container textarea,
+    textarea.gr-text-input {
         height: 300px !important;
         min-height: 300px !important;
         max-height: 300px !important;