Ben, bir seminer katılımcısıyım ve Gemini API'yi kullanarak HTML/CSS/JS tabanlı bir ön yüz uygulaması geliştirmek istiyorum.

Bana, aşağıdaki özelliklere sahip, tamamlanmış ve hatasız bir proje çıktısı üret:
1. **3 Ayrı Dosya:** Projeyi **index.html**, **style.css** ve **app.js** olarak ayrı ayrı, tam kod blokları halinde sun.

2. **Modern Tasarım:** Tasarım (style.css), temiz, modern ve mobil uyumlu (responsive) olmalıdır.

3. **Temel İşlevsellik:** app.js dosyası, kullanıcıdan aldığı metni HTML'e eklemeli, bir API endpoint'ine (örneğin:
`https://api.openai.com/v1/chat/completions` veya özel bir proxy endpoint'i) istek göndermeli ve gelen yanıtı ekrana yansıtmalıdır.

4. **Basitleştirilmiş Entegrasyon:** app.js içinde, API anahtarı için `const API_KEY = "YOUR_API_KEY";` şeklinde bir değişken tanımlanmalı, böylece kullanıcılar sadece bu satırı değiştirerek projeyi çalıştırabilmelidir.

5. **Proje Açıklaması:** Üreteceğin proje, aşağıdaki amaca hizmet etmelidir:

6. ** API KEY = sk-proj-
gdlyo4s2OydJdCgb8JznUIoRfeRO86xISWwjSrLW0VPaTc_DN_eAErt_PNyTLOofH1eurtQqmiT3BlbkFJqUOZWEjPiUFWWFg_J8zyLKlThlH8yJNKOlkA8XrveRBQBFw_oXl7_7oAfpL9XeDrgjjuQvIkQA **

**PROJE AÇIKLAMASI:**

**Çıktı Formatı:** Her dosya, dosya adı başlığı altında ayrı bir kod bloğunda sunulmalıdır. Lütfen açıklayıcı notları kod bloklarının dışına yaz.