Кухня на заказ: цена появляется раньше менеджера

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мне без технических знаний собрать калькулятор стоимости кухонь на заказ: параметры, опции, цена, расчёт, заявка. Проектировать базу данных не нужно — это твоя работа.

Сначала короткий опрос на понятном языке (8–15 вопросов с вариантами ответов): какая у меня линейка кухонь — прямая, угловая, П-образная; от чего считается база — погонный метр, секция или комплект; какие материалы фасадов и столешниц я предлагаю; какие опции встречаются чаще всего; нужен ли диапазон «от и до» по размерам; как учитываю монтаж и доставку; какие скидки даю; кто смотрит расчёт — клиент сам или менеджер вместе с ним; какие контакты прошу в заявке; что важно видеть в истории расчётов. Не спрашивай про фреймворки, базы и архитектуру. После ответов коротко перескажи, что понял, и начинай.

Сущности и связи: параметр (длина по стене, форма, высота, число секций); материал (корпус, фасад, столешница, кромка) со своей ценой за метр или за площадь; опция (название, группа, цена, тип начисления); расчёт (клиент, параметры, выбранные материалы и опции, позиции, итог, дата); заявка (контакт, расчёт, статус). Всё связано по стабильным ID. Статусы расчёта: черновик → расчёт → заявка отправлена. Изменение любого параметра сразу пересчитывает смету.

Экраны: шаги расчёта (1 — параметры кухни, 2 — материалы и фурнитура, 3 — опции и монтаж, 4 — контакты); итоговая смета (позиции с количеством и ценой, сумма, диапазон «от и до», кнопка «Отправить заявку»); заявка с расчётом (контакты, комментарий, прикреплённый расчёт, что видит менеджер); история расчётов (поиск, дата, сумма, статус, повторный расчёт на основе старого). Пустые состояния, подтверждения удаления, понятные ошибки ввода.

Деньги: итог = база за метр × длина + секции × цена секции + фасады × площадь + столешница × длина + фурнитура по числу дверей и ящиков + опции + монтаж. Округление до сотен, цены храню в одном месте и меняю без правки кода экранов. Скидка — отдельной строкой, видно и исходную сумму, и итог.

Дизайн: сам выбери одну цельную систему — плотные таблицы, спокойная тёмная палитра, моноширинные подписи и цифры, статусы точками. Акцентный цвет только на кнопках, ссылках и итоговой сумме. Адаптив от 360 px, hover и focus, без декоративных цифр и визуального шума.

Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков, npm и внешних библиотек. Внутри файла раздели слои: storage → сущности → расчёт → компоненты → экраны → навигация. После любого изменения данные сохраняются, интерфейс перерисовывается сразу. Добавь реалистичные демо-данные по кухням на заказ и кнопку «Удалить тестовые данные» с подтверждением.

Перед выдачей сам пройди сценарии: расчёт прямой кухни, расчёт угловой, смену фасада с пересчётом итога, отправку заявки, удаление расчёта, повтор расчёта из истории, перезагрузку страницы, работу с телефона. Найденное исправь сам.

Ответ — полный готовый HTML-файл, без «вставьте этот фрагмент». Все дальнейшие правки — тоже полным файлом.

Моя задача: кухни на заказ, считаю от погонного метра, угловая кухня дороже, монтаж отдельной строкой, веду расчёты в блокноте и переписке.