...

app/styles.css

@@ -79,10 +79,10 @@
 }
 
 
-/* Установка высоты правой колонки */
+/* Установка высоты правой колонки
 .right-col {
     height: 1850px;
-}
+} */
 
 /* optionally allow horizontal scroll on overflow */
 .right-col .markdown {
@@ -90,13 +90,6 @@
 }
 
 
-/* 1. Авто‑ширина колонок */
-.right-col .markdown table {
-  width: 100%;            /* растянуть на всю ширину колонки */
-  table-layout: auto;     /* авто‑расчёт ширины по содержимому */
-}
-
-
 /* класс .small-btn делает ширину кнопки по её содержимому */
 .small-btn {
   width: auto !important;
@@ -128,3 +121,48 @@
     margin-top: 10px;
     color: green;
 }
+
+
+
+
+
+
+
+
+.right-col {
+    min-height: 100vh;  /* Минимальная высота на весь экран */
+    overflow-y: auto;   /* Вертикальный скролл при необходимости */
+    height: auto;      /* Автоматическая высота */
+}
+
+#plan-output {
+    max-height: 70vh;    /* Ограничение максимальной высоты */
+    overflow-y: auto;    /* Скролл внутри блока с текстом */
+    margin-bottom: 20px; /* Отступ от нижних кнопок */
+}
+
+/* 1. Авто‑ширина колонок */
+.right-col .markdown table {
+  width: 100%;            /* растянуть на всю ширину колонки */
+  table-layout: auto;     /* авто‑расчёт ширины по содержимому */
+}
+
+/* Фиксирует панель с кнопками внизу правой колонки */
+.output-panel {
+    position: relative;
+    min-height: 80vh;
+}
+
+.feedback-button {
+    position: sticky;
+    bottom: 20px;
+    margin-top: auto; /* Прижимает к низу */
+}
+
+.gradio-container {
+    overflow: visible !important;
+}
+
+#plan-output {
+    white-space: pre-wrap; /* Сохраняет переносы строк */
+}