Fix: Apply CSS in Blocks constructor and improve selectors - Move CSS from launch() to Blocks constructor (official pattern) - Add more specific CSS selectors with data-testid and placeholder - Follow Gradio official documentation for CSS application

CodeWeaver/ui/app.py

@@ -53,15 +53,21 @@ CSS = """
     max-width: 100% !important;
     box-sizing: border-box !important;
 }
-/* Textbox 내부 input 요소 스타일 */
+/* Textbox 내부 input 요소 스타일 - data-testid로 더 구체적으로 타겟팅 */
 #session_id_input input[type="text"],
-#session_id_input textarea {
+#session_id_input textarea,
+#session_id_input textarea[data-testid="textbox"] {
     width: 100% !important;
     min-width: 0 !important;
     box-sizing: border-box !important;
     height: 30px !important;
     min-height: 30px !important;
 }
+/* Gradio의 textbox 요소 직접 타겟팅 */
+textarea[data-testid="textbox"][placeholder*="세션 ID"] {
+    height: 30px !important;
+    min-height: 30px !important;
+}
 /* Textbox 컨테이너 스타일 */
 #session_id_input.form,
 #session_id_input > .form {
@@ -139,7 +145,8 @@ def create_demo() -> gr.Blocks:
     """Gradio 인터페이스를 생성합니다."""
     
     with gr.Blocks(
-        title="CodeWeaver - AI 개발 도우미"
+        title="CodeWeaver - AI 개발 도우미",
+        css=CSS  # Gradio Blocks 문서: CSS를 Blocks 생성자에 전달
     ) as demo:
         
         gr.Markdown("""
@@ -290,6 +297,6 @@ if __name__ == "__main__":
         server_name="0.0.0.0",
         server_port=7860,
         share=False,
-        theme=gr.themes.Soft(),
-        css=CSS
+        theme=gr.themes.Soft()
+        # CSS는 Blocks 생성자에 전달됨
     )