Update app.py

app.py

@@ -1161,12 +1161,19 @@ with gr.Blocks(css=custom_css) as demo:
         # 이미지 필터 탭 UI 개선
         with gr.TabItem("🖌️ 이미지 필터", elem_classes="tab-content"):
             with gr.Row(equal_height=True):
-                # 왼쪽 열: 비율 3
+                # 왼쪽 열: 입력 이미지
                 with gr.Column(scale=1, elem_classes="panel"):
                     gr.HTML('<div class="section-title"><i class="fas fa-sliders-h"></i> 이미지 필터 설정</div>')
                     # 이미지 업로드
                     filter_input_image = gr.Image(type="pil", label="이미지 업로드", elem_classes="image-container", height=500)
-                
+
+                   # 오른쪽 열: 처리된 이미지
+                    filter_output_image = gr.Image(type="pil", label="처리된 이미지", elem_classes="image-container", height=500)
+
+
+                # 슬라이더 열
+                with gr.Column(scale=1, elem_classes="panel"):
+                    gr.HTML('<div class="section-title"><i class="fas fa-sliders-h"></i> 조정 슬라이더</div>')
                     # 조정 슬라이더
                     with gr.Group():
                         brightness_slider = gr.Slider(0.0, 2.0, value=1.0, step=0.1, label="밝기 조절")
@@ -1179,12 +1186,7 @@ with gr.Blocks(css=custom_css) as demo:
                         color_mixer_blues_slider = gr.Slider(-100.0, 100.0, value=0.0, step=1.0, label="컬러 믹서 (블루)")
                         shadows_slider = gr.Slider(-100.0, 100.0, value=0.0, step=1.0, label="그림자 조절")
                 
-                # 오른쪽 열: 처리된 이미지
-                with gr.Column(scale=1, elem_classes="panel"):
-                    gr.HTML('<div class="section-title"><i class="fas fa-image"></i> 필터 적용 결과</div>')
-                    # 처리된 이미지 출력 - 높이를 입력 이미지와 동일하게 설정
-                    filter_output_image = gr.Image(type="pil", label="처리된 이미지", elem_classes="image-container", height=500)
-            
+
             # 이미지 처리 함수 연결
             inputs = [
                 filter_input_image,