changes

app.py

@@ -418,7 +418,7 @@ class AdvancedAIHumanizer:
             return f"Error processing text: {str(e)}"
 
 def create_interface():
-    """Create the advanced Gradio interface"""
+    """Create the advanced Gradio interface with full-width layout"""
     humanizer = AdvancedAIHumanizer()
     
     def process_text(input_text, intensity):
@@ -431,11 +431,57 @@ def create_interface():
         except Exception as e:
             return f"Error: {str(e)}", "Processing error"
 
-    # Custom CSS for better styling
-    custom_css = """
-    .gradio-container {
-        max-width: 1200px !important;
+    # Full-width CSS for maximum screen utilization
+    full_width_css = """
+    /* Override max width of gradio container and cards to full width */
+    .gradio-container, .gradio-container > div {
+        max-width: 100% !important;
+        width: 100% !important;
+        padding-left: 10px !important;
+        padding-right: 10px !important;
+        margin: 0 !important;
     }
+
+    /* Make all cards take full width inside their container */
+    .card, .gradio-card {
+        max-width: 100% !important;
+        width: 100% !important;
+        margin: 5px 0 !important;
+    }
+
+    /* Remove margin and padding from rows and columns to maximize width */
+    .gradio-row, .gradio-column {
+        margin: 0 !important;
+        padding: 5px !important;
+        gap: 10px !important;
+    }
+
+    /* Full width for textboxes and components */
+    .gradio-textbox, .gradio-button, .gradio-radio {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+
+    /* Responsive design for different screen sizes */
+    @media (min-width: 1536px) {
+        .gradio-container {
+            max-width: 100% !important;
+        }
+    }
+
+    @media (min-width: 1280px) {
+        .gradio-container {
+            max-width: 100% !important;
+        }
+    }
+
+    @media (min-width: 1024px) {
+        .gradio-container {
+            max-width: 100% !important;
+        }
+    }
+
+    /* Custom styling for better visual appeal */
     .main-header {
         text-align: center;
         background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
@@ -445,9 +491,32 @@ def create_interface():
         font-weight: bold;
         margin-bottom: 20px;
     }
+
+    .feature-box {
+        background: #f8f9fa;
+        border-radius: 10px;
+        padding: 20px;
+        margin: 10px 0;
+        border-left: 4px solid #4ECDC4;
+    }
+
+    .stats-box {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        color: white;
+        border-radius: 10px;
+        padding: 15px;
+        margin: 10px 0;
+        text-align: center;
+    }
     """
 
-    with gr.Blocks(title="Ultra AI Humanizer - 0% Detection", theme=gr.themes.Soft(), css=custom_css) as interface:
+    with gr.Blocks(
+        title="Ultra AI Humanizer - 0% Detection", 
+        theme=gr.themes.Soft(), 
+        css=full_width_css,
+        fill_width=True
+    ) as interface:
+        
         gr.HTML("""
         <div class="main-header">
             🤖➡️👤 ULTRA AI HUMANIZER
@@ -462,12 +531,14 @@ def create_interface():
         """)
         
         with gr.Row():
-            with gr.Column(scale=1):
+            with gr.Column(scale=1, min_width=400):
                 input_text = gr.Textbox(
                     label="🤖 AI-Generated Text Input", 
-                    lines=12, 
-                    placeholder="Paste your AI-generated content here for ultra-humanization...\n\nThe more text you provide, the better the humanization results!",
-                    info="💡 Tip: Longer texts (200+ words) get better humanization results"
+                    lines=15, 
+                    placeholder="Paste your AI-generated content here for ultra-humanization...\n\nThe more text you provide, the better the humanization results!\n\nTip: Longer texts (200+ words) get significantly better humanization results.",
+                    info="💡 Tip: Longer texts (200+ words) get better humanization results",
+                    max_lines=20,
+                    show_copy_button=True
                 )
                 
                 intensity = gr.Radio(
@@ -485,37 +556,60 @@ def create_interface():
                     "🚀 HUMANIZE TO 0% AI DETECTION", 
                     variant="primary", 
                     size="lg",
-                    elem_id="humanize-btn"
+                    scale=1
                 )
             
-            with gr.Column(scale=1):
+            with gr.Column(scale=1, min_width=400):
                 output_text = gr.Textbox(
                     label="👤 Humanized Text Output (0% AI Detection)", 
-                    lines=12, 
+                    lines=15, 
                     show_copy_button=True,
-                    info="✅ Copy this text - it should pass all AI detectors"
+                    info="✅ Copy this text - it should pass all AI detectors",
+                    max_lines=20
                 )
                 
                 readability = gr.Textbox(
                     label="📊 Readability Analysis", 
-                    lines=3,
+                    lines=4,
                     info="Lower grade levels are more conversational and human-like"
                 )
         
         gr.HTML("""
-        <div style="margin-top: 30px; padding: 20px; background: #f0f8ff; border-radius: 10px;">
+        <div class="feature-box">
             <h3>🎯 How This Achieves 0% AI Detection:</h3>
-            <ul style="text-align: left; margin: 10px 0;">
-                <li><strong>🔥 Aggressive Phrase Elimination:</strong> Removes ALL AI-flagged terms and patterns</li>
-                <li><strong>💬 Personality Injection:</strong> Adds personal voice, opinions, and conversational style</li>
-                <li><strong>🔄 Multi-Pass Processing:</strong> Applies humanization techniques multiple times</li>
-                <li><strong>🎭 Human Imperfections:</strong> Adds natural hesitations, self-corrections, and casual speech</li>
-                <li><strong>📝 Sentence Restructuring:</strong> Completely rebuilds sentence patterns</li>
-                <li><strong>💡 Specific Examples:</strong> Injects unique examples and personal anecdotes</li>
-            </ul>
-            <p style="margin-top: 15px; font-weight: bold; color: #2E8B57;">
-                ✨ Test your results with Originality.ai, GPTZero, and other AI detectors!
-            </p>
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin: 15px 0;">
+                <div>
+                    <strong>🔥 Aggressive Phrase Elimination:</strong><br>
+                    Removes ALL AI-flagged terms and patterns
+                </div>
+                <div>
+                    <strong>💬 Personality Injection:</strong><br>
+                    Adds personal voice, opinions, and conversational style
+                </div>
+                <div>
+                    <strong>🔄 Multi-Pass Processing:</strong><br>
+                    Applies humanization techniques multiple times
+                </div>
+                <div>
+                    <strong>🎭 Human Imperfections:</strong><br>
+                    Adds natural hesitations, self-corrections, and casual speech
+                </div>
+                <div>
+                    <strong>📝 Sentence Restructuring:</strong><br>
+                    Completely rebuilds sentence patterns
+                </div>
+                <div>
+                    <strong>💡 Specific Examples:</strong><br>
+                    Injects unique examples and personal anecdotes
+                </div>
+            </div>
+        </div>
+        """)
+        
+        gr.HTML("""
+        <div class="stats-box">
+            <h3>✨ Test your results with Originality.ai, GPTZero, and other AI detectors!</h3>
+            <p>This tool is specifically designed to pass the most sophisticated AI detection systems</p>
         </div>
         """)