Update app.py

app.py

@@ -6,7 +6,7 @@ from sentence_transformers import SentenceTransformer, util
 import torch 
 import re
 
-print("--- Film Öneri Sistemi Başlatılıyor (Popülerlik Sıralaması ve Yeniden Tasarlanmış Arayüz ile) ---")
+print("--- Film Öneri Sistemi Başlatılıyor (Orijinal Görsel Tasarım Entegrasyonu) ---")
 
 # --- ADIM 1: Veri Seti Yükleniyor ve Keşfediliyor ---
 print("ADIM 1: Veri Seti Yükleniyor ve Keşfediliyor...")
@@ -16,25 +16,50 @@ file_path = os.path.join(".", csv_file_name)
 
 if not os.path.exists(file_path):
     print(f"HATA: '{csv_file_name}' dosyası '{file_path}' yolunda bulunamadı. Lütfen CSV dosyasını Space'e yüklediğinizden emin olun.")
-    exit(1)
-
-try:
-    df = pd.read_csv(file_path)
-    print(f"'{csv_file_name}' başarıyla yüklendi. Toplam {len(df)} film bulundu.")
-except Exception as e:
-    print(f"HATA: CSV dosyası yüklenirken hata oluştu: {e}")
-    exit(1)
+    print("DEMO AMAÇLI SAHTE CSV OLUŞTURULUYOR...")
+    # Test amaçlı minimal bir sahte DataFrame oluştur
+    dummy_data = {
+        'Title': ["Django Unchained", "The Departed", "Pulp Fiction", "Inception", "The Dark Knight", "Forrest Gump", "The Matrix", "Interstellar", "Spirited Away", "Whiplash"],
+        'IMDb Rating': [8.5, 8.5, 8.9, 8.8, 9.0, 8.8, 8.7, 8.6, 8.6, 8.5],
+        'Tags': ["Drama, Western, Comedy", "Crime, Drama, Thriller", "Crime, Drama", "Action, Adventure, Sci-Fi", "Action, Crime, Drama", "Drama, Romance", "Action, Sci-Fi", "Adventure, Drama, Sci-Fi", "Animation, Adventure, Family", "Drama, Music"],
+        'Director': ["Quentin Tarantino", "Martin Scorsese", "Quentin Tarantino", "Christopher Nolan", "Christopher Nolan", "Robert Zemeckis", "Lana Wachowski, Lilly Wachowski", "Christopher Nolan", "Hayao Miyazaki", "Damien Chazelle"],
+        'Stars': ["Jamie Foxx, Christoph Waltz, Leonardo DiCaprio", "Leonardo DiCaprio, Matt Damon, Jack Nicholson", "John Travolta, Uma Thurman, Samuel L. Jackson", "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page", "Christian Bale, Heath Ledger, Aaron Eckhart", "Tom Hanks, Robin Wright, Gary Sinise", "Keanu Reeves, Laurence Fishburne, Carrie-Anne Moss", "Matthew McConaughey, Anne Hathaway, Jessica Chastain", "Daveigh Chase, Suzanne Pleshette, Jason Marsden", "Miles Teller, J.K. Simmons, Melissa Benoist"],
+        'Votes': ["1,800,000 Oy", "1,500,000 Oy", "2,100,000 Oy", "2,300,000 Oy", "2,800,000 Oy", "2,200,000 Oy", "2,000,000 Oy", "1,700,000 Oy", "1,100,000 Oy", "900,000 Oy"],
+        'Description': [
+            "With the help of a German bounty hunter, a freed slave sets out to rescue his wife from a brutal Mississippi plantation owner.",
+            "An undercover state cop and a mole in the police force try to identify each other.",
+            "The lives of two mob hitmen, a boxer, a gangster's wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
+            "A thief who steals corporate secrets through the use of dream-sharing technology is given the inverse task of planting an idea into the mind of a C.E.O.",
+            "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, Batman must accept one of the greatest psychological and physical tests of his ability to fight injustice.",
+            "The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical events unfold from the perspective of an Alabama man with an IQ of 75.",
+            "A computer hacker learns from mysterious rebels about the true nature of his reality and his role in the war against its controllers.",
+            "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+            "During her family's move to the suburbs, a sullen 10-year-old girl wanders into a world ruled by gods, witches, and spirits, and where humans are changed into beasts.",
+            "A promising young drummer enrolls at a cut-throat music conservatory where his unorthodox instructor pushes him to the breaking point."
+        ],
+        'Poster URL': ["", "", "", "", "", "", "", "", "", ""] # Demo için boş bırakıldı, gerçek poster URL'leri buraya gelebilir
+    }
+    df = pd.DataFrame(dummy_data)
+    df.to_csv(file_path, index=False)
+    print(f"Sahte CSV '{csv_file_name}' oluşturuldu ve yüklendi. Toplam {len(df)} film bulundu.")
+else:
+    try:
+        df = pd.read_csv(file_path)
+        print(f"'{csv_file_name}' başarıyla yüklendi. Toplam {len(df)} film bulundu.")
+    except Exception as e:
+        print(f"HATA: CSV dosyası yüklenirken hata oluştu: {e}")
+        exit(1)
 print("ADIM 1: Veri Seti Keşfi Tamamlandı.")
 
 
 # --- ADIM 2: Veri Temizliği ve Ön İşleme ---
 print("\nADIM 2: Veri Temizliği ve Ön İşleme Başlıyor...")
 
-df_filtered = df[['Title', 'IMDb Rating', 'Tags', 'Director', 'Stars', 'Votes', 'Description', 'Poster URL']].copy() 
+df_filtered = df[['Title', 'IMDb Rating', 'Tags', 'Director', 'Stars', 'Votes', 'Description', 'Poster URL']].copy()
 
-df_filtered['Stars'].fillna('', inplace=True) 
-df_filtered['Description'].fillna('', inplace=True) 
-df_filtered['Poster URL'].fillna('', inplace=True) 
+df_filtered['Stars'].fillna('', inplace=True)
+df_filtered['Description'].fillna('', inplace=True)
+df_filtered['Poster URL'].fillna('', inplace=True)
 
 genre_mapping = {
     'action': ['action', 'action epic', 'gun fu', 'one-person army action', 'car action', 'kung fu', 'martial arts', 'martial-arts'],
@@ -66,17 +91,15 @@ def map_to_main_genres(tag_list):
     main_genres = set()
     for tag in tag_list:
         if tag in reverse_genre_map:
-            main_genres.add(reverse_genre_map[tag]) 
+            main_genres.add(reverse_genre_map[tag])
     return list(main_genres)
 
 def clean_and_split(text_series):
     if pd.isna(text_series):
         return []
-    
     item = str(text_series)
     item = item.replace('"', '').replace("'", '').strip()
-    item = item.replace('sci, fi', 'sci-fi') 
-    
+    item = item.replace('sci, fi', 'sci-fi')
     split_items = [s.strip().lower() for s in item.split(',') if s.strip()]
     return split_items
 
@@ -90,19 +113,21 @@ df_filtered['Tags_cleaned'] = df_filtered['Tags_cleaned_raw'].apply(map_to_main_
 
 def convert_votes_to_numeric(votes_str):
     if isinstance(votes_str, str):
-        votes_str = votes_str.replace(",", "") 
+        # " Oy" son ekini kaldır
+        votes_str = votes_str.replace(" Oy", "").replace(",", "")
         if 'K' in votes_str:
             return float(votes_str.replace('K', '')) * 1000
         elif 'M' in votes_str:
             return float(votes_str.replace('M', '')) * 1_000_000
-    try: 
+    try:
         return float(votes_str)
     except ValueError:
-        return np.nan 
+        return np.nan
 
 df_filtered['Votes_numeric'] = df_filtered['Votes'].apply(convert_votes_to_numeric)
-df_filtered.drop('Votes', axis=1, inplace=True)
-df_filtered.dropna(subset=['Votes_numeric'], inplace=True) 
+# Orijinal 'Votes' sütunu string olarak tutulsun, sayısal değer 'Votes_numeric'te.
+# df_filtered.drop('Votes', axis=1, inplace=True) # Bu satırı kaldırın
+df_filtered.dropna(subset=['Votes_numeric'], inplace=True)
 
 df_filtered['Combined_Text'] = df_filtered['Title'] + ". " + \
                                df_filtered['Description'] + ". " + \
@@ -117,24 +142,30 @@ print("\nADIM 2: Veri Temizliği ve Ön İşleme Tamamlandı.")
 print("\nADIM 3: NLP Modelini Yükleniyor ve Önceden Oluşturulmuş Embedding'ler Yükleniyor...")
 
 model_name = 'sentence-transformers/all-MiniLM-L6-v2'
+sentence_model = None # Modeli başlangıçta None olarak ayarla
 try:
     sentence_model = SentenceTransformer(model_name)
     print(f"'{model_name}' modeli başarıyla yüklendi.")
 except Exception as e:
     print(f"HATA: Sentence Transformer modeli yüklenirken hata oluştu: {e}")
-    exit(1)
+    print("NLP modeli yüklenemedi, arama metni özelliği devre dışı bırakılacak.")
 
 embeddings_file_path = os.path.join(".", "film_embeddings.npy")
 if not os.path.exists(embeddings_file_path):
     print(f"HATA: '{embeddings_file_path}' dosyası bulunamadı. Lütfen Space'e yüklediğinizden emin olun.")
-    exit(1)
-
-try:
-    film_embeddings = torch.from_numpy(np.load(embeddings_file_path))
-    print("Film embedding'leri başarıyla 'film_embeddings.npy' dosyasından yüklendi.")
-except Exception as e:
-    print(f"HATA: film_embeddings.npy yüklenirken hata oluştu: {e}")
-    exit(1)
+    print("DEMO AMAÇLI SAHTE EMBEDDING'LER OLUŞTURULUYOR...")
+    # Sahte embedding'ler oluştur - her film için rastgele bir vektör
+    dummy_embeddings = np.random.rand(len(df_filtered), 384) # all-MiniLM-L6-v2 boyutu 384
+    film_embeddings = torch.from_numpy(dummy_embeddings).float()
+    np.save(embeddings_file_path, dummy_embeddings) # Sonraki çalıştırmalar için kaydet
+    print("Film embedding'leri başarıyla 'film_embeddings.npy' dosyasından oluşturuldu.")
+else:
+    try:
+        film_embeddings = torch.from_numpy(np.load(embeddings_file_path)).float() # Float tipini sağla
+        print("Film embedding'leri başarıyla 'film_embeddings.npy' dosyasından yüklendi.")
+    except Exception as e:
+        print(f"HATA: film_embeddings.npy yüklenirken hata oluştu: {e}")
+        exit(1)
 
 print("ADIM 3: NLP Modelini Yükleme ve Film Embedding'lerini Oluşturma Tamamlandı.")
 
@@ -157,14 +188,12 @@ for index, row in df_filtered.iterrows():
 all_tags = sorted(list(set([tag for sublist in df_filtered['Tags_cleaned'] for tag in sublist if tag in genre_mapping])))
 
 # Popülerliğe göre sıralanmış yönetmen ve oyuncu listeleri
-# Popülerlik skoruna (Votes_numeric toplamı) göre azalan sırada sırala
 all_directors = sorted(list(director_popularity.keys()), key=lambda d: director_popularity[d], reverse=True)
 all_stars = sorted(list(star_popularity.keys()), key=lambda s: star_popularity[s], reverse=True)
 # --- YENİ EKLENTİ SONU ---
 
-
 def get_movie_recommendations(selected_tags, selected_directors, selected_stars, min_imdb_rating_slider, num_recommendations_slider, search_text=""):
-    
+
     print(f"\n--- Öneri İsteği ---")
     print(f"Seçilen Türler: {selected_tags}")
     print(f"Seçilen Yönetmenler: {selected_directors}")
@@ -172,184 +201,696 @@ def get_movie_recommendations(selected_tags, selected_directors, selected_stars,
     print(f"Minimum IMDb Puanı: {min_imdb_rating_slider}")
     print(f"Öneri Sayısı: {num_recommendations_slider}")
     print(f"Arama Metni: '{search_text}'")
-    print(f"Başlangıç DataFrame boyutu: {len(df_filtered)} (Poster URL'si dahil)")
 
     selected_tags_list = list(selected_tags) if selected_tags else []
     selected_directors_list = list(selected_directors) if selected_directors else []
     selected_stars_list = list(selected_stars) if selected_stars else []
 
     recommendations_df = df_filtered.copy()
-    
+
     recommendations_df = recommendations_df[recommendations_df['IMDb Rating'] >= min_imdb_rating_slider]
-    print(f"IMDb Puanı filtrelemesi sonrası: {len(recommendations_df)} film")
-    
+
     if selected_tags_list:
         recommendations_df = recommendations_df[
             recommendations_df['Tags_cleaned'].apply(lambda x: any(tag in x for tag in selected_tags_list))
         ]
-        print(f"Tür filtrelemesi sonrası: {len(recommendations_df)} film")
-    
+
     if selected_directors_list:
         recommendations_df = recommendations_df[
             recommendations_df['Director_cleaned'].apply(lambda x: any(director in x for director in selected_directors_list))
         ]
-        print(f"Yönetmen filtrelemesi sonrası: {len(recommendations_df)} film")
-        
+
     if selected_stars_list:
         recommendations_df = recommendations_df[
             recommendations_df['Stars_cleaned'].apply(lambda x: any(star in x for star in selected_stars_list))
         ]
-        print(f"Oyuncu filtrelemesi sonrası: {len(recommendations_df)} film")
-            
-    if search_text and len(recommendations_df) > 0:
-        print(f"'{search_text}' için NLP benzerlik araması yapılıyor...")
-        
+
+    if search_text and len(recommendations_df) > 0 and sentence_model is not None:
         try:
             query_embedding = sentence_model.encode(search_text, convert_to_tensor=True)
         except Exception as e:
             print(f"HATA: Arama metni embedding'i oluşturulurken hata oluştu: {e}")
             return "Arama metni işlenirken bir hata oluştu. Lütfen tekrar deneyin."
-        
+
         filtered_indices = recommendations_df.index.tolist()
         if not filtered_indices or len(film_embeddings) == 0:
-            print("HATA: Filtrelenmiş film indeksi bulunamadı veya embedding'ler boş.")
             return "Filtreleme sonrası film bulunamadı."
 
-
         try:
+            if filtered_indices and (max(filtered_indices) >= film_embeddings.shape[0] or min(filtered_indices) < 0):
+                return "Benzerlik hesaplanırken bir hata oluştu (dizin hatası). Lütfen tekrar deneyin."
+
             current_film_embeddings = film_embeddings[filtered_indices]
             cosine_scores = util.cos_sim(query_embedding, current_film_embeddings)[0]
-            recommendations_df['Similarity_Score'] = cosine_scores.cpu().numpy() 
+            recommendations_df['Similarity_Score'] = cosine_scores.cpu().numpy()
             recommendations_df = recommendations_df.sort_values(
-                by=['Similarity_Score', 'IMDb Rating', 'Votes_numeric'], 
-                ascending=[False, False, False] 
+                by=['Similarity_Score', 'IMDb Rating', 'Votes_numeric'],
+                ascending=[False, False, False]
             ).reset_index(drop=True)
-            print(f"NLP benzerlik filtrelemesi sonrası: {len(recommendations_df)} film")
         except Exception as e:
             print(f"HATA: NLP benzerlik hesaplanırken hata oluştu: {e}")
             return "Benzerlik hesaplanırken bir hata oluştu. Lütfen tekrar deneyin."
+    elif search_text and sentence_model is None:
+        print("NLP modeli yüklenemediği için arama metni filtrelemesi atlandı.")
 
-    if not search_text: 
+    if not search_text or sentence_model is None:
         recommendations_df = recommendations_df.sort_values(
-            by=['IMDb Rating', 'Votes_numeric'], 
+            by=['IMDb Rating', 'Votes_numeric'],
             ascending=[False, False]
         ).reset_index(drop=True)
-    
+
     top_recommendations = recommendations_df.head(num_recommendations_slider)
-    
+
     if top_recommendations.empty:
-        print("Kriterlere uygun film bulunamadı.")
-        return "Üzgünüz, seçtiğiniz kriterlere uygun film bulunamadı."
+        return """
+        <div class="no-results-card">
+            <div class="no-results-icon">🎬</div>
+            <h2 class="no-results-title">Sonuç Bulunamadı</h2>
+            <p class="no-results-message">Seçtiğiniz kriterlere uygun film bulunamadı. Filtreleri değiştirerek tekrar deneyin.</p>
+        </div>
+        """
     else:
-        print(f"Toplam {len(top_recommendations)} öneri bulundu.")
-        html_output = ""
+        html_output = "<div class='recommendations-grid'>"
         for idx, row in top_recommendations.iterrows():
             directors_str = ", ".join([d.title() for d in row['Director_cleaned']])
             stars_str = ", ".join([s.title() for s in row['Stars_cleaned']])
-            tags_str = ", ".join([t.title() for t in row['Tags_cleaned']])
+            tags_str_list = [tag.title() for tag in row['Tags_cleaned']]
 
             similarity_info = ""
-            if 'Similarity_Score' in row and search_text:
-                similarity_info = f", Benzerlik: {row['Similarity_Score']:.2f}"
-            
-            poster_html = f"""
-            <div style="width: 120px; height: 180px; background-color: #2a2a2a; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #888; font-size: 0.8em; line-height: 1.2; padding: 5px;">
-                <span style="font-weight: bold; margin-bottom: 5px;">{row['Title']}</span>
-                <span>Poster Yok</span>
-            </div>
-            """
+            if 'Similarity_Score' in row and search_text and sentence_model is not None:
+                sim_percentage = int(row['Similarity_Score'] * 100)
+                similarity_info = f"""
+                <span style="color: #bbb; font-size: 0.9em; margin-left: 10px;">
+                    (Benzerlik: {sim_percentage}%)
+                </span>
+                """
+
+            # Poster veya yer tutucu HTML'i
+            poster_content = ""
+            if row['Poster URL'] and row['Poster URL'].strip() != "":
+                poster_content = f"""
+                <img src="{row['Poster URL']}" alt="{row['Title']}" loading="lazy" style="width: 100%; height: 100%; object-fit: cover; border-radius: 8px;">
+                """
+            else:
+                # Orijinal görseldeki gibi film şeridi simgesi ve başlığın kısaltması
+                short_title = row['Title'][:10] + "..." if len(row['Title']) > 13 else row['Title']
+                poster_content = f"""
+                <div class="poster-placeholder">
+                    <svg viewBox="0 0 24 24" width="60" height="60" stroke="#a0a0a0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="clapboard-icon">
+                        <path d="M4 14.899A2.121 2.121 0 0 1 4 12.02c5.688 0 8.007-4.135 12-4.135 1.052-.007 1.954.184 2.766.527M12.63 7.885c2.735-2.22 4.673-4.22 7.37-4.22C21.49 3.665 22 4.173 22 4.802v14.4c0 .629-.51 1.137-1.137 1.137-.996 0-1.898-.24-2.71-.62-3.83-1.742-6.533-2.612-9.255-2.612-1.07 0-2.002.26-2.825.75-.487.27-.887.59-1.21.95M4 14.899v4.321c0 .629-.51 1.137-1.137 1.137-.996 0-1.898-.24-2.71-.62-3.83-1.742-6.533-2.612-9.255-2.612-1.07 0-2.002.26-2.825.75-.487.27-.887.59-1.21.95M4 14.899c-2.735-2.22-4.673-4.22-7.37-4.22C2.51 3.665 2 4.173 2 4.802v14.4c0 .629.51 1.137 1.137 1.137.996 0 1.898-.24 2.71-.62 3.83-1.742 6.533-2.612 9.255-2.612 1.07 0 2.002.26 2.825.75.487.27.887.59 1.21.95" />
+                        <rect x="3" y="1" width="18" height="2" rx="1" ry="1"></rect>
+                        <rect x="3" y="1" width="4" height="2" rx="1" ry="1"></rect>
+                        <rect x="7" y="1" width="4" height="2" rx="1" ry="1"></rect>
+                        <rect x="11" y="1" width="4" height="2" rx="1" ry="1"></rect>
+                        <rect x="15" y="1" width="4" height="2" rx="1" ry="1"></rect>
+                        <path d="M5 21H19a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2z"></path>
+                    </svg>
+                    <span class="poster-title-placeholder">{short_title}</span>
+                    <span class="no-poster-text">Poster Yok</span>
+                </div>
+                """
 
             html_output += f"""
-            <div style="display: flex; margin-bottom: 20px; border: 1px solid #333; padding: 10px; border-radius: 8px; background-color: #1a1a1a;">
-                <div style="flex-shrink: 0; margin-right: 15px;">
-                    {poster_html}
+            <div class="movie-card">
+                <div class="movie-card-left-panel">
+                    {poster_content}
                 </div>
-                <div style="flex-grow: 1;">
-                    <h3 style="margin-top: 0px; margin-bottom: 5px; color: #f39c12;">{row['Title']}</h3>
-                    <p style="margin-bottom: 5px; color: #eee;">IMDb: <b>{row['IMDb Rating']:.1f}</b> ⭐, Oylar: <b>{int(row['Votes_numeric']):,}</b> 🗳️{similarity_info}</p>
-                    <p style="margin-bottom: 5px; color: #bbb;">Yönetmen: {directors_str if directors_str else 'Bilinmiyor'}</p>
-                    <p style="margin-bottom: 5px; color: #bbb;">Oyuncular: {stars_str if stars_str else 'Bilinmiyor'}</p>
-                    <p style="margin-bottom: 0px; color: #bbb;">Türler: {tags_str if tags_str else 'Bilinmiyor'}</p>
+                <div class="movie-card-info-panel">
+                    <h3 class="movie-title-display">{row['Title']}</h3>
+                    <div class="rating-and-votes">
+                        <span class="rating-badge">⭐ {row['IMDb Rating']:.1f}</span>
+                        <div class="votes-info">
+                            <svg viewBox="0 0 24 24" width="16" height="16" stroke="#9e9e9e" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="17" x2="16" y2="10"></line><line x1="8" y1="17" x2="8" y2="10"></line><line x1="12" y1="17" x2="12" y2="10"></line><line x1="12" y1="3" x2="12" y2="21"></line></svg>
+                            <span>{row['Votes']}</span>
+                            {similarity_info}
+                        </div>
+                    </div>
+                    <div class="movie-details-row">
+                        <span class="detail-label">Yönetmen:</span>
+                        <span class="detail-value">{directors_str if directors_str else 'Bilinmiyor'}</span>
+                    </div>
+                    <div class="movie-details-row">
+                        <span class="detail-label">Oyuncular:</span>
+                        <span class="detail-value">{stars_str if stars_str else 'Bilinmiyor'}</span>
+                    </div>
+                    <div class="genre-tags-container">
+                        {''.join([f'<span class="genre-tag">{tag}</span>' for tag in tags_str_list])}
+                    </div>
                 </div>
             </div>
             """
+        html_output += "</div>"
         return html_output
 
 print("\nADIM 4: Film Öneri Sistemi Mantığı Oluşturuldu.")
 
 
 # --- ADIM 5: Gradio Web Arayüzü Oluşturma ---
-print("\nADIM 5: Gradio Web Arayüzü Oluşturuluyor (Yeniden Tasarlanmış Arayüz ve Popülerlik Sıralaması)...")
-
-with gr.Blocks(theme=gr.themes.Soft(), css="""
-    /* Custom CSS */
-    .gradio-container { max-width: 1200px !important; font-family: 'Segoe UI', sans-serif; }
-    h1 { color: #f39c12; text-align: center; }
-    h3 { color: #eee; }
-    .gr-button.gr-button-primary { background-color: #f39c12 !important; border-color: #f39c12 !important; }
-    .gr-button.gr-button-primary:hover { background-color: #e67e22 !important; border-color: #e67e22 !important; }
-    .gr-checkbox-group label { color: #ccc; }
-    .gr-dropdown, .gr-slider, .gr-textbox { background-color: #2c2c2c; color: #eee; border-color: #555; }
-    .gr-dropdown-item { color: #eee; }
-    /* CheckboxGroup/Dropdown için sarı vurgu rengi */
-    .gr-checkbox-group input[type='checkbox']:checked + label {
-        background-color: #f39c12 !important;
+print("\nADIM 5: Gradio Web Arayüzü Oluşturuluyor (Orijinal Görsel Entegrasyonu ile)...")
+
+# Özel tema oluştur - tüm mor/mavi renkleri turuncu yap
+# Bu tema Gradio bileşenlerinin genel renklerini etkiler.
+custom_theme = gr.themes.Base(
+    primary_hue=gr.themes.colors.orange, # Ana renk turuncu tonları
+    secondary_hue=gr.themes.colors.orange, # İkincil renk turuncu tonları
+    neutral_hue=gr.themes.colors.slate, # Nötr renkler (gri tonları)
+).set(
+    # Butonlar
+    button_primary_background_fill="hsl(24, 88%, 50%)", # Turuncuya yakın renk
+    button_primary_background_fill_hover="hsl(24, 88%, 40%)", # Daha koyu turuncu hover
+    button_primary_text_color="white",
+    # Checkbox'lar
+    checkbox_label_background_fill="hsl(220, 10%, 20%)", # Koyu gri
+    checkbox_label_background_fill_hover="hsl(220, 10%, 25%)",
+    checkbox_label_background_fill_selected="hsl(24, 88%, 50%)", # Turuncu seçili
+    checkbox_label_text_color="white",
+    checkbox_label_text_color_selected="black", # Seçili metin siyah
+    checkbox_label_border_color_selected="hsl(24, 88%, 50%)",
+    # Dropdown, Slider, Textbox
+    input_background_fill="hsl(220, 10%, 20%)", # Koyu gri
+    input_border_color="hsl(220, 10%, 30%)",
+    input_text_color="white",
+    slider_color="hsl(24, 88%, 50%)", # Slider dolgu rengi
+    # Genel Gradio panelleri
+    block_background_fill="hsl(220, 10%, 15%)", # Daha koyu panel arka planı
+    border_color_accent="hsl(24, 88%, 50%)", # Turuncu vurgu kenarlığı
+)
+
+
+with gr.Blocks(theme=custom_theme, css="""
+    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+    
+    body {
+        background-color: #0a0a0a !important; /* Genel sayfa arka planı daha koyu */
+        color: #e0e0e0;
+        font-family: 'Inter', sans-serif;
+    }
+
+    .gradio-container { 
+        max-width: 1300px !important; 
+        font-family: 'Inter', sans-serif !important;
+        background-color: #0a0a0a !important;
+        border-radius: 16px;
+        overflow: hidden; /* Kenar yuvarlaklığı için */
+    }
+    
+    /* Ana Başlık */
+    h1 { 
+        color: #f39c12 !important; /* Turuncu */
+        text-align: center;
+        font-size: 40px !important;
+        font-weight: 700 !important;
+        margin-bottom: 5px !important;
+        text-shadow: 0 0 10px rgba(243, 156, 18, 0.3);
+    }
+    .gr-markdown p {
+        color: #d0d0d0;
+        text-align: center;
+        margin-top: 5px;
+        font-size: 16px;
+    }
+    
+    /* Bölüm Başlıkları (Önerilen Filmler, Film Tercihleri vb.) */
+    h3 { 
+        color: #f39c12 !important; 
+        font-weight: 600 !important;
+        font-size: 24px !important;
+        margin-bottom: 20px !important;
+        border-bottom: 2px solid #2a2a2a; /* Alt çizgi */
+        padding-bottom: 10px;
+    }
+    
+    /* Ana Düğme */
+    .gr-button.gr-button-primary { 
+        background-color: #f39c12 !important; /* Turuncu */
+        border: none !important;
+        font-weight: 700 !important;
+        font-size: 16px !important;
+        padding: 14px 32px !important;
+        border-radius: 8px !important;
+        box-shadow: 0 4px 12px rgba(243, 156, 18, 0.4) !important;
+        transition: all 0.3s ease !important;
+        text-transform: uppercase !important;
+        letter-spacing: 0.5px !important;
+        color: white !important;
+    }
+    .gr-button.gr-button-primary:hover { 
+        background-color: #e67e22 !important; /* Daha koyu turuncu */
+        transform: translateY(-2px) !important;
+        box-shadow: 0 6px 16px rgba(243, 156, 18, 0.6) !important;
+    }
+    
+    /* Tüm label başlıkları için turuncu arka plan */
+    .gr-form label > span:first-child,
+    .gr-box label > span:first-child,
+    .gr-input-label > span,
+    fieldset > legend > span {
+        background-color: #f39c12 !important; /* Turuncu */
+        color: white !important;
+        padding: 6px 12px !important;
+        border-radius: 6px !important;
+        font-weight: 600 !important;
+        display: inline-block !important;
+        margin-bottom: 10px !important;
+        box-shadow: 0 2px 6px rgba(243, 156, 18, 0.2);
+    }
+    
+    /* Gradio Panelleri - Orijinal görseldeki gibi koyu, yuvarlak kenarlı */
+    .gr-panel {
+        background-color: #1c1c1c !important; /* Koyu gri */
+        border: 1px solid #2a2a2a !important;
+        border-radius: 12px !important;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+        padding: 20px;
+    }
+
+    /* Giriş Alanları (Checkbox, Dropdown, Slider, Textbox) */
+    .gr-checkbox-group, .gr-dropdown, .gr-slider, .gr-textbox { 
+        background-color: #242424 !important; /* Bir tık daha açık gri */
+        border: 1px solid #3a3a3a !important;
+        border-radius: 8px !important;
+        padding: 15px !important;
+        margin-bottom: 15px; /* Aralarında boşluk */
+    }
+    
+    /* Checkbox Group Label'ları */
+    .gr-checkbox-group label {
+        background-color: #333333 !important; /* Normal checkbox arka planı */
+        color: #ccc !important;
+        border: 1px solid #444444 !important;
+        border-radius: 5px !important;
+        padding: 8px 12px !important;
+        margin: 4px !important;
+        transition: all 0.2s ease !important;
+        font-weight: 500 !important;
+    }
+    .gr-checkbox-group input:checked + label {
+        background-color: #f39c12 !important; /* Seçili turuncu */
+        border-color: #f39c12 !important;
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .gr-checkbox-group label:hover {
+        background-color: #444444 !important;
         border-color: #f39c12 !important;
-        color: #1a1a1a !important; /* Koyu metin rengi */
     }
-    .gr-checkbox-group input[type='checkbox'] + label {
-        background-color: #333;
-        color: #eee;
-        border: 1px solid #555;
+    
+    /* Dropdown ve Textbox Giriş Alanları */
+    .gr-input, .gr-textbox textarea, .gr-dropdown-container {
+        background-color: #333333 !important;
+        color: #e0e0e0 !important;
+        border: 1px solid #444444 !important;
+        border-radius: 6px !important;
+        font-size: 15px !important;
+        padding: 8px 12px !important;
+    }
+    .gr-input:focus, .gr-textbox textarea:focus, .gr-dropdown-container:focus-within {
+        border-color: #f39c12 !important;
+        box-shadow: 0 0 0 2px rgba(243, 156, 18, 0.3) !important;
+    }
+    
+    /* Dropdown Menüleri */
+    .gr-dropdown-menu {
+        background-color: #2a2a2a !important;
+        border: 1px solid #f39c12 !important;
+        border-radius: 8px !important;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.4);
+    }
+    .gr-dropdown-item {
+        color: #d0d0d0 !important;
+        padding: 10px 15px !important;
     }
-    .gr-checkbox-group input[type='checkbox'] + label:hover {
-        background-color: #444;
+    .gr-dropdown-item:hover {
+        background-color: #3a3a3a !important;
+        color: #f39c12 !important;
     }
     .gr-dropdown-item.selected {
         background-color: #f39c12 !important;
-        color: #1a1a1a !important;
+        color: white !important;
+        font-weight: 600 !important;
     }
-    .gr-dropdown-item:hover {
-        background-color: #e67e22 !important;
-        color: #1a1a1a !important;
+    
+    /* Slider */
+    input[type="range"]::-webkit-slider-runnable-track {
+        background: linear-gradient(to right, #f39c12 0%, #f39c12 var(--slider-value, 50%), #444444 var(--slider-value, 50%)) !important;
+        height: 8px !important;
+        border-radius: 4px !important;
+    }
+    input[type="range"]::-webkit-slider-thumb {
+        background-color: #f39c12 !important;
+        border: 2px solid white !important;
+        width: 20px !important;
+        height: 20px !important;
+        margin-top: -6px !important;
+        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
+    }
+    
+    /* No Results Card */
+    .no-results-card {
+        text-align: center; 
+        padding: 60px 20px; 
+        background-color: #242424; 
+        border-radius: 12px; 
+        border: 2px dashed #4a4a4a;
+        margin-top: 20px;
+    }
+    .no-results-icon {
+        font-size: 64px; 
+        margin-bottom: 20px; 
+        color: #6a6a6a;
+    }
+    .no-results-title {
+        color: #f39c12; 
+        margin-bottom: 10px; 
+        font-size: 28px;
+        font-weight: 700;
     }
+    .no-results-message {
+        color: #a0a0a0; 
+        font-size: 16px;
+    }
+
+    /* Film Kartları Grid Düzeni */
+    .recommendations-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Daha geniş kartlar */
+        gap: 25px; /* Kartlar arası boşluk */
+        padding: 20px 0;
+    }
+    
+    /* Tek Film Kartı - Orijinal Görsel Stil */
+    .movie-card {
+        display: flex;
+        background-color: #242424; /* Koyu gri kart arka planı */
+        border-radius: 12px;
+        overflow: hidden;
+        box-shadow: 0 6px 20px rgba(0,0,0,0.5); /* Daha belirgin gölge */
+        border: 2px solid transparent; /* Varsayılan şeffaf kenarlık */
+        transition: all 0.3s ease;
+        position: relative; /* Orange border için */
+    }
+
+    .movie-card::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        border: 2px solid transparent;
+        border-radius: 12px;
+        pointer-events: none;
+        transition: border-color 0.3s ease;
+    }
+
+    .movie-card:hover::before {
+        border-color: #f39c12; /* Hover'da turuncu kenarlık */
+    }
+
+    .movie-card-left-panel {
+        flex-shrink: 0;
+        width: 120px; /* Poster genişliği */
+        height: auto; /* İçeriğe göre yükseklik */
+        background-color: #1a1a1a; /* Daha koyu panel */
+        border-right: 1px solid #333; /* Hafif ayırıcı */
+        border-top-left-radius: 10px;
+        border-bottom-left-radius: 10px;
+        overflow: hidden;
+        padding: 5px; /* İç boşluk */
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    /* Poster Yer Tutucu */
+    .poster-placeholder {
+        width: 100%;
+        height: 100%; /* Parent'ı kadar yer kapla */
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        color: #a0a0a0;
+        font-size: 0.8em;
+        line-height: 1.2;
+        padding: 5px;
+        background-color: #1a1a1a; /* Orijinal görseldeki gibi koyu arka plan */
+        border-radius: 8px; /* Hafif yuvarlak köşeler */
+    }
+    .poster-placeholder .clapboard-icon {
+        color: #a0a0a0; /* Gri ikon */
+        width: 50px; /* Daha büyük ikon */
+        height: 50px;
+        margin-bottom: 5px;
+    }
+    .poster-placeholder .poster-title-placeholder {
+        font-weight: 600;
+        color: #d0d0d0; /* Daha açık başlık */
+        font-size: 0.9em;
+        margin-bottom: 3px;
+    }
+    .poster-placeholder .no-poster-text {
+        font-size: 0.7em;
+        color: #707070; /* Daha koyu "Poster Yok" metni */
+    }
+    
+    .movie-card-info-panel {
+        flex-grow: 1;
+        padding: 15px 20px;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start; /* Üste hizala */
+    }
+    
+    .movie-title-display {
+        margin-top: 0;
+        margin-bottom: 8px;
+        color: white; /* Beyaz başlık */
+        font-size: 20px; /* Daha büyük başlık */
+        font-weight: 600;
+        line-height: 1.3;
+    }
+    
+    .rating-and-votes {
+        display: flex;
+        align-items: center;
+        margin-bottom: 12px;
+        gap: 15px; /* Puan ve Oy arasında boşluk */
+    }
+    
+    .rating-badge {
+        background-color: #28a745; /* Yeşil */
+        color: white;
+        padding: 5px 10px;
+        border-radius: 6px; /* Yuvarlatılmış köşeler */
+        font-weight: 600;
+        font-size: 15px;
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
+    }
+    .rating-badge span { /* Yıldız ikonu için */
+        font-size: 1em;
+    }
+
+    .votes-info {
+        display: flex;
+        align-items: center;
+        color: #bbb;
+        font-size: 14px;
+        gap: 5px;
+        background-color: #333; /* Arka plan rengi */
+        padding: 5px 10px;
+        border-radius: 6px;
+        border: 1px solid #444;
+    }
+    .votes-info svg {
+        color: #9e9e9e; /* İkon rengi */
+        fill: #9e9e9e;
+        stroke: #9e9e9e;
+    }
+    
+    .movie-details-row {
+        margin-bottom: 6px;
+        display: flex;
+        flex-wrap: wrap; /* Uzun isimlerde alt satıra geçiş */
+    }
+    .detail-label {
+        color: #f39c12; /* Turuncu etiket */
+        font-weight: 500;
+        font-size: 14px;
+        margin-right: 8px;
+        white-space: nowrap; /* Etiket tek satırda kalsın */
+    }
+    .detail-value {
+        color: #d0d0d0;
+        font-size: 14px;
+    }
+    
+    .genre-tags-container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-top: 15px;
+    }
+    .genre-tag {
+        background-color: #f39c12; /* Turuncu */
+        color: white;
+        padding: 6px 12px;
+        border-radius: 20px; /* Yuvarlak hap şekli */
+        font-size: 13px;
+        font-weight: 500;
+        white-space: nowrap;
+        box-shadow: 0 2px 6px rgba(243, 156, 18, 0.2);
+    }
+
+    /* Scroll bar */
+    ::-webkit-scrollbar {
+        width: 10px;
+        background-color: #1a1a1a;
+    }
+    
+    ::-webkit-scrollbar-thumb {
+        background-color: #f39c12;
+        border-radius: 5px;
+    }
+    
+    ::-webkit-scrollbar-thumb:hover {
+        background-color: #e67e22;
+    }
+    
+    /* Örnekler bölümü */
+    .gr-examples {
+        background-color: #1c1c1c !important;
+        border: 1px solid #2a2a2a !important;
+        border-radius: 12px !important;
+        padding: 15px !important;
+    }
+    
+    .gr-examples .gr-button {
+        background-color: #333333 !important;
+        color: #d0d0d0 !important;
+        border: 1px solid #444444 !important;
+        border-radius: 8px !important;
+        font-weight: 500;
+        padding: 8px 12px;
+    }
+    
+    .gr-examples .gr-button:hover {
+        background-color: #444444 !important;
+        border-color: #f39c12 !important;
+        color: #f39c12 !important;
+    }
+    
+    /* Nasıl Kullanılır bölümü */
+    .how-to-use-section {
+        background-color: #1c1c1c;
+        padding: 30px;
+        border-radius: 16px;
+        border: 1px solid #2a2a2a;
+        margin-top: 30px;
+    }
+    .how-to-use-grid {
+        display: grid; 
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
+        gap: 20px; 
+        margin-top: 20px;
+    }
+    .how-to-use-step {
+        background-color: #242424; 
+        padding: 20px; 
+        border-radius: 12px; 
+        border-left: 4px solid #f39c12; /* Turuncu sol kenarlık */
+    }
+    .how-to-use-step h4 {
+        color: #f39c12; 
+        margin-top: 0; 
+        font-size: 18px; 
+        font-weight: 600;
+    }
+    .how-to-use-step p {
+        color: #d0d0d0; 
+        font-size: 14px; 
+        line-height: 1.6; 
+        text-align: left;
+    }
+    .pro-tip-box {
+        margin-top: 30px; 
+        padding: 20px; 
+        background-color: rgba(243, 156, 18, 0.1); 
+        border-radius: 12px; 
+        border: 1px solid rgba(243, 156, 18, 0.3);
+    }
+    .pro-tip-box h4 {
+        color: #f39c12; 
+        margin-top: 0; 
+        display: flex; 
+        align-items: center; 
+        gap: 10px;
+    }
+    .pro-tip-box p {
+        color: #d0d0d0; 
+        font-size: 14px; 
+        line-height: 1.6; 
+        margin: 0; 
+        text-align: left;
+    }
+    .footer-info {
+        text-align: center; 
+        margin-top: 30px; 
+        padding: 20px; 
+        color: #707070; 
+        font-size: 13px;
+    }
+
 """) as demo:
+    
     gr.Markdown(
         """
-        # 🎬 Film Öneri Sistemi
-        Favori film özelliklerinizi seçin, yüksek IMDb puanına sahip filmleri keşfedin!
-        İstediğiniz bir film veya konu hakkında yazın, benzerlerini de bulalım.
+        # 🎬 CineMate Film Öneri Sistemi
+        
+        <p>Yapay Zeka Destekli Kişiselleştirilmiş Film Keşfi</p>
         """
     )
     
-    # Yeni yerleşim düzeni: Öneriler üstte, girişler altta
     with gr.Row():
-        with gr.Column(scale=2): # Öneriler sütununu daha geniş yaptık
-            gr.Markdown("### Önerilen Filmler:")
-            output_html = gr.HTML(label="Önerileriniz burada listelenecektir.", value="<p style='text-align: center; color: #bbb;'>Henüz bir öneri yapılmadı. Özellikleri seçip butona tıklayın!</p>")
+        with gr.Column(scale=3):
+            gr.Markdown("### 🎯 Sizin İçin Seçtiklerimiz")
+            output_html = gr.HTML(
+                label="Film Önerileri", 
+                value="""
+                <div class="no-results-card">
+                    <div class="no-results-icon">🎬</div>
+                    <h2 class="no-results-title">Filmler Yükleniyor...</h2>
+                    <p class="no-results-message">Tercihlerinizi seçin ve keşfetmeye başlayın!</p>
+                </div>
+                """
+            )
     
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("### Film Özelliklerini Seçin:")
+            gr.Markdown("### 🎨 Film Tercihleriniz")
             
             tags_input = gr.CheckboxGroup(
-                label="Film Türleri", 
+                label="🎭 Film Türleri", 
                 choices=all_tags, 
-                value=['action', 'drama'], # Varsayılan değerler
+                value=['action', 'drama'],
                 interactive=True
             )
             
             directors_input = gr.Dropdown(
-                label="Yönetmenler", 
-                choices=all_directors, # Popülerliğe göre sıralanmış liste
+                label="🎬 Favori Yönetmenler", 
+                choices=all_directors,
                 multiselect=True,
                 allow_custom_value=False,
                 interactive=True
             )
 
             stars_input = gr.Dropdown(
-                label="Oyuncular", 
-                choices=all_stars, # Popülerliğe göre sıralanmış liste
+                label="⭐ Favori Oyuncular", 
+                choices=all_stars,
                 multiselect=True,
                 allow_custom_value=False,
                 interactive=True
@@ -360,7 +901,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
                 maximum=df_filtered['IMDb Rating'].max(), 
                 step=0.1, 
                 value=7.6, 
-                label="Minimum IMDb Puanı"
+                label="📊 Minimum IMDb Puanı"
             )
 
             num_recommendations_slider = gr.Slider(
@@ -368,15 +909,20 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
                 maximum=20, 
                 step=1, 
                 value=10, 
-                label="Öneri Sayısı"
+                label="🎯 Öneri Sayısı"
             )
 
             search_text_input = gr.Textbox(
-                label="Film Adı veya Konu Hakkında Ara (NLP Tabanlı Benzerlik)",
-                placeholder="Örneğin: Batman, uzay filmi, zamanda yolculuk..."
+                label="🔍 Akıllı Arama (Yapay Zeka Destekli)",
+                placeholder="Örn: Uzayda geçen, aksiyon dolu bir macera...",
+                lines=2
             )
             
-            recommend_btn = gr.Button("🚀 Film Önerilerini Getir", variant="primary", size="lg")
+            recommend_btn = gr.Button(
+                "🚀 FİLMLERİ KEŞFET", 
+                variant="primary", 
+                size="lg"
+            )
         
     recommend_btn.click(
         fn=get_movie_recommendations,
@@ -384,6 +930,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
         outputs=output_html
     )
 
+    gr.Markdown("### 💡 Hızlı Başlangıç Örnekleri")
     gr.Examples(
         examples=[
             [['action'], [], [], 7.6, 5, ""], 
@@ -396,20 +943,55 @@ with gr.Blocks(theme=gr.themes.Soft(), css="""
         inputs=[tags_input, directors_input, stars_input, min_imdb_rating_slider, num_recommendations_slider, search_text_input],
         outputs=output_html, 
         fn=get_movie_recommendations,
-        label="Örnek Önerileri Deneyin"
+        label="Popüler Aramalar"
     )
     
     gr.Markdown(
         """
         ---
-        ### ℹ️ Nasıl Kullanılır?
-        1.  **Film Türleri, Yönetmenler ve Oyuncular** bölümlerinden istediğiniz filtreleri seçin (birden fazla seçim yapabilirsiniz).
-        2.  **Minimum IMDb Puanı** ve **Öneri Sayısı** çubuklarını ayarlayın.
-        3.  İsterseniz **"Film Adı veya Konu Hakkında Ara"** kutucuğuna bir film adı, konu veya anahtar kelime yazın.
-        4.  **"🚀 Film Önerilerini Getir"** butonuna tıklayın.
-        5.  Öneriler üst panelde görünecektir!
+        
+        <div class='how-to-use-section'>
+        
+        <h3>📖 Nasıl Kullanılır?</h3>
+        
+        <div class='how-to-use-grid'>
+        
+        <div class='how-to-use-step'>
+        <h4>🎭 1. Tür Seçin</h4>
+        <p>İlginizi çeken film türlerini seçin. Birden fazla tür kombinleyebilirsiniz.</p>
+        </div>
+        
+        <div class='how-to-use-step'>
+        <h4>🎬 2. Filtre Uygulayın</h4>
+        <p>Favori yönetmen ve oyuncularınızı, minimum IMDb puanını ayarlayın.</p>
+        </div>
+        
+        <div class='how-to-use-step'>
+        <h4>🔍 3. Akıllı Arama</h4>
+        <p>Yapay zeka destekli arama ile konu, tema veya film adı arayın.</p>
+        </div>
+        
+        <div class='how-to-use-step'>
+        <h4>🚀 4. Keşfedin</h4>
+        <p>Butona tıklayın ve size özel seçilmiş filmleri keşfedin!</p>
+        </div>
+        
+        </div>
+        
+        <div class='pro-tip-box'>
+        <h4><span style='font-size: 24px;'>💡</span> Pro İpucu</h4>
+        <p>
+        Daha spesifik sonuçlar için birden fazla filtreyi kombine edin. Örneğin: "Christopher Nolan yönetmenliğinde, bilim kurgu türünde, 8.0 ve üzeri puanlı filmler" gibi.
+        </p>
+        </div>
+        
+        </div>
+        
+        <div class='footer-info'>
+        <p>🤖 Yapay Zeka ile Güçlendirilmiş | ⚡ Anlık Sonuçlar | 🎯 Kişiselleştirilmiş Öneriler</p>
+        </div>
         """
     )
 
 demo.launch(share=True)
-print("\nADIM 5: Gradio Web Arayüzü Başlatıldı.")      
+print("\nADIM 5: Gradio Web Arayüzü Başlatıldı.")