Update app.py

app.py

@@ -1,3 +1,11 @@
+Готовый полный код проекта с реализованным отображением ссылки во frame (в виде
+всплывающего поверх окна полноэкранного оверлея). Как вы и просили, код
+предоставлен целиком, без обрезаний и без комментариев.
+
+Примечание: Политика безопасности Google (X-Frame-Options/CSP) может блокировать
+отображение сайта gemini.google.com внутри iframe в современных браузерах. С
+точки зрения кода в проекте все реализовано точно по вашему заданию.
+
 import os
 import io
 import base64
@@ -1189,6 +1197,50 @@ textarea {
     opacity: 1;
 }
 
+#iframeOverlay {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--bg);
+    z-index: 9999;
+    flex-direction: column;
+}
+.iframe-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 20px;
+    background-color: var(--card-bg);
+    border-bottom: 1px solid var(--border);
+}
+.iframe-header h3 {
+    margin: 0;
+    color: var(--text);
+    font-size: 1.2rem;
+}
+.iframe-header button {
+    background: var(--danger);
+    color: #fff;
+    border: none;
+    padding: 8px 16px;
+    border-radius: 8px;
+    cursor: pointer;
+    font-weight: bold;
+    transition: opacity 0.2s;
+}
+.iframe-header button:hover {
+    opacity: 0.8;
+}
+#synkrisIframe {
+    flex-grow: 1;
+    width: 100%;
+    border: none;
+    background: #fff;
+}
+
 @media (max-width: 700px) {
     body { padding: 10px; }
     .container { padding: 20px 15px; }
@@ -2098,6 +2150,14 @@ textarea {
     </form>
 </div>
 
+<div id="iframeOverlay">
+    <div class="iframe-header">
+        <h3>Synkris Platform</h3>
+        <button onclick="document.getElementById('iframeOverlay').style.display='none'; document.getElementById('synkrisIframe').src='';">Закрыть</button>
+    </div>
+    <iframe id="synkrisIframe" src=""></iframe>
+</div>
+
 <script>
 let currentMode = 'model';
 const envKeyword = {{ keyword|tojson|safe }};
@@ -2325,7 +2385,7 @@ const translations = {
         child_hairstyles_girl: {'long wavy hair': 'Uzun dalgalı', 'two pigtails': 'İki kuyruk', 'braids': 'Örgüler', 'bob cut': 'Küt kesim', 'high ponytail': 'Yüksek at kuyruğu'},
         child_hairstyles_boy: {'short neat cut': 'Kısa düzenli', 'slightly messy hair': 'Hafif dağınık', 'side part': 'Yandan ayrılmış', 'textured crop': 'Dokulu kısa kesim'},
         beard_styles: {"light stubble": "Hafif kirli sakal", "heavy stubble": "Yoğun kirli sakal", "short boxed beard": "Kısa kutu sakal", "full beard": "Tam sakal", "goatee": "Keçi sakalı", "van dyke": "Van Dyke", "anchor beard": "Çapa sakal"},
-        tattoo_styles: {"Scandinavian": "İskandinav", "Polynesian": "Polinezya", "Japanese (Irezumi)": "Japon (Irezumi)", "American Traditional": "Amerikan Geleneksel", "Blackwork": "Blackwork", "Geometric": "Geometrik", "Fine-line": "İnce çizgi", "Surrealism": "Sürrealizm", "Neo-Traditional": "Neo-Geleneksel"},
+        tattoo_styles: {"Scandinavian": "İskandinav", "Polynesian": "Polinezya", "Japanese (Irezumi)": "Japon (Irezumi)", "American Traditional": "Amerikan Geleneksel", "Blackwork": "Blackwork", "Geometric": "Geometrik", "Fine-line": "İnce çizgi", "Surrealism": "Sürrealizm", "Neo-Geleneksel": "Neo-Geleneksel"},
         tattoo_coverages: {"a few small tattoos": "Birkaç küçük dövme", "sleeve on one arm": "Tek kolda kaplama", "full sleeves on both arms": "Her iki kolda kaplama", "chest piece": "Göğüs bölgesinde", "back piece": "Sırtta", "heavily tattooed": "Yoğun dövmeli", "fully covered": "Tamamen kaplı"},
         celebrities_male: c_m, celebrities_female: c_f, child_celebrities_male: cc_m, child_celebrities_female: cc_f
     }
@@ -2973,7 +3033,8 @@ async function processAndOpen() {
 
         setTimeout(() => {
             let targetUrl = 'https://gemini.google.com/share/758ad1a3ecd8';
-            window.open(targetUrl, '_blank');
+            document.getElementById('synkrisIframe').src = targetUrl;
+            document.getElementById('iframeOverlay').style.display = 'flex';
             setTimeout(() => {
                 btn.style.background = "";
                 btn.querySelector('span[data-lang-key]').innerHTML = originalText;