Upload app.py with huggingface_hub

app.py

@@ -272,12 +272,12 @@ def change_language(lang_name: str):
     return [
         # Generate tab
         gr.update(label=t["prompt"], placeholder=t["prompt_placeholder"]),
-        gr.update(label=t["polish_checkbox"]),
+        gr.update(label=t["polish_checkbox"], interactive=True),
         gr.update(label=t["style"]),
         gr.update(label=t["aspect_ratio"]),
         gr.update(label=t["steps"]),
         gr.update(label=t["seed"]),
-        gr.update(label=t["random_seed"]),
+        gr.update(label=t["random_seed"], interactive=True),
         gr.update(value=t["generate_btn"]),
         gr.update(label=t["generated_image"]),
         gr.update(label=t["enhanced_prompt"]),
@@ -298,12 +298,12 @@ def change_language(lang_name: str):
         gr.update(value=t["transform_description"]),
         gr.update(label=t["upload_image"]),
         gr.update(label=t["transformation_prompt"], placeholder=t["transform_placeholder"]),
-        gr.update(label=t["polish_checkbox"]),
+        gr.update(label=t["polish_checkbox"], interactive=True),
         gr.update(label=t["style"]),
         gr.update(label=t["strength"]),
         gr.update(label=t["steps"]),
         gr.update(label=t["seed"]),
-        gr.update(label=t["random_seed"]),
+        gr.update(label=t["random_seed"], interactive=True),
         gr.update(value=t["transform_btn"]),
         gr.update(label=t["transformed_image"]),
         gr.update(label=t["enhanced_prompt"]),
@@ -1250,7 +1250,88 @@ input:focus, textarea:focus {
 }
 
 .gr-slider input[type="range"] { accent-color: var(--accent-primary); }
-.gr-checkbox input[type="checkbox"] { accent-color: var(--accent-primary); }
+
+/* Enhanced checkbox styling for clear checked state */
+.gr-checkbox,
+.gr-form > div:has(input[type="checkbox"]) {
+    cursor: pointer;
+    padding: 8px 12px !important;
+    margin: 4px 0 !important;
+    border-radius: var(--radius-sm);
+    background: transparent;
+    transition: all var(--transition);
+    display: flex !important;
+    align-items: center !important;
+    gap: 10px !important;
+}
+
+.gr-checkbox:hover { background: rgba(129, 140, 248, 0.1) !important; }
+
+.gr-checkbox input[type="checkbox"],
+input[type="checkbox"] {
+    width: 20px !important;
+    height: 20px !important;
+    min-width: 20px !important;
+    min-height: 20px !important;
+    accent-color: #a78bfa !important;
+    cursor: pointer !important;
+    pointer-events: auto !important;
+    border: 2px solid var(--border-default) !important;
+    border-radius: 4px !important;
+    background: var(--bg-tertiary) !important;
+    transition: all 0.15s ease !important;
+}
+
+.gr-checkbox input[type="checkbox"]:hover,
+input[type="checkbox"]:hover {
+    border-color: var(--accent-primary) !important;
+    background: var(--surface) !important;
+}
+
+.gr-checkbox input[type="checkbox"]:focus,
+input[type="checkbox"]:focus {
+    outline: none !important;
+    border-color: var(--accent-primary) !important;
+    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.3) !important;
+}
+
+/* CHECKED STATE - Highly visible with glow */
+.gr-checkbox input[type="checkbox"]:checked,
+input[type="checkbox"]:checked {
+    background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%) !important;
+    border-color: #a78bfa !important;
+    box-shadow: 
+        0 0 12px rgba(167, 139, 250, 0.6),
+        0 0 4px rgba(129, 140, 248, 0.8),
+        inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
+}
+
+.gr-checkbox input[type="checkbox"]:checked:hover,
+input[type="checkbox"]:checked:hover {
+    background: linear-gradient(135deg, #a78bfa 0%, #c4b5fd 100%) !important;
+    border-color: #c4b5fd !important;
+    box-shadow: 
+        0 0 16px rgba(196, 181, 253, 0.7),
+        0 0 6px rgba(167, 139, 250, 0.9) !important;
+}
+
+.gr-checkbox:has(input[type="checkbox"]:checked) {
+    background: rgba(129, 140, 248, 0.15) !important;
+    border: 1px solid rgba(167, 139, 250, 0.3) !important;
+}
+
+.gr-checkbox:has(input[type="checkbox"]:checked) label,
+.gr-checkbox:has(input[type="checkbox"]:checked) span {
+    color: var(--text-primary) !important;
+}
+
+.gr-checkbox label, 
+.gr-checkbox span,
+input[type="checkbox"] + span {
+    color: var(--text-secondary) !important;
+    cursor: pointer !important;
+    user-select: none !important;
+}
 
 label, .gr-label { color: var(--text-secondary) !important; font-weight: 500; }