Update app.py

app.py

@@ -256,67 +256,95 @@ function stopAllAudio() {
     currentlyPlaying = null;
 }
 """
+[이전 코드는 동일...]
 
-# 고급 옵션 부분을 다음과 같이 수정
-with gr.Accordion("🎨 Advanced Options", open=False, elem_classes="accordion box-common"):
-    with gr.Group(elem_classes="parameter-box"):
-        gr.Markdown("### 🎛️ Generation Parameters")
-        with gr.Row():
-            with gr.Column():
-                cfg_scale = gr.Slider(
-                    label="CFG Scale",
-                    minimum=1,
-                    maximum=20,
-                    step=0.5,
-                    value=example_cfg_scale
-                )
-                steps = gr.Slider(
-                    label="Steps",
-                    minimum=1,
-                    maximum=100,
-                    step=1,
-                    value=example_steps
-                )
-                lora_scale = gr.Slider(
-                    label="LoRA Scale",
-                    minimum=0,
-                    maximum=1,
-                    step=0.01,
-                    value=example_lora_scale
-                )
-    
-    with gr.Group(elem_classes="parameter-box"):
-        gr.Markdown("### 📐 Image Dimensions")
-        with gr.Row():
-            width = gr.Slider(
-                label="Width",
-                minimum=256,
-                maximum=1536,
-                step=64,
-                value=example_width
-            )
-            height = gr.Slider(
-                label="Height",
-                minimum=256,
-                maximum=1536,
-                step=64,
-                value=example_height
-            )
+# Gradio 인터페이스 구성
+app = gr.Blocks(css=custom_css)
+
+with app:
+    # JavaScript 초기화
+    gr.HTML(f"<script>{snow_js}</script>")
     
-    with gr.Group(elem_classes="parameter-box"):
-        gr.Markdown("### 🎲 Seed Settings")
-        with gr.Row():
-            randomize_seed = gr.Checkbox(
-                True,
-                label="Randomize seed"
+    with gr.Column(elem_classes="container"):
+        gr.Markdown("# 🎄 X-MAS LoRA", elem_classes="header")
+        
+        # 이미지 출력 영역
+        with gr.Group(elem_classes="result-box box-common"):
+            gr.Markdown("### 🖼️ Generated Image")
+            result = gr.Image(label="Result", elem_classes="image-output")
+        
+        # 프롬프트 입력 영역
+        with gr.Group(elem_classes="prompt-box box-common"):
+            prompt = gr.TextArea(
+                label="✍️ Your Prompt (한글 또는 영어)",
+                placeholder="이미지를 설명하세요...",
+                lines=5
             )
-            seed = gr.Slider(
-                label="Seed",
-                minimum=0,
-                maximum=MAX_SEED,
-                step=1,
-                value=example_seed
+            generate_button = gr.Button(
+                "🚀 Generate Image",
+                elem_classes="generate-btn"
             )
+        
+        # 고급 옵션
+        with gr.Accordion("🎨 Advanced Options", open=False, elem_classes="accordion box-common"):
+            with gr.Group(elem_classes="parameter-box"):
+                gr.Markdown("### 🎛️ Generation Parameters")
+                with gr.Row():
+                    with gr.Column():
+                        cfg_scale = gr.Slider(
+                            label="CFG Scale",
+                            minimum=1,
+                            maximum=20,
+                            step=0.5,
+                            value=example_cfg_scale
+                        )
+                        steps = gr.Slider(
+                            label="Steps",
+                            minimum=1,
+                            maximum=100,
+                            step=1,
+                            value=example_steps
+                        )
+                        lora_scale = gr.Slider(
+                            label="LoRA Scale",
+                            minimum=0,
+                            maximum=1,
+                            step=0.01,
+                            value=example_lora_scale
+                        )
+            
+            with gr.Group(elem_classes="parameter-box"):
+                gr.Markdown("### 📐 Image Dimensions")
+                with gr.Row():
+                    width = gr.Slider(
+                        label="Width",
+                        minimum=256,
+                        maximum=1536,
+                        step=64,
+                        value=example_width
+                    )
+                    height = gr.Slider(
+                        label="Height",
+                        minimum=256,
+                        maximum=1536,
+                        step=64,
+                        value=example_height
+                    )
+            
+            with gr.Group(elem_classes="parameter-box"):
+                gr.Markdown("### 🎲 Seed Settings")
+                with gr.Row():
+                    randomize_seed = gr.Checkbox(
+                        True,
+                        label="Randomize seed"
+                    )
+                    seed = gr.Slider(
+                        label="Seed",
+                        minimum=0,
+                        maximum=MAX_SEED,
+                        step=1,
+                        value=example_seed
+                    )
 
     # 오디오 컨트롤
     gr.HTML(f"""