Пожалуйста, сформируй полный HTML-код (ничего не пропускай), выделив его обратными тройными кавычками, для следующего запроса: "Пиши весь код в одном файле". В прошлой итерации код выглядел следующим образом: "<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <title>AI Stories</title>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      background: #f5f5f5;
    }

    .app-container {
      width: 90%;
      max-width: 600px;
      padding: 20px;
      background: white;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
    }

    h1 {
      text-align: center;
      color: #333;
    }

    .input-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 20px;
    }

    textarea {
      width: 100%;
      height: 150px;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #ccc;
      margin-bottom: 10px;
      font-size: 16px;
      resize: none;
    }

    .actions {
      display: flex;
      justify-content: space-around;
      width: 100%;
    }

    button {
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    button:hover {
      background-color: #ddd;
    }

    .lang-switch {
      position: fixed;
      top: 10px;
      right: 10px;
      cursor: pointer;
    }
  </style>
</head>

<body>
  <!-- Language Switcher -->
  <div class="lang-switch">
    <i class="fas fa-globe"></i>
    <select id="languageSelect">
      <option value="ru">RU</option>
      <option value="en">EN</option>
    </select>
  </div>

  <!-- Main Application Container -->
  <div class="app-container">
    <h1>AI Stories</h1>
    <div class="input-section">
      <textarea id="storyInput" placeholder="Начните вашу историю здесь..."></textarea>
      <div class="actions">
        <button id="randomStoryBtn"><i class="fas fa-magic"></i></button>
        <button id="startStoryBtn">Начать историю</button>
      </div>
    </div>
  </div>

  <script type="module">
    import { initApp } from './scripts/app.js';

    document.addEventListener("DOMContentLoaded", () => {
      initApp();
    });
  </script>
</body>

</html>". Запрос прошлой итерации был таким: "На основе данного HTML-шаблона создай приложение под названием “AI Stories” с красивым и приятным интерфейсом. Это должен быть генератор бесконечных историй на основе нейросети, в котором пользователь может вносить свои сюжетные повороты в историю на каждом этапе. Важные ключевые моменты: 1) В шаблоне уже есть функция requestAI, которую нужно использовать для запросов к нейросети, ее нельзя менять.  2) Приложение должно быть адаптивно и иметь мобильную версию. 3) JavaScript-код должен иметь модульную структуру. 4) Приложение должно быть на двух языках: RU и EN, должно быть переключение. По умолчанию язык RU. 5) Для иконок нужно использовать Font Awesome. В целом приложение должно иметь 2 большие секции: 1) Главная страница. Она должна быть в красивом привлекательном дизайне. На ней должно находиться: - Название приложения. - Переключатель языка, он должен быть на двух секциях, поэтому его можно сделать независимым элементом, который всегда закреплен в верхнем правом углу. - Большое поле ввода начала истории. - Иконка с волшебной палочкой рядом с полем для запроса случайной истории у нейросети. - Кнопка начала истории.".