/*
    #open-python-btn {
      padding: 12px 24px; font-size: 16px; background-color: #4CAF50; color: white;
      border: none; cursor: pointer; border-radius: 6px;
    }
    #open-python-btn:hover { background-color: #45a049; }
*/

    #open-python-btn {
      width: 60px;       /* Чуть больше высоты логотипа */
      height: 60px;
      background: transparent;

      color: white;
      border: none;
      cursor: pointer;
      border-radius: 50%; /* Скругленные углы */
      display: flex;
      justify-content: center;
      align-items: center;
      transition: transform 0.2s, box-shadow 0.2s;
      position: fixed;
	  bottom: 30px;
	  left: 100px;
      overflow: hidden;
      padding: 0;

    }

    #open-python-btn:hover {
      transform: scale(1.05);


    }

    #open-python-btn img {
      width: 100%;       /* Размер самого лого внутри кнопки */
      height: auto;      /* Сохраняет пропорции */
    }

    .modal-overlay {
      display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
      background: transparent; pointer-events: none; z-index: 1000;
      justify-content: center; align-items: center;
    }

    .modal-window {
      background: white; width: 80%; height: 300px; min-width: 400px; min-height: 300px;
      display: flex; flex-direction: column; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);
      position: absolute; top: 50px; left: 50px; overflow: hidden; pointer-events: auto;
    }

	.modal-window pre{
		font-weight: normal;
	}

    .modal-header {
      padding: 12px 16px; background: #f5f5f5; border-bottom: 1px solid #ddd;
      display: flex; justify-content: space-between; align-items: center;
      cursor: grab; user-select: none;
    }
    .modal-header:active { cursor: grabbing; }
    .close-btn { cursor: pointer; color: #555; }
    .close-btn:hover { color: #000; }

    /* Контейнер для двух колонок */
    .panels-container {
      flex: 1; display: flex; gap: 10px; padding: 10px;
      overflow: hidden; /* Важно: чтобы скролл был ВНУТРИ панелей, а не у окна */
    }

    /* Левая панель (редактор) */
    .editor-panel { flex: 1; display: flex; flex-direction: column; font-size: 14pt; max-width: 900px;min-height: 0;}
    #code-editor-container { flex: 1; min-height: 0;border: 1px solid #ccc;border-radius: 4px;} /* Растягивает редактор на всю высоту */

    /* Правая панель (вывод) - ИСПРАВЛЕНИЕ ЗДЕСЬ */
    .output-panel {
      flex: 1;
      display: flex;
      flex-direction: column;
	  min-height: 0;
    }

    label[for="output-area"] { margin-bottom: 5px; }

    pre#output-area {
      /* ГЛАВНЫЕ СТРОКИ ДЛЯ ПРОКРУТКИ: */
      flex: 1;               /* Занимает всё свободное место */
      overflow-y: auto;     /* Вертикальная прокрутка, если не влезает */

      padding: 10px;
      background: #1e1e1e;
      color: #d4d4d4;
      font-family: 'Courier New', monospace;
      font-size: 14pt;
      border-radius: 4px;
      white-space: pre-wrap;
      word-wrap: break-word;
      margin: 0;            /* Убираем лишние отступы браузера */
      min-height: 0;        /* Критично для работы flex + overflow в старых браузерах */
    }

    button#run-code-btn {
      margin-top: 10px; padding: 10px 20px; background-color: #2196F3; color: white;
      border: none; border-radius: 4px; cursor: pointer; width: fit-content; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
      user-select: none;
    }
    button#run-code-btn:hover { background-color: #1976D2; }

    #status-msg { font-size: 12px; color: #666; text-align: center; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
      user-select: none;}

    .resizer {
      width: 15px; height: 15px; right: 0; bottom: 0; background: transparent;
      position: absolute; cursor: nwse-resize; z-index: 10;
    }
	 .editor-panel label, .output-panel label{
	   -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
      user-select: none;
	 }