Fix Hugging Face deployment and improve radio UI

app.py

@@ -640,9 +640,51 @@ def create_app():
         
         /* Radio Group */
         .radio-group {
-            display: flex;
-            gap: 2rem;
-            margin: 1.5rem 0;
+            display: flex !important;
+            flex-direction: column !important;
+            gap: 1rem !important;
+            margin: 1.5rem 0 !important;
+        }
+        
+        .radio-group label {
+            display: flex !important;
+            align-items: center !important;
+            gap: 0.75rem !important;
+            padding: 1rem 1.25rem !important;
+            background: white !important;
+            border: 2px solid #e5e7eb !important;
+            border-radius: 8px !important;
+            cursor: pointer !important;
+            transition: all 0.3s ease !important;
+            font-weight: 500 !important;
+            color: #374151 !important;
+        }
+        
+        .radio-group label:hover {
+            border-color: #fbbf24 !important;
+            background: #fffbeb !important;
+            transform: translateX(4px) !important;
+        }
+        
+        .radio-group input[type="radio"] {
+            width: 18px !important;
+            height: 18px !important;
+            cursor: pointer !important;
+            accent-color: #fbbf24 !important;
+            flex-shrink: 0 !important;
+        }
+        
+        .radio-group input[type="radio"]:checked + * {
+            color: #1f2937 !important;
+            font-weight: 600 !important;
+        }
+        
+        .radio-group label.selected {
+            background: linear-gradient(135deg, #fef3c7 0%, #fffbeb 100%) !important;
+            border-color: #fbbf24 !important;
+            box-shadow: 0 2px 8px rgba(251, 191, 36, 0.2) !important;
+            color: #1f2937 !important;
+            font-weight: 600 !important;
         }
         
         .radio-item {
@@ -699,11 +741,57 @@ def create_app():
             }
             
             .radio-group {
-                flex-direction: column;
-                gap: 1rem;
+                flex-direction: column !important;
+                gap: 1rem !important;
             }
         }
         
+        /* Gradio Radio Component Styling */
+        .gradio-radio {
+            gap: 0 !important;
+        }
+        
+        .gradio-radio > label {
+            display: flex !important;
+            align-items: center !important;
+            padding: 1rem 1.25rem !important;
+            background: white !important;
+            border: 2px solid #e5e7eb !important;
+            border-radius: 8px !important;
+            margin-bottom: 0.75rem !important;
+            cursor: pointer !important;
+            transition: all 0.3s ease !important;
+            font-weight: 500 !important;
+            color: #374151 !important;
+        }
+        
+        .gradio-radio > label:hover {
+            border-color: #fbbf24 !important;
+            background: #fffbeb !important;
+            transform: translateX(4px) !important;
+        }
+        
+        .gradio-radio > label input[type="radio"] {
+            width: 18px !important;
+            height: 18px !important;
+            margin-right: 0.75rem !important;
+            cursor: pointer !important;
+            accent-color: #fbbf24 !important;
+        }
+        
+        .gradio-radio > label input[type="radio"]:checked {
+            accent-color: #fbbf24 !important;
+        }
+        
+        .gradio-radio > label:has(input[type="radio"]:checked) {
+            background: linear-gradient(135deg, #fef3c7 0%, #fffbeb 100%) !important;
+            border-color: #fbbf24 !important;
+            box-shadow: 0 2px 8px rgba(251, 191, 36, 0.2) !important;
+            color: #1f2937 !important;
+            font-weight: 600 !important;
+        }
+        
+        
         /* Animation for active step */
         @keyframes pulse {
             0% { transform: scale(1); }

utils/deployer.py

@@ -3,6 +3,7 @@ Deployment logic for Hugging Face Spaces
 """
 
 import re
+from io import BytesIO
 from typing import Dict, Optional
 from huggingface_hub import HfApi
 
@@ -68,8 +69,11 @@ def deploy_to_space(
                 if '```' in content:
                     content = content.replace('```', '')
             
+            # Convert string content to BytesIO object
+            file_bytes = BytesIO(content.encode('utf-8'))
+            
             api.upload_file(
-                path_or_fileobj=content.encode('utf-8'),
+                path_or_fileobj=file_bytes,
                 path_in_repo=filename,
                 repo_id=repo_id,
                 repo_type="space",