Update app.py

app.py

@@ -127,108 +127,36 @@ def inference(
         error_img = Image.new('RGB', (width, height), color='red')
         return error_img, seed, load_generated_images()
 
-###############################################################################
-# 2. 이미지 업로드 처리 함수 추가
-###############################################################################
-
-def process_uploaded_image(
-    image,
-    prompt: str,
-    seed: int,
-    randomize_seed: bool,
-    guidance_scale: float,
-    num_inference_steps: int,
-    lora_scale: float,
-    progress: gr.Progress = gr.Progress(track_tqdm=True),
-):
-    """
-    업로드된 이미지를 지브리 스타일로 변환하는 함수
-    """
-    if image is None:
-        return None, seed, load_generated_images()
-    
-    if randomize_seed:
-        seed = random.randint(0, MAX_SEED)
-    generator = torch.Generator(device=device).manual_seed(seed)
-    
-    try:
-        # 이미지 전처리
-        if isinstance(image, np.ndarray):
-            image_pil = Image.fromarray(image)
-        else:
-            image_pil = image
-        
-        # 이미지 크기 조정 (원본 비율 유지)
-        width, height = image_pil.size
-        max_size = 768
-        if width > height:
-            if width > max_size:
-                ratio = max_size / width
-                new_width = max_size
-                new_height = int(height * ratio)
-        else:
-            if height > max_size:
-                ratio = max_size / height
-                new_height = max_size
-                new_width = int(width * ratio)
-        
-        if width > max_size or height > max_size:
-            image_pil = image_pil.resize((new_width, new_height), Image.LANCZOS)
-        
-        # 프롬프트가 비어있는 경우 기본 프롬프트 사용
-        if not prompt or prompt.strip() == "":
-            prompt = "cat style artwork, high quality, detailed"
-        elif "cat" not in prompt.lower() and "studio cat" not in prompt.lower():
-            prompt = f"cat style {prompt}, high quality, detailed"
-        
-        # 이미지 생성 (img2img)
-        # 참고: 실제 FLUX 모델이 img2img를 지원하는지에 따라 이 부분은 조정 필요
-        image = pipeline(
-            prompt=prompt,
-            image=image_pil,  # 이미지 입력
-            guidance_scale=guidance_scale,
-            num_inference_steps=num_inference_steps,
-            generator=generator,
-            joint_attention_kwargs={"scale": lora_scale},
-            strength=0.75,  # 적용 강도 (0: 원본 유지, 1: 완전히 새로 생성)
-        ).images[0]
-
-        filepath = save_generated_image(image, f"Uploaded image with prompt: {prompt}")
-        return image, seed, load_generated_images()
-
-    except Exception as e:
-        logging.error(f"Error during image processing: {e}")
-        return image, seed, load_generated_images()
-
-
 ###############################################################################
 # 3. Gradio UI
 ###############################################################################
 
 examples = [
-    "cat style futuristic stormtrooper with glossy white armor and a sleek helmet, standing heroically on a lush alien planet, vibrant flowers blooming around, soft sunlight illuminating the scene, a gentle breeze rustling the leaves. The armor reflects the pink and purple hues of the alien sunset, creating an ethereal glow around the figure. [trigger]",
-    "cat style wonder woman, she saying \"hello\" in 'speech bubble', her blue costume shining under the sun, surrounded by floating islands with waterfalls, magical sparkles in the air. [trigger]",
-    "cat style ancient forest guardian robot, covered in moss and flowering vines, sitting peacefully in a crystal-clear lake. Its gentle eyes glow with soft blue light, while bioluminescent dragonflies dance around its weathered metal frame. Ancient tech symbols on its surface pulse with a gentle rhythm. [trigger]",
-    "cat style superhero girl saying \"I will protect you\" in a 'speech bubble', her cape flowing in the wind as she stands on a rooftop at sunset, with city lights beginning to twinkle below. [trigger]",
-    "cat style cyber-shrine maiden with flowing holographic robes, performing a ritual dance among floating lanterns and digital cherry blossoms. Her traditional headdress emits soft light patterns, while spirit-like AI constructs swirl around her in elegant patterns. The scene is set in a modern shrine with both ancient wood and sleek chrome elements. [trigger]",
-    "cat style robot farmer saying \"Harvest time!\" in 'speech bubble', tending to floating rice paddies in the sky, wearing a traditional straw hat with advanced sensors, surrounded by flying fish that leave trails of sparkles. [trigger]"
+    "cat style cosmic explorer with starry fur, floating in a nebula of vibrant pink and purple clouds, mystical glowing eyes, surrounded by tiny planets and cosmic dust. Extremely detailed, artistic masterpiece. [trigger]",
+    "cat style samurai warrior with ornate armor decorated with cherry blossoms, sitting in meditation under a moonlit waterfall, katana resting beside, glowing spiritual aura, ultra-detailed metallic reflections. [trigger]",
+    "cat style magical librarian in an ancient floating library, surrounded by flying books with glowing runes, wearing wizards robes with star patterns, soft magical lighting, shelves extending to infinity, detailed bookbindings. [trigger]",
+    "cat style royal empress with jeweled crown and elaborate golden silk robes, sitting on a throne made of jade and cherry blossoms, palace backdrop with ornate architecture, atmospheric lighting, ultra-detailed embroidery patterns. [trigger]",
+    "cat style mystical forest guardian, fur intertwined with vines and flowers, ancient moss-covered stone artifacts floating around, emerald glowing eyes, sunbeams filtering through dense canopy, magical particles in the air, studio quality. [trigger]",
+    "cat style space astronaut on an alien planet, exploring crystal caves with bioluminescent plants, helmet reflecting the colorful surroundings, paw prints leaving glowing marks, scientific equipment, cinematic lighting, highly detailed suit. [trigger]"
 ]
 
 css = """
 :root {
-    --primary-color: #6a92cc;
-    --primary-hover: #557ab8;
-    --secondary-color: #f4c062;
-    --background-color: #f7f9fc;
+    --primary-color: #ff7e5f;
+    --primary-hover: #ff6347;
+    --secondary-color: #feb47b;
+    --tertiary-color: #ffead0;
+    --background-color: #f9f4f0;
     --panel-background: #ffffff;
-    --text-color: #333333;
-    --border-radius: 12px;
-    --shadow: 0 4px 12px rgba(0,0,0,0.08);
+    --text-color: #4a3933;
+    --border-radius: 16px;
+    --shadow: 0 8px 24px rgba(255, 126, 95, 0.12);
     --font-main: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
 }
 body {
     background-color: var(--background-color);
     font-family: var(--font-main);
+    color: var(--text-color);
 }
 .gradio-container {
     margin: 0 auto;
@@ -236,29 +164,57 @@ body {
 }
 .main-header {
     text-align: center;
-    padding: 2rem 1rem 1rem;
-    background: linear-gradient(90deg, #6a92cc 0%, #8f7fc8 100%);
+    padding: 2.5rem 1.5rem 1.5rem;
+    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
     color: white;
     margin-bottom: 2rem;
     border-radius: var(--border-radius);
     box-shadow: var(--shadow);
+    position: relative;
+    overflow: hidden;
+}
+.main-header::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M44,98.1c0.1-17.7,7.2-31.9,18.9-43.5c7.5-7.3,16.5-12,26.5-15c29.9-8.8,59.7,4.9,73.2,33.2c8.1,17,7.1,34.2-0.7,51c-8.3,17.8-22.4,29.5-41.4,34.7c-18.5,5-36.1,1.4-51.7-9.8C51.7,136.6,43.9,118.9,44,98.1z M172.8,96.6c0-14.2-2.3-27.1-8.3-39.1c-12.7-25.4-33.9-37.7-61.8-37C74.2,21.1,50.8,46.9,46,75.5c-4.7,28.4,8.5,59.6,45.2,72.7c15.5,5.6,31.2,5.3,46.5-0.8C162.6,138.1,172.9,119.4,172.8,96.6z" fill="rgba(255,255,255,0.05)"/><path d="M117.3,75.5c-0.5-4.7-0.4-9.8-2.9-14c-7.3-12.3-30.9-12.8-37.4,2.1c-2.5,5.8-1.2,12.2-1.8,18.3c-0.2,1.1-0.1,2.3-0.6,3.2c-2.2,5-4.3,10.1-2.5,15.7c0.1,0.3,0.2,0.6,0.2,0.9c0.5,4.2-0.5,7.1-5.5,8c-1.7,0.3-3.3,1-4.9,1.5c0.4,2.6,0.6,5.2,1.3,7.8c0.7,2.6,2.5,5.2,1.5,8.1c-0.5,1.4-2.9,2.7-4.4,2.7c-12.9-0.2-12.5,7.2-13.5,15.9c-0.9,7.9-2,14.4,7.1,19.5c1.7,1,2.1,4.5,2.3,6.9c0.7,9.3,7.1,14.4,15.6,16c4.4,0.8,9.1,1.9,13.5,1.1c5.5-1,9-9.6,7.7-19.2c-0.6-4.6,0.4-8.2,4.9-10.2c1.8-0.8,3.9-1.3,5.8-1.4c6-0.2,12.1-0.3,18.1-0.5c8.8-0.2,16.5-3.4,22.1-10.3c8.3-10.1,17.6-15.1,30.9-11.1c0.6,0.2,1.3,0.1,2.5,0.2c-0.4-9.3-1.4-18.3-10.8-22.7c-2.8-1.3-5.9-2.6-7.9-4.8c-9.3-10.5-18.2-21.3-27.5-31.8c-4.9-5.5-10.4-10.4-15.8-15.5c-2.7-2.5-6.9-4.4-6.3-8.8c0.6-4.4,5.2-5.1,8.8-5.9c6.3-1.4,12-3.7,11.4-11.4c-0.5-5.2-5.5-10.4-11.7-9.8c-3.2,0.3-6.4,0.8-9.6,1.5c-10,2.5-11.8,12.1-17.5,19c-1.5,1.7-2.5,4.4-6,2.9c-3.1-1.3-6.4-3.1-6.3-7c0.1-4.1,3.7-5.7,6.9-7.2c10.3-5,18.2-12.2,19.6-24.2c0.3-2.5,0.9-4.9-0.7-7.2c-1.2-1.7-2.7-3.1-4.2-4.6c-0.6-0.6-1.5-1.1-2.3-1.1c-6.8,0-11.5,5.4-16.9,7c-0.1-0.3-0.3-0.5-0.4-0.8c5.2-4.6,10.5-9.1,16.7-14.5c-1.6-2.2-2.9-5.1-5.1-6.5c-1.4-0.9-5.6,0.1-7.1,1.7c-5.3,5.6-10.2,11.5-14.3,18.9c-1.1-1.3-1.3-2.2-1.8-2.2c-6.9,0.7-13.7,1.4-20.6,2.3c-2.2,0.3-5.7,1.5-6.2,3c-0.9,2.8,0.5,6.3,1.3,9.5c2.4,0.8,4.9,1.5,7.3,2.2c10.1,2.5,16.9,13.6,14.8,24.2c-1.9,9.6-9.3,15.6-19.1,15.4c-2.6-0.1-5.1-1.2-7.6-1.9c-3.2-0.9-6.5-2.3-9.6-2.1c-3.8,0.2-4.8,4.3-4.9,8c-0.2,5.2,3.1,6.6,7.1,6.9c6.9,0.5,13.9,0.5,20.8,1c6.1,0.4,10.8,3.7,14.7,8.1C112.6,69.5,115,72.4,117.3,75.5z M94.5,100.5c0.2,13.8,11.7,25,25.6,24.8c13.9-0.1,25.1-11.3,25.1-25c0-14-11.3-25.3-25.2-25.3C106.1,75.1,94.3,86.7,94.5,100.5z" fill="rgba(255,255,255,0.08)"/></svg>') no-repeat center center;
+    background-size: 180px;
+    opacity: 0.5;
 }
 .main-header h1 {
-    font-size: 2.5rem;
+    font-size: 3rem;
     margin-bottom: 0.5rem;
-    font-weight: 700;
-    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    font-weight: 800;
+    text-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    position: relative;
 }
 .main-header p {
-    font-size: 1rem;
-    margin-bottom: 0.5rem;
+    font-size: 1.1rem;
+    margin: 1rem 0;
+    opacity: 0.95;
+    position: relative;
+    font-weight: 500;
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    line-height: 1.6;
+}
+.main-header .tribute {
+    font-style: italic;
     opacity: 0.9;
+    font-size: 1rem;
+    margin-top: 1rem;
+    position: relative;
 }
 .main-header a {
-    color: var(--secondary-color);
+    color: var(--tertiary-color);
     text-decoration: none;
     font-weight: 600;
     transition: all 0.2s ease;
+    position: relative;
 }
 .main-header a:hover {
     text-decoration: underline;
@@ -266,51 +222,62 @@ body {
 }
 .container {
     background-color: var(--panel-background);
-    padding: 1.5rem;
+    padding: 2rem;
     border-radius: var(--border-radius);
     box-shadow: var(--shadow);
-    margin-bottom: 1.5rem;
+    margin-bottom: 2rem;
+    border: 1px solid rgba(255, 126, 95, 0.1);
 }
 button.primary {
     background: var(--primary-color) !important;
+    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
     border: none !important;
     color: white !important;
-    padding: 10px 20px !important;
-    border-radius: 8px !important;
+    padding: 12px 24px !important;
+    border-radius: 12px !important;
     font-weight: 600 !important;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
-    transition: all 0.2s ease !important;
+    box-shadow: 0 4px 10px rgba(255, 126, 95, 0.3) !important;
+    transition: all 0.3s ease !important;
+    font-size: 1.05rem !important;
+    letter-spacing: 0.5px !important;
 }
 button.primary:hover {
-    background: var(--primary-hover) !important;
-    transform: translateY(-2px) !important;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
+    background: linear-gradient(90deg, var(--primary-hover) 0%, var(--secondary-color) 100%) !important;
+    transform: translateY(-3px) !important;
+    box-shadow: 0 6px 15px rgba(255, 126, 95, 0.4) !important;
 }
 button.secondary {
     background: white !important;
-    border: 1px solid #ddd !important;
-    color: var(--text-color) !important;
-    padding: 10px 20px !important;
-    border-radius: 8px !important;
+    border: 1px solid rgba(255, 126, 95, 0.3) !important;
+    color: var(--primary-color) !important;
+    padding: 12px 24px !important;
+    border-radius: 12px !important;
     font-weight: 500 !important;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
-    transition: all 0.2s ease !important;
+    box-shadow: 0 2px 5px rgba(255, 126, 95, 0.1) !important;
+    transition: all 0.3s ease !important;
 }
 button.secondary:hover {
-    background: #f5f5f5 !important;
+    background: rgba(255, 126, 95, 0.05) !important;
     transform: translateY(-2px) !important;
+    box-shadow: 0 4px 8px rgba(255, 126, 95, 0.15) !important;
 }
 .gr-box {
     border-radius: var(--border-radius) !important;
-    border: 1px solid #e0e0e0 !important;
+    border: 1px solid rgba(255, 126, 95, 0.2) !important;
 }
 .gr-panel {
     border-radius: var(--border-radius) !important;
 }
 .gr-input {
-    border-radius: 8px !important;
-    border: 1px solid #ddd !important;
+    border-radius: 12px !important;
+    border: 1px solid rgba(255, 126, 95, 0.3) !important;
     padding: 12px !important;
+    transition: all 0.3s ease !important;
+    font-size: 1rem !important;
+}
+.gr-input:focus {
+    border-color: var(--primary-color) !important;
+    box-shadow: 0 0 0 2px rgba(255, 126, 95, 0.2) !important;
 }
 .gr-form {
     border-radius: var(--border-radius) !important;
@@ -319,17 +286,21 @@ button.secondary:hover {
 .gr-accordion {
     border-radius: var(--border-radius) !important;
     overflow: hidden !important;
+    border: 1px solid rgba(255, 126, 95, 0.15) !important;
 }
 .gr-button {
-    border-radius: 8px !important;
+    border-radius: 12px !important;
 }
 .gallery-item {
     border-radius: var(--border-radius) !important;
     transition: all 0.3s ease !important;
+    overflow: hidden !important;
+    border: 3px solid transparent !important;
 }
 .gallery-item:hover {
-    transform: scale(1.02) !important;
-    box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;
+    transform: scale(1.03) !important;
+    box-shadow: 0 8px 20px rgba(255, 126, 95, 0.2) !important;
+    border: 3px solid var(--primary-color) !important;
 }
 .tabs {
     border-radius: var(--border-radius) !important;
@@ -340,60 +311,66 @@ footer {
 }
 .settings-accordion legend span {
     font-weight: 600 !important;
+    color: var(--primary-color) !important;
 }
 .example-prompt {
-    font-size: 0.9rem;
-    color: #555;
-    padding: 8px;
-    background: #f5f7fa;
-    border-radius: 6px;
-    border-left: 3px solid var(--primary-color);
-    margin-bottom: 8px;
+    font-size: 0.95rem;
+    color: var(--text-color);
+    padding: 12px 16px;
+    background: linear-gradient(to right, rgba(255, 126, 95, 0.05), rgba(254, 180, 123, 0.1));
+    border-radius: 12px;
+    border-left: 4px solid var(--primary-color);
+    margin-bottom: 12px;
     cursor: pointer;
-    transition: all 0.2s;
+    transition: all 0.3s;
+    box-shadow: 0 2px 5px rgba(255, 126, 95, 0.05);
 }
 .example-prompt:hover {
-    background: #eef2f8;
+    background: linear-gradient(to right, rgba(255, 126, 95, 0.1), rgba(254, 180, 123, 0.15));
+    transform: translateX(5px);
+    box-shadow: 0 3px 8px rgba(255, 126, 95, 0.1);
 }
 .status-generating {
-    color: #ffa200;
-    font-weight: 500;
+    color: var(--secondary-color);
+    font-weight: 600;
     display: flex;
     align-items: center;
     gap: 8px;
+    font-size: 1.05rem;
 }
 .status-generating::before {
     content: "";
     display: inline-block;
-    width: 12px;
-    height: 12px;
+    width: 14px;
+    height: 14px;
     border-radius: 50%;
-    background-color: #ffa200;
+    background-color: var(--secondary-color);
     animation: pulse 1.5s infinite;
 }
 .status-complete {
-    color: #00c853;
-    font-weight: 500;
+    color: #4caf50;
+    font-weight: 600;
     display: flex;
     align-items: center;
     gap: 8px;
+    font-size: 1.05rem;
 }
 .status-complete::before {
     content: "";
     display: inline-block;
-    width: 12px;
-    height: 12px;
+    width: 14px;
+    height: 14px;
     border-radius: 50%;
-    background-color: #00c853;
+    background-color: #4caf50;
 }
 @keyframes pulse {
-    0% { opacity: 0.6; }
-    50% { opacity: 1; }
-    100% { opacity: 0.6; }
+    0% { opacity: 0.6; transform: scale(0.9); }
+    50% { opacity: 1; transform: scale(1.1); }
+    100% { opacity: 0.6; transform: scale(0.9); }
 }
 .gr-accordion-title {
     font-weight: 600 !important;
-    color: var(--text-color) !important;
+    color: var(--primary-color) !important;
 }
 .tabs button {
     font-weight: 500 !important;
@@ -402,15 +379,16 @@ footer {
 .tabs button.selected {
     font-weight: 600 !important;
     color: var(--primary-color) !important;
-    background: rgba(106, 146, 204, 0.1) !important;
+    background: rgba(255, 126, 95, 0.1) !important;
 }
 .gr-slider-container {
     padding: 10px 0 !important;
 }
 .gr-prose h3 {
-    font-weight: 600 !important;
+    font-weight: 700 !important;
     color: var(--primary-color) !important;
     margin-bottom: 1rem !important;
+    font-size: 1.2rem !important;
 }
 .tab-nav {
     margin-bottom: 1rem !important;
@@ -418,157 +396,128 @@ footer {
     border-radius: var(--border-radius) !important;
     overflow: hidden !important;
 }
+.gr-slider-thumb {
+    background: var(--primary-color) !important;
+}
+.gr-slider-track {
+    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
+}
+.cat-icon {
+    display: inline-block;
+    font-size: 1.8em;
+    margin-right: 0.3em;
+    vertical-align: middle;
+}
+.gr-gallery {
+    display: grid !important;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
+    gap: 16px !important;
+    padding: 16px !important;
+}
+#result-image .gr-image-viewer {
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    box-shadow: 0 5px 15px rgba(255, 126, 95, 0.1);
+    transition: all 0.3s ease;
+}
+#result-image .gr-image-viewer:hover {
+    box-shadow: 0 8px 25px rgba(255, 126, 95, 0.2);
+}
+.gr-padded {
+    padding: 0 !important;
+}
 """
 
 with gr.Blocks(css=css, analytics_enabled=False, theme="soft") as demo:
     with gr.Column():
         gr.HTML('''
         <div class="main-header">
-            <h1>✨ FLUX cat LoRA Generator ✨</h1>
+            <h1><span class="cat-icon">🐱✨</span> FLUX Cat LoRA Generator</h1>
+            <p>Generate beautiful cat-styled images with this specialized LoRA model. Simply enter your prompt and watch the magic happen!</p>
+            <p class="tribute">This project is a tribute to the first-ever "cat" LoRA model on Hugging Face, honoring its pioneering contribution to stylized AI image generation.</p>
             <p>Community: <a href="https://discord.gg/openfreeai" target="_blank">https://discord.gg/openfreeai</a></p>
         </div>
         ''')
         
-        with gr.Tabs() as mode_tabs:
-            # 텍스트-이미지 생성 탭
-            with gr.TabItem("Text-to-Image") as text_to_image_tab:
-                with gr.Row():
-                    with gr.Column(scale=3):
-                        with gr.Group(elem_classes="container"):
-                            prompt = gr.Textbox(
-                                label="Enter your imagination",
-                                placeholder="Describe your cat-style image here...",
-                                lines=3
-                            )
-                            
-                            with gr.Row():
-                                run_button = gr.Button("✨ Generate Image", elem_classes="primary")
-                                clear_button = gr.Button("Clear", elem_classes="secondary")
-                            
-                            with gr.Accordion("Advanced Settings", open=False, elem_classes="settings-accordion"):
-                                with gr.Row():
-                                    seed = gr.Slider(
-                                        label="Seed",
-                                        minimum=0,
-                                        maximum=MAX_SEED,
-                                        step=1,
-                                        value=42,
-                                    )
-                                    randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
-                                with gr.Row():
-                                    width = gr.Slider(
-                                        label="Width",
-                                        minimum=256,
-                                        maximum=MAX_IMAGE_SIZE,
-                                        step=32,
-                                        value=1024,
-                                    )
-                                    height = gr.Slider(
-                                        label="Height",
-                                        minimum=256,
-                                        maximum=MAX_IMAGE_SIZE,
-                                        step=32,
-                                        value=768,
-                                    )
-                                with gr.Row():
-                                    guidance_scale = gr.Slider(
-                                        label="Guidance scale",
-                                        minimum=0.0,
-                                        maximum=10.0,
-                                        step=0.1,
-                                        value=3.5,
-                                    )
-                                with gr.Row():
-                                    num_inference_steps = gr.Slider(
-                                        label="Steps",
-                                        minimum=1,
-                                        maximum=50,
-                                        step=1,
-                                        value=30,
-                                    )
-                                    lora_scale = gr.Slider(
-                                        label="LoRA scale",
-                                        minimum=0.0,
-                                        maximum=1.0,
-                                        step=0.1,
-                                        value=1.0,
-                                    )
+        # Text-to-Image tab only (removed Image-to-Image tab)
+        with gr.Column():
+            with gr.Row():
+                with gr.Column(scale=3):
+                    with gr.Group(elem_classes="container"):
+                        prompt = gr.Textbox(
+                            label="Enter your imagination",
+                            placeholder="Describe your cat-style image here... (e.g., 'cat style majestic warrior with armor')",
+                            lines=3
+                        )
                         
-                        with gr.Group(elem_classes="container"):
-                            gr.Markdown("### ✨ Example Prompts")
-                            examples_html = '\n'.join([f'<div class="example-prompt">{ex}</div>' for ex in examples])
-                            example_container = gr.HTML(examples_html)
-                    
-                    with gr.Column(scale=4):
-                        with gr.Group(elem_classes="container"):
-                            generation_status = gr.HTML('<div class="status-complete">Ready to generate</div>')
-                            result = gr.Image(label="Generated Image", elem_id="result-image")
-                            seed_text = gr.Number(label="Used Seed", value=42)
-            
-            # 이미지-이미지 변환 탭
-            with gr.TabItem("Image-to-Image") as image_to_image_tab:
-                with gr.Row():
-                    with gr.Column(scale=3):
-                        with gr.Group(elem_classes="container"):
-                            upload_image = gr.Image(
-                                label="Upload your image",
-                                type="pil",
-                                elem_id="upload-image"
-                            )
-                            img2img_prompt = gr.Textbox(
-                                label="Optional: Describe additional details",
-                                placeholder="Add details or leave empty for default cat style...",
-                                lines=2
-                            )
-                            
+                        with gr.Row():
+                            run_button = gr.Button("✨ Generate Purrfect Image", elem_classes="primary")
+                            clear_button = gr.Button("Clear", elem_classes="secondary")
+                        
+                        with gr.Accordion("Advanced Settings", open=False, elem_classes="settings-accordion"):
                             with gr.Row():
-                                process_button = gr.Button("🎨 Process Image", elem_classes="primary")
-                                clear_img_button = gr.Button("Clear", elem_classes="secondary")
-                            
-                            with gr.Accordion("Advanced Settings", open=False, elem_classes="settings-accordion"):
-                                with gr.Row():
-                                    img2img_seed = gr.Slider(
-                                        label="Seed",
-                                        minimum=0,
-                                        maximum=MAX_SEED,
-                                        step=1,
-                                        value=42,
-                                    )
-                                    img2img_random_seed = gr.Checkbox(label="Randomize seed", value=True)
-                                with gr.Row():
-                                    img2img_guidance_scale = gr.Slider(
-                                        label="Guidance scale",
-                                        minimum=0.0,
-                                        maximum=10.0,
-                                        step=0.1,
-                                        value=3.5,
-                                    )
-                                with gr.Row():
-                                    img2img_steps = gr.Slider(
-                                        label="Steps",
-                                        minimum=1,
-                                        maximum=50,
-                                        step=1,
-                                        value=30,
-                                    )
-                                    img2img_lora_scale = gr.Slider(
-                                        label="LoRA scale",
-                                        minimum=0.0,
-                                        maximum=1.0,
-                                        step=0.1,
-                                        value=1.0,
-                                    )
+                                seed = gr.Slider(
+                                    label="Seed",
+                                    minimum=0,
+                                    maximum=MAX_SEED,
+                                    step=1,
+                                    value=42,
+                                )
+                                randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
+                            with gr.Row():
+                                width = gr.Slider(
+                                    label="Width",
+                                    minimum=256,
+                                    maximum=MAX_IMAGE_SIZE,
+                                    step=32,
+                                    value=1024,
+                                )
+                                height = gr.Slider(
+                                    label="Height",
+                                    minimum=256,
+                                    maximum=MAX_IMAGE_SIZE,
+                                    step=32,
+                                    value=768,
+                                )
+                            with gr.Row():
+                                guidance_scale = gr.Slider(
+                                    label="Guidance scale",
+                                    minimum=0.0,
+                                    maximum=10.0,
+                                    step=0.1,
+                                    value=3.5,
+                                )
+                            with gr.Row():
+                                num_inference_steps = gr.Slider(
+                                    label="Steps",
+                                    minimum=1,
+                                    maximum=50,
+                                    step=1,
+                                    value=30,
+                                )
+                                lora_scale = gr.Slider(
+                                    label="LoRA scale",
+                                    minimum=0.0,
+                                    maximum=1.0,
+                                    step=0.1,
+                                    value=1.0,
+                                )
                     
-                    with gr.Column(scale=4):
-                        with gr.Group(elem_classes="container"):
-                            img2img_status = gr.HTML('<div class="status-complete">Ready to process</div>')
-                            img2img_result = gr.Image(label="Processed Image", elem_id="img2img-result")
-                            img2img_seed_text = gr.Number(label="Used Seed", value=42)
+                    with gr.Group(elem_classes="container"):
+                        gr.Markdown("### ✨ Inspirational Cat Prompts")
+                        examples_html = '\n'.join([f'<div class="example-prompt">{ex}</div>' for ex in examples])
+                        example_container = gr.HTML(examples_html)
+                
+                with gr.Column(scale=4):
+                    with gr.Group(elem_classes="container"):
+                        generation_status = gr.HTML('<div class="status-complete">Ready to generate</div>')
+                        result = gr.Image(label="Generated Cat Image", elem_id="result-image")
+                        seed_text = gr.Number(label="Used Seed", value=42)
         
         with gr.Group(elem_classes="container"):
             with gr.Tabs(elem_classes="tabs") as gallery_tabs:
-                with gr.TabItem("Gallery"):
-                    gallery_header = gr.Markdown("### 🖼️ Your Generated Masterpieces")
+                with gr.TabItem("Cat Gallery"):
+                    gallery_header = gr.Markdown("### 🖼️ Your Cat-tastic Creations")
                     with gr.Row():
                         refresh_btn = gr.Button("🔄 Refresh Gallery", elem_classes="secondary")
                     generated_gallery = gr.Gallery(
@@ -588,20 +537,11 @@ with gr.Blocks(css=css, analytics_enabled=False, theme="soft") as demo:
     def clear_output():
         return "", gr.update(value=None), seed, '<div class="status-complete">Ready to generate</div>'
     
-    def clear_img2img_output():
-        return None, "", img2img_seed, '<div class="status-complete">Ready to process</div>', None
-    
     def before_generate():
-        return '<div class="status-generating">Generating image...</div>'
-    
-    def before_process_image():
-        return '<div class="status-generating">Processing image...</div>'
+        return '<div class="status-generating">Creating cat masterpiece...</div>'
     
     def after_generate(image, seed_num, gallery):
-        return image, seed_num, gallery, '<div class="status-complete">Generation complete!</div>'
-    
-    def after_process_image(image, seed_num, gallery):
-        return image, seed_num, gallery, '<div class="status-complete">Processing complete!</div>'
+        return image, seed_num, gallery, '<div class="status-complete">Meow-gnificent creation complete!</div>'
 
     ###########################################################################
     # Gradio Event Wiring
@@ -665,35 +605,6 @@ with gr.Blocks(css=css, analytics_enabled=False, theme="soft") as demo:
         outputs=[result, seed_text, generated_gallery, generation_status],
     )
     
-    # 이미지-이미지 변환 이벤트
-    clear_img_button.click(
-        fn=clear_img2img_output,
-        inputs=None,
-        outputs=[upload_image, img2img_prompt, img2img_seed_text, img2img_status, img2img_result]
-    )
-    
-    process_button.click(
-        fn=before_process_image,
-        inputs=None,
-        outputs=img2img_status,
-    ).then(
-        fn=process_uploaded_image,
-        inputs=[
-            upload_image,
-            img2img_prompt,
-            img2img_seed,
-            img2img_random_seed,
-            img2img_guidance_scale,
-            img2img_steps,
-            img2img_lora_scale,
-        ],
-        outputs=[img2img_result, img2img_seed_text, generated_gallery],
-    ).then(
-        fn=after_process_image,
-        inputs=[img2img_result, img2img_seed_text, generated_gallery],
-        outputs=[img2img_result, img2img_seed_text, generated_gallery, img2img_status],
-    )
-    
     # JS로 예시 prompt 클릭 시 자동 채우기
     gr.HTML("""
     <script>