Killed css

app.py

@@ -43,8 +43,7 @@ try:
     
     # Load the main transformer from the repo and filename
     i2v_transformer = WanTransformer3DModel.from_single_file(
-        I2V_FUSIONX_REPO_ID,
-        filename=I2V_FUSIONX_FILENAME,
+        "https://huggingface.co/vrgamedevgirl84/Wan14BT2VFusioniX/blob/main/Wan14Bi2vFusioniX_fp16.safetensors",
         torch_dtype=torch.bfloat16
     )
 
@@ -82,202 +81,8 @@ MAX_FRAMES_MODEL = 81
 
 # --- Default Prompts ---
 default_prompt_i2v = "Cinematic motion, smooth animation, detailed textures, dynamic lighting, professional cinematography"
-default_prompt_t2v = "A breathtaking landscape with a flowing river, cinematic, 8k, photorealistic"
 default_negative_prompt = "Static image, no motion, blurred details, overexposed, underexposed, low quality, worst quality, JPEG artifacts, ugly, incomplete, extra fingers, poorly drawn hands, poorly drawn faces, deformed, disfigured, misshapen limbs, fused fingers, still picture, messy background, watermark, text, signature, three legs, many people in the background, walking backwards"
 
-# --- Enhanced CSS for FusionX theme ---
-custom_css = """
-/* Enhanced FusionX theme with cinematic styling */
-.gradio-container {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
-    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #533a7d 75%, #6a4c93 100%) !important;
-    background-size: 400% 400% !important;
-    animation: cinematicShift 20s ease infinite !important;
-}
-@keyframes cinematicShift {
-    0% { background-position: 0% 50%; }
-    25% { background-position: 100% 50%; }
-    50% { background-position: 100% 100%; }
-    75% { background-position: 0% 100%; }
-    100% { background-position: 0% 50%; }
-}
-/* Main container with cinematic glass effect */
-.main-container {
-    backdrop-filter: blur(15px);
-    background: rgba(255, 255, 255, 0.08) !important;
-    border-radius: 25px !important;
-    padding: 35px !important;
-    box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.4) !important;
-    border: 1px solid rgba(255, 255, 255, 0.15) !important;
-    position: relative;
-    overflow: hidden;
-}
-.main-container::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, transparent 50%, rgba(255,255,255,0.05) 100%);
-    pointer-events: none;
-}
-/* Enhanced header with FusionX branding */
-h1 {
-    background: linear-gradient(45deg, #ffffff, #f0f8ff, #e6e6fa) !important;
-    -webkit-background-clip: text !important;
-    -webkit-text-fill-color: transparent !important;
-    background-clip: text !important;
-    font-weight: 900 !important;
-    font-size: 2.8rem !important;
-    text-align: center !important;
-    margin-bottom: 2.5rem !important;
-    text-shadow: 2px 2px 8px rgba(0,0,0,0.3) !important;
-    position: relative;
-}
-h1::after {
-    content: '🎬 FusionX Enhanced';
-    display: block;
-    font-size: 1rem;
-    color: #6a4c93;
-    margin-top: 0.5rem;
-    font-weight: 500;
-}
-/* Enhanced component containers */
-.input-container, .output-container {
-    background: rgba(255, 255, 255, 0.06) !important;
-    border-radius: 20px !important;
-    padding: 25px !important;
-    margin: 15px 0 !important;
-    backdrop-filter: blur(10px) !important;
-    border: 1px solid rgba(255, 255, 255, 0.12) !important;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
-}
-/* Cinematic input styling */
-input, textarea, .gr-box {
-    background: rgba(255, 255, 255, 0.95) !important;
-    border: 1px solid rgba(106, 76, 147, 0.3) !important;
-    border-radius: 12px !important;
-    color: #1a1a2e !important;
-    transition: all 0.4s ease !important;
-    box-shadow: 0 2px 8px rgba(106, 76, 147, 0.1) !important;
-}
-input:focus, textarea:focus {
-    background: rgba(255, 255, 255, 1) !important;
-    border-color: #6a4c93 !important;
-    box-shadow: 0 0 0 3px rgba(106, 76, 147, 0.15) !important;
-    transform: translateY(-1px) !important;
-}
-/* Enhanced FusionX button */
-.generate-btn {
-    background: linear-gradient(135deg, #6a4c93 0%, #533a7d 50%, #0f3460 100%) !important;
-    color: white !important;
-    font-weight: 700 !important;
-    font-size: 1.2rem !important;
-    padding: 15px 40px !important;
-    border-radius: 60px !important;
-    border: none !important;
-    cursor: pointer !important;
-    transition: all 0.4s ease !important;
-    box-shadow: 0 6px 20px rgba(106, 76, 147, 0.4) !important;
-    position: relative;
-    overflow: hidden;
-}
-.generate-btn::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: -100%;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
-    transition: left 0.5s ease;
-}
-.generate-btn:hover::before {
-    left: 100%;
-}
-.generate-btn:hover {
-    transform: translateY(-3px) scale(1.02) !important;
-    box-shadow: 0 8px 25px rgba(106, 76, 147, 0.6) !important;
-}
-/* Enhanced slider styling */
-input[type="range"] {
-    background: transparent !important;
-}
-input[type="range"]::-webkit-slider-track {
-    background: linear-gradient(90deg, rgba(106, 76, 147, 0.3), rgba(83, 58, 125, 0.5)) !important;
-    border-radius: 8px !important;
-    height: 8px !important;
-}
-input[type="range"]::-webkit-slider-thumb {
-    background: linear-gradient(135deg, #6a4c93, #533a7d) !important;
-    border: 3px solid white !important;
-    border-radius: 50% !important;
-    cursor: pointer !important;
-    width: 22px !important;
-    height: 22px !important;
-    -webkit-appearance: none !important;
-    box-shadow: 0 2px 8px rgba(106, 76, 147, 0.3) !important;
-}
-/* Enhanced accordion */
-.gr-accordion {
-    background: rgba(255, 255, 255, 0.04) !important;
-    border-radius: 15px !important;
-    border: 1px solid rgba(255, 255, 255, 0.08) !important;
-    margin: 20px 0 !important;
-    backdrop-filter: blur(5px) !important;
-}
-/* Enhanced labels */
-label {
-    color: #ffffff !important;
-    font-weight: 600 !important;
-    font-size: 1rem !important;
-    margin-bottom: 8px !important;
-    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
-}
-/* Enhanced image upload */
-.image-upload {
-    border: 3px dashed rgba(106, 76, 147, 0.4) !important;
-    border-radius: 20px !important;
-    background: rgba(255, 255, 255, 0.03) !important;
-    transition: all 0.4s ease !important;
-    position: relative;
-}
-.image-upload:hover {
-    border-color: rgba(106, 76, 147, 0.7) !important;
-    background: rgba(255, 255, 255, 0.08) !important;
-    transform: scale(1.01) !important;
-}
-/* Enhanced video output */
-video {
-    border-radius: 20px !important;
-    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
-    border: 2px solid rgba(106, 76, 147, 0.3) !important;
-}
-/* Tab styling */
-.gr-tabs { 
-    border-radius: 15px !important; 
-    overflow: hidden;
-    border: 1px solid rgba(255, 255, 255, 0.1) !important;
-}
-.gr-tabs .tabs {
-    background-color: rgba(255, 255, 255, 0.05) !important;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
-}
-.gr-tabs .tab-item {
-    background: transparent !important;
-    color: #a9a9d8 !important;
-    border-radius: 10px 10px 0 0 !important;
-    transition: all 0.3s ease !important;
-    padding: 12px 20px !important;
-}
-.gr-tabs .tab-item.selected {
-    background: rgba(255, 255, 255, 0.1) !important;
-    color: #ffffff !important;
-    border-bottom: 2px solid #6a4c93 !important;
-}
-"""
-
 # --- Helper Functions ---
 def sanitize_prompt_for_filename(prompt: str, max_len: int = 60) -> str:
     """Sanitizes a prompt string to be used as a valid filename."""
@@ -371,7 +176,7 @@ def generate_i2v_video(input_image, prompt, height, width,
     return video_path, current_seed, gr.File(value=video_path, visible=True, label=f"📥 Download: {filename}")
 
 # --- Gradio UI Layout ---
-with gr.Blocks(css=custom_css) as demo:
+with gr.Blocks() as demo:
     with gr.Column(elem_classes=["main-container"]):
         gr.Markdown("# ⚡ FusionX Enhanced Wan 2.1 Video Suite")