Короткую форму не нужно растягивать на всю ширину монитора. Если поле получается слишком длинным, ограничьте ширину рабочей области; пустое место само по себе не повод добавлять карточку.
1. Контекстный блок — по необходимости
Сетка 2/3 + 1/3 уместна, когда справа есть конкретная помощь: лимиты, пример, история или текущий статус. Если такой информации нет, не добавляйте колонку ради заполнения места — используйте основную рабочую область без неё.
На мобильном важные подсказки остаются после формы или раскрываются по запросу. Скрывать можно только вторичный общий контент — лимиты, статусы и ошибки, нужные для действия, должны оставаться доступны.
Правило неразрывного статуса
Спиннер, название этапа и таймер формируют неделимую группу. Секундомер прикреплен к тексту и не отрывается к противоположному краю контейнера:
2. Радиусы: баланс строгости и дружелюбности
Для всех основных карточек стандартизирован радиус rounded-xl ($12\text{ px}$), а для внутренних интерактивных контролов — rounded-lg ($8\text{ px}$). Это создаёт гармоничную визуальную иерархию и исключает эффект «детского» интерфейса.