Update style.css

style.css

@@ -1,30 +1,27 @@
-#avatar-container {
-    width: 360px;
-    height: 360px;
-    margin: 10px auto;
+#avatar-wrapper {
     display: flex;
-    justify-content: center;
+    flex-direction: column;
     align-items: center;
+    justify-content: center;
 }
 
-#avatar-canvas {
-    width: 100%;
-    height: 100%;
+#avatar-container {
+    width: 512px;
+    height: 512px;
+    position: relative;
     border-radius: 12px;
     overflow: hidden;
-    background: transparent;
+    background: linear-gradient(135deg, #ffe1f0, #d2d7ff);
+    box-shadow: 0 8px 22px rgba(0,0,0,0.15);
 }
 
-.gradio-container {
-    max-width: 900px !important;
-    margin: auto !important;
+#avatar-canvas {
+    width: 100%;
+    height: 100%;
+    image-rendering: auto;
 }
 
-body {
-    background: #111;
-    color: #eee;
+audio {
+    margin-top: 12px;
+    width: 300px;
 }
-
-h1, h2, h3 {
-    color: #fff !important;
-}