Panel yüksekliğini HF ekranına uyarla

app.py

@@ -583,7 +583,14 @@ CSS = """
 @media (max-width: 900px) { .arac-kayit { grid-template-columns: repeat(2, 1fr); } }
 
 .panel-kutu { border: 1px solid var(--border-color-primary); border-radius: 10px;
-              padding: 12px 14px; height: min(52vh, 620px); min-height: 230px;
+              padding: 12px 14px;
+              /* HF Space'in üst menüsü iframe'in kullanabildiği yüksekliği azaltır.
+                 Paneli doğrudan vh'nin yarısı yapmak composer'ı ekranın altına
+                 itiyordu. Başlık, araçlar, örnekler ve composer için 540px ayır;
+                 büyük ekranlarda da panelin gereksiz yere uzamasını engelle. */
+              height: clamp(250px, calc(100vh - 540px), 460px);
+              height: clamp(250px, calc(100dvh - 540px), 460px);
+              min-height: 0;
               display: flex; flex-direction: column; font-family: var(--font-metin); overflow: hidden; }
 .panel-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;
              padding-bottom: 8px; margin-bottom: 2px; border-bottom: 1px solid var(--border-color-primary);