chocs / app.py
seawolf2357's picture
Update app.py
a1f53eb verified
raw
history blame
23 kB
# ===== CRITICAL: Import spaces FIRST before any CUDA operations =====
try:
import spaces
HF_SPACES = True
except ImportError:
# If running locally, create a dummy decorator
def spaces_gpu_decorator(duration=60):
def decorator(func):
return func
return decorator
spaces = type('spaces', (), {'GPU': spaces_gpu_decorator})()
HF_SPACES = False
print("Warning: Running without Hugging Face Spaces GPU allocation")
# ===== Now import other libraries =====
import random
import os
import uuid
import re
import time
from datetime import datetime
import gradio as gr
import numpy as np
import requests
import torch
from diffusers import DiffusionPipeline
from PIL import Image
# ===== OpenAI ์„ค์ • =====
from openai import OpenAI
# Add error handling for API key
try:
client = OpenAI(api_key=os.getenv("LLM_API"))
except Exception as e:
print(f"Warning: OpenAI client initialization failed: {e}")
client = None
# ===== ํ”„๋กฌํ”„ํŠธ ์ฆ๊ฐ•์šฉ ์Šคํƒ€์ผ ํ”„๋ฆฌ์…‹ =====
STYLE_PRESETS = {
"None": "",
"Realistic Photo": "photorealistic, 8k, ultra-detailed, cinematic lighting, realistic skin texture",
"Oil Painting": "oil painting, rich brush strokes, canvas texture, baroque lighting",
"Comic Book": "comic book style, bold ink outlines, cel shading, vibrant colors",
"Watercolor": "watercolor illustration, soft gradients, splatter effect, pastel palette",
}
# ===== ์ €์žฅ ํด๋” =====
SAVE_DIR = "saved_images"
if not os.path.exists(SAVE_DIR):
os.makedirs(SAVE_DIR, exist_ok=True)
# ===== ๋””๋ฐ”์ด์Šค & ๋ชจ๋ธ ๋กœ๋“œ =====
device = "cuda" if torch.cuda.is_available() else "cpu"
print(f"Using device: {device}")
repo_id = "black-forest-labs/FLUX.1-dev"
adapter_id = "seawolf2357/chocs"
# Add error handling for model loading
try:
pipeline = DiffusionPipeline.from_pretrained(repo_id, torch_dtype=torch.bfloat16)
pipeline.load_lora_weights(adapter_id)
pipeline = pipeline.to(device)
print("Model loaded successfully")
except Exception as e:
print(f"Error loading model: {e}")
pipeline = None
MAX_SEED = np.iinfo(np.int32).max
MAX_IMAGE_SIZE = 1024
# ===== ํ•œ๊ธ€ ์—ฌ๋ถ€ ํŒ๋ณ„ =====
HANGUL_RE = re.compile(r"[\u3131-\u318E\uAC00-\uD7A3]+")
def is_korean(text: str) -> bool:
return bool(HANGUL_RE.search(text))
# ===== ๋ฒˆ์—ญ & ์ฆ๊ฐ• ํ•จ์ˆ˜ =====
def openai_translate(text: str, retries: int = 3) -> str:
"""ํ•œ๊ธ€์„ ์˜์–ด๋กœ ๋ฒˆ์—ญ (OpenAI GPT-4o-mini ์‚ฌ์šฉ). ์˜์–ด ์ž…๋ ฅ์ด๋ฉด ๊ทธ๋Œ€๋กœ ๋ฐ˜ํ™˜."""
if not is_korean(text):
return text
if client is None:
print("Warning: OpenAI client not available, returning original text")
return text
for attempt in range(retries):
try:
res = client.chat.completions.create(
model="gpt-4o-mini",
messages=[
{
"role": "system",
"content": "Translate the following Korean prompt into concise, descriptive English suitable for an image generation model. Keep the meaning, do not add new concepts."
},
{"role": "user", "content": text}
],
temperature=0.3,
max_tokens=256,
)
return res.choices[0].message.content.strip()
except Exception as e:
print(f"[translate] attempt {attempt + 1} failed: {e}")
time.sleep(2)
return text # ๋ฒˆ์—ญ ์‹คํŒจ ์‹œ ์›๋ฌธ ๊ทธ๋Œ€๋กœ
def enhance_prompt(text: str, retries: int = 3) -> str:
"""OpenAI๋ฅผ ํ†ตํ•ด ํ”„๋กฌํ”„ํŠธ๋ฅผ ์ฆ๊ฐ•ํ•˜์—ฌ ๊ณ ํ’ˆ์งˆ ์ด๋ฏธ์ง€ ์ƒ์„ฑ์„ ์œ„ํ•œ ์ƒ์„ธํ•œ ์„ค๋ช…์œผ๋กœ ๋ณ€ํ™˜."""
if client is None:
print("Warning: OpenAI client not available, returning original text")
return text
for attempt in range(retries):
try:
res = client.chat.completions.create(
model="gpt-4o-mini",
messages=[
{
"role": "system",
"content": """You are an expert prompt engineer for image generation models. Enhance the given prompt to create high-quality, detailed images.
Guidelines:
- Add specific visual details (lighting, composition, colors, textures)
- Include technical photography terms (depth of field, focal length, etc.)
- Add atmosphere and mood descriptors
- Specify image quality terms (4K, ultra-detailed, professional, etc.)
- Keep the core subject and meaning intact
- Make it comprehensive but not overly long
- Focus on visual elements that will improve image generation quality
Example:
Input: "A man giving a speech"
Output: "A professional man giving an inspiring speech at a podium, dramatic lighting with warm spotlights, confident posture and gestures, high-resolution 4K photography, sharp focus, cinematic composition, bokeh background with audience silhouettes, professional event setting, detailed facial expressions, realistic skin texture"
"""
},
{"role": "user", "content": f"Enhance this prompt for high-quality image generation: {text}"}
],
temperature=0.7,
max_tokens=512,
)
return res.choices[0].message.content.strip()
except Exception as e:
print(f"[enhance] attempt {attempt + 1} failed: {e}")
time.sleep(2)
return text # ์ฆ๊ฐ• ์‹คํŒจ ์‹œ ์›๋ฌธ ๊ทธ๋Œ€๋กœ
def prepare_prompt(user_prompt: str, style_key: str, enhance_prompt_enabled: bool = False) -> str:
"""ํ•œ๊ธ€์ด๋ฉด ๋ฒˆ์—ญํ•˜๊ณ , ํ”„๋กฌํ”„ํŠธ ์ฆ๊ฐ• ์˜ต์…˜์ด ํ™œ์„ฑํ™”๋˜๋ฉด ์ฆ๊ฐ•ํ•˜๊ณ , ์„ ํƒํ•œ ์Šคํƒ€์ผ ํ”„๋ฆฌ์…‹์„ ๋ถ™์—ฌ์„œ ์ตœ์ข… ํ”„๋กฌํ”„ํŠธ๋ฅผ ๋งŒ๋“ ๋‹ค."""
# 1. ๋ฒˆ์—ญ (ํ•œ๊ธ€์ธ ๊ฒฝ์šฐ)
prompt_en = openai_translate(user_prompt)
# 2. ํ”„๋กฌํ”„ํŠธ ์ฆ๊ฐ• (ํ™œ์„ฑํ™”๋œ ๊ฒฝ์šฐ)
if enhance_prompt_enabled:
prompt_en = enhance_prompt(prompt_en)
print(f"Enhanced prompt: {prompt_en}")
# 3. ์Šคํƒ€์ผ ํ”„๋ฆฌ์…‹ ์ ์šฉ
style_suffix = STYLE_PRESETS.get(style_key, "")
if style_suffix:
final_prompt = f"{prompt_en}, {style_suffix}"
else:
final_prompt = prompt_en
return final_prompt
# ===== ์ด๋ฏธ์ง€ ์ €์žฅ =====
def save_generated_image(image: Image.Image, prompt: str) -> str:
timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
unique_id = str(uuid.uuid4())[:8]
filename = f"{timestamp}_{unique_id}.png"
filepath = os.path.join(SAVE_DIR, filename)
image.save(filepath)
# ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์ €์žฅ
metadata_file = os.path.join(SAVE_DIR, "metadata.txt")
with open(metadata_file, "a", encoding="utf-8") as f:
f.write(f"{filename}|{prompt}|{timestamp}\n")
return filepath
# ===== Diffusion ํ˜ธ์ถœ =====
def run_pipeline(prompt: str, seed: int, width: int, height: int, guidance_scale: float, num_steps: int, lora_scale: float):
if pipeline is None:
raise ValueError("Model pipeline not loaded")
generator = torch.Generator(device=device).manual_seed(int(seed))
result = pipeline(
prompt=prompt,
guidance_scale=guidance_scale,
num_inference_steps=num_steps,
width=width,
height=height,
generator=generator,
joint_attention_kwargs={"scale": lora_scale},
).images[0]
return result
# ===== Gradio inference ๋ž˜ํผ =====
@spaces.GPU(duration=60)
def generate_image(
user_prompt: str,
style_key: str,
enhance_prompt_enabled: bool = False,
seed: int = 42,
randomize_seed: bool = True,
width: int = 1024,
height: int = 768,
guidance_scale: float = 3.5,
num_inference_steps: int = 30,
lora_scale: float = 1.0,
progress=None,
):
try:
if randomize_seed:
seed = random.randint(0, MAX_SEED)
# 1) ๋ฒˆ์—ญ + ์ฆ๊ฐ•
final_prompt = prepare_prompt(user_prompt, style_key, enhance_prompt_enabled)
print(f"Final prompt: {final_prompt}")
# 2) ํŒŒ์ดํ”„๋ผ์ธ ํ˜ธ์ถœ
image = run_pipeline(final_prompt, seed, width, height, guidance_scale, num_inference_steps, lora_scale)
# 3) ์ €์žฅ
save_generated_image(image, final_prompt)
return image, seed
except Exception as e:
print(f"Error generating image: {e}")
# Return a placeholder or error message
error_image = Image.new('RGB', (width, height), color='red')
return error_image, seed
# ===== ์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ (ํ•œ๊ตญ์–ด/์˜์–ด ํ˜ผ์šฉ ํ—ˆ์šฉ) =====
examples = [
"Mr. cho ๋‘ ์†์œผ๋กœ 'Healing !' ํ˜„์ˆ˜๋ง‰์„ ๋“ค๊ณ  ์žˆ๋Š” ๋ชจ์Šต, ํ™˜๊ฒฝ๋ณดํ˜ธ์™€ ์ง€์†๊ฐ€๋Šฅํ•œ ์ž„์—… ๋ฐœ์ „์— ๋Œ€ํ•œ ์˜์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ  ์žˆ๋‹ค.",
"Mr. cho ์–‘ํŒ”์„ ๋“ค์–ด ์˜ฌ๋ฆฌ๋ฉฐ ๊ธฐ์œ ํ‘œ์ •์œผ๋กœ ํ™˜ํ˜ธํ•˜๋Š” ๋ชจ์Šต, ์กฐ๋ฆผ ์‚ฌ์—… ์„ฑ๊ณต๊ณผ ๋ฏธ๋ž˜ ์ž„์—…์— ๋Œ€ํ•œ ํฌ๋ง์„ ๋ณด์—ฌ์ฃผ๊ณ  ์žˆ๋‹ค.",
"Mr. cho ์šด๋™๋ณต์„ ์ž…๊ณ  ์‚ฐ๋ฆผ ์†์—์„œ ํŠธ๋ ˆํ‚นํ•˜๋Š” ๋ชจ์Šต, ๊ฑด๊ฐ•ํ•œ ์ƒํ™œ์Šต๊ด€๊ณผ ํ™œ๊ธฐ์ฐฌ ๋ฆฌ๋”์‹ญ์„ ๋ณด์—ฌ์ฃผ๊ณ  ์žˆ๋‹ค.",
"Mr. cho ์‚ฐ์ดŒ ๋งˆ์„์—์„œ ์—ฌ์„ฑ ์ž„์—…์ธ๋“ค๊ณผ ๋”ฐ๋œปํ•˜๊ฒŒ ์•…์ˆ˜ํ•˜๋Š” ๋ชจ์Šต, ์—ฌ์„ฑ ์ž„์—…์ข…์‚ฌ์ž๋“ค์— ๋Œ€ํ•œ ์ง„์ •ํ•œ ๊ด€์‹ฌ๊ณผ ์†Œํ†ต์„ ๋ณด์—ฌ์ฃผ๊ณ  ์žˆ๋‹ค.",
"Mr. cho ์ž„์—…๋ฐ•๋žŒํšŒ์žฅ์—์„œ ์šธ์ฐฝํ•œ ์ˆฒ์„ ํ–ฅํ•ด ์†๊ฐ€๋ฝ์œผ๋กœ ๊ฐ€๋ฆฌํ‚ค๋ฉฐ ์˜๊ฐ์„ ์ฃผ๋Š” ์ œ์Šค์ฒ˜๋ฅผ ์ทจํ•˜๊ณ  ์žˆ๊ณ , ์—ฌ์„ฑ๋“ค๊ณผ ์•„์ด๋“ค์ด ๋ฐ•์ˆ˜๋ฅผ ์น˜๊ณ  ์žˆ๋‹ค.",
"Mr. cho ์‚ฐ๋ฆผ์ถ•์ œ์— ์ฐธ์—ฌํ•˜์—ฌ ์—ด์ •์ ์œผ๋กœ ์‘์›ํ•˜๋Š” ์—ฌ์„ฑ ์ž„์—…์ธ๋“ค์—๊ฒŒ ๋‘˜๋Ÿฌ์‹ธ์—ฌ ์žˆ๋Š” ๋ชจ์Šต.",
"Mr. cho ๋ชฉ์žฌ์‹œ์žฅ์„ ๋ฐฉ๋ฌธํ•˜์—ฌ ์—ฌ์„ฑ ๋ชฉ์žฌ์ƒ๋“ค๊ณผ ๋ชฉ๊ณต์˜ˆ ์žฅ์ธ๋“ค๊ณผ ์นœ๊ทผํ•˜๊ฒŒ ๋Œ€ํ™”ํ•˜๋Š” ๋ชจ์Šต.",
"Mr. cho ์‚ฐ๋ฆผ๊ณผํ•™์›์„ ๋‘˜๋Ÿฌ๋ณด๋ฉฐ ์—ฌ์„ฑ ์—ฐ๊ตฌ์›๋“ค๊ณผ ๊ต์ˆ˜๋“ค๊ณผ ํ•จ๊ป˜ ์ž„์—… ์ •์ฑ…์— ๋Œ€ํ•ด ํ† ๋ก ํ•˜๋Š” ๋ชจ์Šต.",
"Mr. cho ๋Œ€๊ทœ๋ชจ ์ž„์—…์ธ ๋Œ€ํšŒ์—์„œ ์ž์‹ ๊ฐ ์žˆ๋Š” ์ œ์Šค์ฒ˜์™€ ๊ฒฐ์—ฐํ•œ ํ‘œ์ •์œผ๋กœ ์—ญ๋™์ ์ธ ์—ฐ์„ค์„ ํ•˜๋Š” ๋ชจ์Šต.",
"Mr. cho ํ™œ๊ธฐ์ฐฌ ์ธํ„ฐ๋ทฐ ํ˜„์žฅ์—์„œ ๋ฏธ๋ž˜ ์ž„์—… ๋ฐœ์ „์— ๋Œ€ํ•œ ๋น„์ „์„ ์—ด์ •์ ์œผ๋กœ ์„ค๋ช…ํ•˜๋Š” ๋ชจ์Šต.",
"Mr. cho ์ค‘์š”ํ•œ ์ž„์—…์ •์ฑ… ํšŒ์˜๋ฅผ ์ค€๋น„ํ•˜๋ฉฐ ์„œ๋ฅ˜๋“ค์— ๋‘˜๋Ÿฌ์‹ธ์—ฌ ์ง‘์ค‘ํ•˜๊ณ  ๋‹จํ˜ธํ•œ ๋ชจ์Šต์„ ๋ณด์ด๋Š” ๋ชจ์Šต."
]
# ===== ์ปค์Šคํ…€ CSS (์ง„ํ•œ ๋ถ‰์€์ƒ‰ ๊ณ ๊ธ‰ ๋””์ž์ธ) =====
custom_css = """
:root {
--color-primary: #E91E63;
--color-secondary: #FCE4EC;
--color-accent: #F8BBD9;
--color-rose: #F06292;
--color-gold: #FFB74D;
--color-warm-gray: #F5F5F5;
--color-dark-gray: #424242;
--background-primary: linear-gradient(135deg, #FAFAFA 0%, #F5F5F5 50%, #EEEEEE 100%);
--background-accent: linear-gradient(135deg, #FCE4EC 0%, #F8BBD9 100%);
--text-primary: #212121;
--text-secondary: #757575;
--shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.08);
--shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.12);
--border-radius: 16px;
}
/* ์ „์ฒด ๋ฐฐ๊ฒฝ */
footer {visibility: hidden;}
.gradio-container {
background: var(--background-primary) !important;
min-height: 100vh;
font-family: 'Inter', 'Noto Sans KR', sans-serif;
}
/* ํƒ€์ดํ‹€ ์Šคํƒ€์ผ */
.title {
color: var(--text-primary) !important;
font-size: 3rem !important;
font-weight: 700 !important;
text-align: center;
margin: 2rem 0;
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-rose) 50%, var(--color-gold) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
letter-spacing: -0.02em;
}
.subtitle {
color: var(--text-secondary) !important;
font-size: 1.2rem !important;
text-align: center;
margin-bottom: 2rem;
font-weight: 400;
}
.collection-link {
text-align: center;
margin-bottom: 2rem;
font-size: 1rem;
}
.collection-link a {
color: var(--color-primary);
text-decoration: none;
transition: all 0.3s ease;
font-weight: 500;
border-bottom: 1px solid transparent;
}
.collection-link a:hover {
color: var(--color-rose);
border-bottom-color: var(--color-rose);
}
/* ์‹ฌํ”Œํ•œ ์นด๋“œ ์Šคํƒ€์ผ */
.model-description {
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(233, 30, 99, 0.1);
border-radius: var(--border-radius);
padding: 2rem;
margin: 1.5rem 0;
box-shadow: var(--shadow-soft);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.model-description p {
color: var(--text-primary) !important;
font-size: 1rem;
line-height: 1.6;
margin: 0;
}
/* ๋ฒ„ํŠผ ์Šคํƒ€์ผ */
button.primary {
background: var(--background-accent) !important;
color: var(--color-primary) !important;
border: 1px solid var(--color-accent) !important;
border-radius: 12px !important;
box-shadow: var(--shadow-soft) !important;
transition: all 0.2s ease !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
}
button.primary:hover {
background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%) !important;
transform: translateY(-1px) !important;
box-shadow: var(--shadow-medium) !important;
}
/* ์ž…๋ ฅ ์ปจํ…Œ์ด๋„ˆ */
.input-container {
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(233, 30, 99, 0.15);
border-radius: var(--border-radius);
padding: 1.5rem;
margin-bottom: 1.5rem;
box-shadow: var(--shadow-soft);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* ๊ณ ๊ธ‰ ์„ค์ • */
.advanced-settings {
background: rgba(255, 255, 255, 0.6);
border: 1px solid rgba(233, 30, 99, 0.1);
border-radius: var(--border-radius);
padding: 1.5rem;
margin-top: 1rem;
box-shadow: var(--shadow-soft);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
/* ์˜ˆ์‹œ ์˜์—ญ */
.example-region {
background: rgba(252, 228, 236, 0.3);
border: 1px solid rgba(233, 30, 99, 0.15);
border-radius: var(--border-radius);
padding: 1.5rem;
margin-top: 1rem;
box-shadow: var(--shadow-soft);
}
/* ํ”„๋กฌํ”„ํŠธ ์ž…๋ ฅ์นธ ์Šคํƒ€์ผ */
.large-prompt textarea {
min-height: 120px !important;
font-size: 15px !important;
line-height: 1.5 !important;
background: rgba(255, 255, 255, 0.9) !important;
border: 2px solid rgba(233, 30, 99, 0.2) !important;
border-radius: 12px !important;
color: var(--text-primary) !important;
transition: all 0.3s ease !important;
padding: 1rem !important;
}
.large-prompt textarea:focus {
border-color: var(--color-primary) !important;
box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.1) !important;
outline: none !important;
}
.large-prompt textarea::placeholder {
color: var(--text-secondary) !important;
font-style: italic;
}
/* ์ƒ์„ฑ ๋ฒ„ํŠผ */
.small-generate-btn {
max-width: 140px !important;
height: 48px !important;
font-size: 15px !important;
padding: 12px 24px !important;
border-radius: 12px !important;
font-weight: 600 !important;
}
/* ํ”„๋กฌํ”„ํŠธ ์ฆ๊ฐ• ์„น์…˜ */
.prompt-enhance-section {
background: linear-gradient(135deg, rgba(255, 183, 77, 0.1) 0%, rgba(252, 228, 236, 0.2) 100%);
border: 1px solid rgba(255, 183, 77, 0.3);
border-radius: var(--border-radius);
padding: 1.2rem;
margin-top: 1rem;
box-shadow: var(--shadow-soft);
}
/* ์Šคํƒ€์ผ ํ”„๋ฆฌ์…‹ ์„น์…˜ */
.style-preset-section {
background: linear-gradient(135deg, rgba(248, 187, 217, 0.15) 0%, rgba(252, 228, 236, 0.2) 100%);
border: 1px solid rgba(233, 30, 99, 0.2);
border-radius: var(--border-radius);
padding: 1.2rem;
margin-top: 1rem;
box-shadow: var(--shadow-soft);
}
/* ๋ผ๋ฒจ ํ…์ŠคํŠธ */
label {
color: var(--text-primary) !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
}
/* ์ •๋ณด ํ…์ŠคํŠธ */
.gr-info, .gr-textbox-info {
color: var(--text-secondary) !important;
font-size: 0.85rem !important;
line-height: 1.4 !important;
}
/* ์˜ˆ์‹œ ๋งˆํฌ๋‹ค์šด */
.example-region h3 {
color: var(--text-primary) !important;
font-weight: 600 !important;
margin-bottom: 1rem !important;
}
/* ํผ ์š”์†Œ๋“ค */
input[type="radio"], input[type="checkbox"] {
accent-color: var(--color-primary) !important;
}
input[type="range"] {
accent-color: var(--color-primary) !important;
}
/* ๊ฒฐ๊ณผ ์ด๋ฏธ์ง€ ์ปจํ…Œ์ด๋„ˆ */
.image-container {
border-radius: var(--border-radius) !important;
overflow: hidden !important;
box-shadow: var(--shadow-medium) !important;
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(233, 30, 99, 0.1) !important;
}
/* ์Šฌ๋ผ์ด๋” ์ปจํ…Œ์ด๋„ˆ ์Šคํƒ€์ผ๋ง */
.gr-slider {
margin: 0.5rem 0 !important;
}
/* ์•„์ฝ”๋””์–ธ ์Šคํƒ€์ผ */
.gr-accordion {
border: 1px solid rgba(233, 30, 99, 0.15) !important;
border-radius: var(--border-radius) !important;
background: rgba(255, 255, 255, 0.7) !important;
}
.gr-accordion-header {
background: var(--background-accent) !important;
color: var(--color-primary) !important;
font-weight: 600 !important;
border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}
/* ๋ถ€๋“œ๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜ */
.model-description, .input-container, .prompt-enhance-section, .style-preset-section {
animation: fadeInUp 0.4s ease-out;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ์ „์ฒด์ ์ธ ํ…์ŠคํŠธ ๊ฐ€๋…์„ฑ ํ–ฅ์ƒ */
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ๋“œ๋กญ๋‹ค์šด ๋ฐ ์…€๋ ‰ํŠธ ์Šคํƒ€์ผ */
select, .gr-dropdown {
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(233, 30, 99, 0.2) !important;
border-radius: 8px !important;
color: var(--text-primary) !important;
}
/* ์ฒดํฌ๋ฐ•์Šค์™€ ๋ผ๋””์˜ค ๋ฒ„ํŠผ ๊ฐœ์„  */
.gr-checkbox, .gr-radio {
background: transparent !important;
}
/* ์ „์ฒด ์ปจํ…Œ์ด๋„ˆ ์—ฌ๋ฐฑ ์กฐ์ • */
.gr-container {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 2rem 1rem !important;
}
/* ๋ชจ๋ฐ”์ผ ๋ฐ˜์‘ํ˜• */
@media (max-width: 768px) {
.title {
font-size: 2.2rem !important;
}
.model-description, .input-container, .advanced-settings, .example-region {
padding: 1rem !important;
margin: 1rem 0 !important;
}
.large-prompt textarea {
min-height: 100px !important;
font-size: 14px !important;
}
}
"""
# ===== Gradio UI =====
def create_interface():
with gr.Blocks(css=custom_css, analytics_enabled=False) as demo:
with gr.Group(elem_classes="model-description"):
gr.HTML("""
<p>
<strong>Mr. CHO CS</strong><br>
<small style="opacity: 0.8;">๋ณธ ๋ชจ๋ธ์€ ์—ฐ๊ตฌ ๋ชฉ์ ์œผ๋กœ ํŠน์ •์ธ์˜ ์–ผ๊ตด๊ณผ ์™ธ๋ชจ๋ฅผ LoRA ๊ธฐ์ˆ ๋กœ ํ•™์Šตํ•œ ๋ชจ๋ธ์ž…๋‹ˆ๋‹ค.๋ชฉ์  ์™ธ์˜ ์šฉ๋„๋กœ ๋ฌด๋‹จ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋„๋ก ์œ ์˜ํ•ด ์ฃผ์„ธ์š”. ํ”„๋กฌํ”„ํŠธ์— 'cho'์„ ํฌํ•จํ•˜์—ฌ ์ฃผ์„ธ์š”.</small><br><br>
""")
# ===== ๋ฉ”์ธ ์ž…๋ ฅ =====
with gr.Column():
with gr.Row(elem_classes="input-container"):
with gr.Column(scale=4):
user_prompt = gr.Text(
label="Prompt (ํ”„๋กฌํ”„ํŠธ)",
max_lines=5,
value=examples[0],
elem_classes="large-prompt",
placeholder="Enter your image description here... (์ด๋ฏธ์ง€ ์„ค๋ช…์„ ์ž…๋ ฅํ•˜์„ธ์š”...)"
)
with gr.Column(scale=1):
run_button = gr.Button(
"Generate (์ƒ์„ฑ)",
variant="primary",
elem_classes="small-generate-btn"
)
# ํ”„๋กฌํ”„ํŠธ ์ฆ๊ฐ• ์˜ต์…˜ (์ƒ์„ฑ ๋ฒ„ํŠผ ์•„๋ž˜)
with gr.Group(elem_classes="prompt-enhance-section"):
enhance_prompt_checkbox = gr.Checkbox(
label="๐Ÿš€ Prompt Enhancement (ํ”„๋กฌํ”„ํŠธ ์ฆ๊ฐ•)",
value=False,
info="Automatically improve your prompt using OpenAI API for high-quality image generation (OpenAI API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ณ ํ’ˆ์งˆ ์ด๋ฏธ์ง€ ์ƒ์„ฑ์„ ์œ„ํ•ด ํ”„๋กฌํ”„ํŠธ๋ฅผ ์ž๋™์œผ๋กœ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค)"
)
# ์Šคํƒ€์ผ ํ”„๋ฆฌ์…‹ ์„น์…˜
with gr.Group(elem_classes="style-preset-section"):
style_select = gr.Radio(
label="๐ŸŽจ Style Preset (์Šคํƒ€์ผ ํ”„๋ฆฌ์…‹)",
choices=list(STYLE_PRESETS.keys()),
value="None",
interactive=True
)
result_image = gr.Image(label="Generated Image (์ƒ์„ฑ๋œ ์ด๋ฏธ์ง€)")
seed_output = gr.Number(label="Seed (์‹œ๋“œ๊ฐ’)")
# ===== ๊ณ ๊ธ‰ ์„ค์ • =====
with gr.Accordion("Advanced Settings (๊ณ ๊ธ‰ ์„ค์ •)", open=False, elem_classes="advanced-settings"):
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)
num_inference_steps = gr.Slider(label="Inference steps (์ถ”๋ก  ๋‹จ๊ณ„)", minimum=1, maximum=50, step=1, value=30)
lora_scale = gr.Slider(label="LoRA scale (LoRA ์Šค์ผ€์ผ)", minimum=0.0, maximum=1.0, step=0.1, value=1.0)
# ===== ์˜ˆ์‹œ ์˜์—ญ =====
with gr.Group(elem_classes="example-region"):
gr.Markdown("### Examples (์˜ˆ์‹œ)")
gr.Examples(examples=examples, inputs=user_prompt, cache_examples=False)
# ===== ์ด๋ฒคํŠธ =====
run_button.click(
fn=generate_image,
inputs=[
user_prompt,
style_select,
enhance_prompt_checkbox,
seed,
randomize_seed,
width,
height,
guidance_scale,
num_inference_steps,
lora_scale,
],
outputs=[result_image, seed_output],
)
return demo
# ===== ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์‹คํ–‰ =====
if __name__ == "__main__":
demo = create_interface()
demo.queue()
demo.launch()