Update app.py

app.py

@@ -334,21 +334,80 @@ def process_video(video_url, audio_url, progress=gr.Progress()):
             return None, f"All methods failed. Error: {str(fallback_error)}"
 
 def create_interface():
+    # 테마와 스타일 정의
+    theme = gr.themes.Soft(
+        primary_hue="blue",
+        secondary_hue="gray",
+    )
+    
     css = """
     #component-0 > :not(.prose) {display: none !important;}
     footer {display: none !important;}
+    .container {max-width: 1000px; margin: auto;}
+    .header {text-align: center; margin-bottom: 2rem;}
+    .input-section {background: #f7f7f7; padding: 2rem; border-radius: 10px;}
+    .output-section {background: #f0f0f0; padding: 2rem; border-radius: 10px;}
+    .button-primary {background: #2196F3 !important;}
     """
-    with gr.Blocks(css=css) as app:
-        gr.Markdown("# Lipsync Video Generator")
-        with gr.Row():
-            with gr.Column():
-                video_url_input = gr.Textbox(label="Video or Image URL")
-                audio_url_input = gr.Textbox(label="Audio URL")
-                generate_btn = gr.Button("Generate Video")
-            with gr.Column():
-                video_output = gr.Video(label="Generated Video")
-                status_output = gr.Textbox(label="Status", interactive=False)
-        
+
+    with gr.Blocks(theme=theme, css=css) as app:
+        with gr.Column(elem_classes="container"):
+            # 헤더 섹션
+            with gr.Column(elem_classes="header"):
+                gr.Markdown("# 🎬 AI Lipsync Video Generator")
+                gr.Markdown("Upload a video/image and audio to create a lip-synced video")
+
+            # 메인 컨텐츠
+            with gr.Row(equal_height=True):
+                # 입력 섹션
+                with gr.Column(elem_classes="input-section"):
+                    gr.Markdown("### 📥 Input")
+                    video_url_input = gr.Textbox(
+                        label="Video or Image URL",
+                        placeholder="Enter URL of video or image...",
+                        info="Supported formats: MP4, JPG, PNG, etc."
+                    )
+                    audio_url_input = gr.Textbox(
+                        label="Audio URL",
+                        placeholder="Enter URL of audio file...",
+                        info="Supported formats: MP3, WAV, etc."
+                    )
+                    generate_btn = gr.Button(
+                        "🚀 Generate Video",
+                        variant="primary",
+                        elem_classes="button-primary"
+                    )
+
+                # 출력 섹션
+                with gr.Column(elem_classes="output-section"):
+                    gr.Markdown("### 📤 Output")
+                    video_output = gr.Video(
+                        label="Generated Video",
+                        height=400
+                    )
+                    status_output = gr.Textbox(
+                        label="Status",
+                        interactive=False,
+                        placeholder="Processing status will appear here..."
+                    )
+
+            # 설명 섹션
+            with gr.Accordion("ℹ️ Instructions", open=False):
+                gr.Markdown("""
+                ### How to use:
+                1. Paste the URL of your video or image in the first input box
+                2. Paste the URL of your audio file in the second input box
+                3. Click 'Generate Video' and wait for processing
+                4. The generated video will appear in the output section
+                
+                ### Notes:
+                - Processing may take several minutes
+                - For best results, use high-quality input files
+                - Supported video formats: MP4
+                - Supported image formats: JPG, PNG
+                - Supported audio formats: MP3, WAV
+                """)
+
         generate_btn.click(
             fn=process_video,
             inputs=[video_url_input, audio_url_input],