Update app.py

app.py

@@ -532,13 +532,58 @@ button.primary:hover {
     box-shadow: var(--shadow-secondary);
 }
 
-/* 라벨 텍스트 색상 */
+/* 라벨 텍스트 색상 및 한글 작은 글자 스타일 */
 label {
     color: #F9FAFB !important;
     font-weight: 600 !important;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
 }
 
+/* 한글 부분을 작게 표시하는 스타일 */
+label::after {
+    font-size: 0.8em !important;
+    opacity: 0.8 !important;
+    font-weight: 400 !important;
+}
+
+/* 체크박스와 라디오 버튼 라벨의 한글 부분 작게 */
+.gradio-checkbox label,
+.gradio-radio label {
+    font-size: 1rem !important;
+}
+
+/* 정보 텍스트 스타일 */
+.gr-info, .gr-textbox-info {
+    color: rgba(255, 255, 255, 0.8) !important;
+    font-size: 0.85rem !important;
+    font-style: italic !important;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
+    line-height: 1.4 !important;
+}
+
+/* placeholder 텍스트 스타일 */
+.large-prompt textarea::placeholder {
+    color: rgba(255, 255, 255, 0.5) !important;
+    font-style: italic !important;
+}
+
+/* 슬라이더 라벨의 한글 부분 스타일링 */
+.gr-block.gr-box .gr-form .gr-form-gap .gr-form-gap label {
+    font-size: 0.95rem !important;
+}
+
+/* 아코디언 헤더의 한글 부분 작게 */
+.gr-accordion .gr-accordion-header {
+    font-size: 1.1rem !important;
+}
+
+/* 예시 마크다운의 한글 부분 작게 */
+.example-region h3 {
+    color: #F9FAFB !important;
+    font-weight: 600 !important;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
+}
+
 /* 라디오 버튼 및 체크박스 스타일 */
 input[type="radio"], input[type="checkbox"] {
     accent-color: var(--color-gold) !important;
@@ -584,14 +629,22 @@ input[type="range"] {
 def create_interface():
     with gr.Blocks(css=custom_css, analytics_enabled=False) as demo:
         gr.HTML('<div class="title">Mr. KIM in KOREA</div>')
-        gr.HTML('<div class="collection-link"><a href="https://huggingface.co/collections/openfree/painting-art-ai-681453484ec15ef5978bbeb1" target="_blank">Visit the LoRA Model Collection</a></div>')
+        gr.HTML('<div class="collection-link"><a href="https://huggingface.co/collections/openfree/painting-art-ai-681453484ec15ef5978bbeb1" target="_blank">Visit the LoRA Model Collection (LoRA 모델 컬렉션 방문)</a></div>')
 
         with gr.Group(elem_classes="model-description"):
             gr.HTML("""
             <p>
-            본 모델은 연구 목적으로 특정인의 얼굴과 외모를 학습한 LoRA 모델입니다.<br>
-            목적외의 용도로 무단 사용 않도록 유의해 주세요.<br>
-            (예시 prompt 사용 시 반드시 'kim'을 포함하여야 최적의 결과를 얻을 수 있습니다.)
+            <strong>Research Purpose Model (연구 목적 모델)</strong><br>
+            This model is trained on specific person's facial features and appearance using LoRA technology for research purposes.<br>
+            <small style="opacity: 0.8;">본 모델은 연구 목적으로 특정인의 얼굴과 외모를 LoRA 기술로 학습한 모델입니다.</small><br><br>
+            
+            <strong>Usage Guidelines (사용 가이드라인)</strong><br>
+            Please ensure appropriate use and avoid unauthorized usage beyond research purposes.<br>
+            <small style="opacity: 0.8;">목적 외의 용도로 무단 사용하지 않도록 유의해 주세요.</small><br><br>
+            
+            <strong>Optimal Results (최적 결과를 위한 팁)</strong><br>
+            For best results, make sure to include 'kim' in your example prompts.<br>
+            <small style="opacity: 0.8;">최적의 결과를 얻기 위해 예시 프롬프트 사용 시 반드시 'kim'을 포함하여 주세요.</small>
             </p>
             """)
 
@@ -600,14 +653,15 @@ def create_interface():
             with gr.Row(elem_classes="input-container"):
                 with gr.Column(scale=4):
                     user_prompt = gr.Text(
-                        label="Prompt", 
+                        label="Prompt (프롬프트)", 
                         max_lines=5, 
                         value=examples[0],
-                        elem_classes="large-prompt"
+                        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"
                     )
@@ -615,38 +669,38 @@ def create_interface():
             # 프롬프트 증강 옵션 (생성 버튼 아래)
             with gr.Group(elem_classes="prompt-enhance-section"):
                 enhance_prompt_checkbox = gr.Checkbox(
-                    label="🚀 프롬프트 증강 (AI로 프롬프트를 자���으로 개선하여 고품질 이미지 생성)", 
+                    label="🚀 Prompt Enhancement (프롬프트 증강)", 
                     value=False,
-                    info="OpenAI API를 사용하여 입력한 프롬프트를 더욱 상세하고 고품질의 이미지를 생성할 수 있도록 자동으로 증강합니다."
+                    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", 
+                    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")
+            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.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)
+                    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", minimum=0.0, maximum=1.0, step=0.1, value=1.0)
+                    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.Markdown("### Examples (예시)")
                 gr.Examples(examples=examples, inputs=user_prompt, cache_examples=False)
 
         # ===== 이벤트 =====