first stab at adding video

static/style.css

@@ -52,6 +52,28 @@ header h1 {
   color: #a78bfa;
 }
 
+#stage {
+  display: none;             /* toggled on when video mode is enabled */
+  align-items: center;
+  justify-content: center;
+  padding: 16px 24px 0;
+  background: #0a0a0a;
+}
+
+#stage.active {
+  display: flex;
+}
+
+#avatar-video {
+  width: 100%;
+  max-width: 480px;
+  aspect-ratio: 16 / 9;
+  background: #000;
+  border-radius: 12px;
+  object-fit: cover;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+}
+
 #chat-area {
   flex: 1;
   overflow-y: auto;
@@ -130,21 +152,34 @@ header h1 {
   50% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
 }
 
-/* Voice clone panel */
-#voice-panel {
+/* Voice + avatar panels */
+#voice-panel,
+#avatar-panel {
   padding: 12px 24px;
   border-top: 1px solid #222;
   background: #0a0a0a;
 }
 
-#voice-panel summary {
+#voice-panel select,
+#avatar-panel select {
+  background: #1a1a1a;
+  border: 1px solid #333;
+  border-radius: 6px;
+  padding: 6px 10px;
+  color: #e0e0e0;
+  font-size: 13px;
+}
+
+#voice-panel summary,
+#avatar-panel summary {
   cursor: pointer;
   font-size: 13px;
   color: #888;
   user-select: none;
 }
 
-#voice-panel .panel-content {
+#voice-panel .panel-content,
+#avatar-panel .panel-content {
   margin-top: 12px;
   display: flex;
   gap: 12px;