Update app.py

app.py

@@ -810,8 +810,8 @@ with gr.Blocks(title="LinkedIn Translator") as demo:
               </span>
               </div>
               
-              <div style="max-width:320px; margin:0 auto;">
-                  <div style="width:100%; aspect-ratio:9/16; border-radius:8px; overflow:hidden; background:#000;">
+              <div style="display:flex; flex-direction:column; align-items:center;">
+                  <div style="width:100%; max-width:180px; aspect-ratio:9/16; border-radius:12px; overflow:hidden; background:#000; box-shadow: 0 4px 12px rgba(0,0,0,0.15); margin-bottom:20px;">
                       <iframe 
                         src="https://www.youtube.com/embed/w2Cv_AL5ZQc"
                         style="width:100%; height:100%; border:none;"
@@ -819,17 +819,17 @@ with gr.Blocks(title="LinkedIn Translator") as demo:
                         allowfullscreen>
                       </iframe>
                   </div>
-                  
-                  <div style="font-size:.85rem; color:#444; line-height:1.5; margin-top:16px; background:#F3F2EF; padding:12px; border-radius:8px; border:1px solid #E0DFDC;">
-                    <p style="margin-top:0; margin-bottom:8px;"><strong>Über den Track:</strong><br>
-                    Der durch den Projektkontext von Gemini generierte Song liefert den perfekten Soundtrack zum Translator. Er beschreibt den Verlust von Authentizität zugunsten steriler Business-Sprache.</p>
-                    
-                    <p style="font-style:italic; color:#555; margin-bottom:8px; padding-left:10px; border-left:3px solid #0A66C2;">
-                    "Corporate buzzwords in a sterile row, watching the human nuance start to go. [...] Syntax error in the empathy code."
-                    </p>
-                    
-                    <p style="margin-bottom:0;">Genau das parodiert dieses Tool: Die Transformation von echtem Klartext in eine standardisierte Formelhaftigkeit, die am Ende im <em>"Semantic void"</em> (der inhaltlichen Leere) mündet. Ein musikalischer Abgesang auf die authentische Kommunikation im LinkedIn-Alltag.</p>
-                  </div>
+              </div>
+              
+              <div style="font-size:.85rem; color:#444; line-height:1.5; background:#F3F2EF; padding:14px; border-radius:8px; border:1px solid #E0DFDC;">
+                <p style="margin-top:0; margin-bottom:8px;"><strong>Über den Track:</strong><br>
+                Der durch den Projektkontext von Gemini generierte Song liefert den perfekten Soundtrack zum Translator. Er beschreibt den Verlust von Authentizität zugunsten steriler Business-Sprache.</p>
+                
+                <p style="font-style:italic; color:#555; margin-bottom:8px; padding-left:10px; border-left:3px solid #0A66C2;">
+                "Corporate buzzwords in a sterile row, watching the human nuance start to go. [...] Syntax error in the empathy code."
+                </p>
+                
+                <p style="margin-bottom:0;">Genau das parodiert dieses Tool: Die Transformation von echtem Klartext in eine standardisierte Formelhaftigkeit, die am Ende im <em>"Semantic void"</em> (der inhaltlichen Leere) mündet. Ein musikalischer Abgesang auf die authentische Kommunikation im LinkedIn-Alltag.</p>
               </div>
             """)