Update app.py

app.py

@@ -19,21 +19,25 @@ def bulgarian_tts(bulgarian_text):
     
     return output_file
 
-with gr.Blocks() as demo:
-    gr.Markdown("## Bulgarian Text-to-Speech (TTS)")
+with gr.Blocks(css="""
+    .gradio-container { font-family: 'Arial', sans-serif; }
+    .title { text-align: center; font-size: 24px; font-weight: bold; }
+    .textbox { border-radius: 8px; padding: 10px; }
+    .button { background-color: #4CAF50; color: white; border-radius: 8px; padding: 10px 15px; }
+    .button:hover { background-color: #45a049; }
+""") as demo:
+    gr.Markdown("""<div class='title'>🇧🇬 Bulgarian Text-to-Speech (TTS)</div>""", unsafe_allow_html=True)
     
-    # 단일 불가리아어 입력만 받도록 구성
-    bulgarian_input = gr.Textbox(label="Enter Bulgarian Text:", placeholder="Здравейте")
-    output_audio = gr.Audio(label="Generated Speech", type="filepath")
+    with gr.Row():
+        bulgarian_input = gr.Textbox(label="Enter Bulgarian Text:", placeholder="Здравейте", elem_classes=["textbox"])
+    
+    with gr.Row():
+        generate_button = gr.Button("🎤 Generate Speech", elem_classes=["button"])
     
-    generate_button = gr.Button("Generate Speech")
+    output_audio = gr.Audio(label="Generated Speech", type="filepath")
     
-    # 불가리아어 텍스트만 받아 TTS 오디오 파일 생성
-    generate_button.click(
-        bulgarian_tts, 
-        inputs=bulgarian_input, 
-        outputs=output_audio
-    )
+    generate_button.click(bulgarian_tts, inputs=bulgarian_input, outputs=output_audio)
 
 if __name__ == "__main__":
     demo.launch()
+