Экран настроек

<div class="inst-container inst-container--narrow inst-stack">

  <div class="inst-page-header">
    <div class="inst-page-header-main">
      <h3 class="inst-page-title">Параметры прогона</h3>
      <p class="inst-page-desc">Применяются к новым прогонам проекта worldgen.</p>
    </div>
  </div>

  <div class="inst-banner" data-tone="warn">
    <div class="inst-banner-body">
      <div class="inst-banner-title">Есть несохранённые изменения</div>
      <div class="inst-banner-text">Они не применятся, пока вы не нажмёте «Сохранить».</div>
    </div>
  </div>

  <div class="inst-panel">
    <div class="inst-panel-header"><span class="inst-panel-title">Настройки</span></div>
    <div class="inst-panel-body">
      <form class="inst-form">

        <fieldset class="inst-fieldset">
          <legend>Режим прогона</legend>
          <div class="inst-grid">
            <label class="inst-choice-card">
              <input type="radio" name="set-mode" checked>
              <span><span class="inst-choice-card-title">Параллельно</span>
                <span class="inst-choice-card-desc">До 12 агентов сразу. Быстрее, но расход токенов выше.</span></span>
            </label>
            <label class="inst-choice-card">
              <input type="radio" name="set-mode">
              <span><span class="inst-choice-card-title">Последовательно</span>
                <span class="inst-choice-card-desc">По одному агенту. Лог читается сверху вниз.</span></span>
            </label>
          </div>
        </fieldset>

        <div class="inst-field">
          <label class="inst-label" for="set-name">Имя прогона<span class="inst-required">*</span></label>
          <input class="inst-input" id="set-name" value="nightly" aria-describedby="set-name-hint" required>
          <span class="inst-field-hint" id="set-name-hint">Латиница, цифры и дефис</span>
        </div>

        <div class="inst-field inst-field--side">
          <label class="inst-label" for="set-model">Модель</label>
          <span class="inst-select-wrap">
            <select class="inst-select" id="set-model"><option>opus</option><option>sonnet</option></select>
          </span>
        </div>

        <div class="inst-field inst-field--side">
          <label class="inst-label" for="set-limit">Лимит токенов</label>
          <div class="inst-input-group">
            <input class="inst-input" id="set-limit" value="250000">
            <span class="inst-input-affix">на прогон</span>
          </div>
        </div>

        <fieldset class="inst-fieldset">
          <legend>Применяются сразу</legend>
          <div class="inst-stack inst-stack--tight">
            <label class="inst-switch"><input type="checkbox" checked>Показывать лог в реальном времени</label>
            <label class="inst-switch"><input type="checkbox">Останавливать прогон на первом отказе</label>
          </div>
          <div class="inst-note" data-tone="neutral">Свитч применяется в момент нажатия — кнопка «Сохранить» на него не влияет.</div>
        </fieldset>

      </form>

      <div class="inst-form-actions">
        <span class="inst-form-actions-note">Изменения не сохранены</span>
        <button class="inst-btn" type="button">Отмена</button>
        <button class="inst-btn inst-btn--primary" type="button">Сохранить</button>
      </div>
    </div>
  </div>
</div>