fix(ui): согласовать первый экран и pending #16

style.css

@@ -2886,7 +2886,7 @@ body { isolation: isolate; }
   .index-mobile-fit > .container > .row > .col-md-7 { grid-column: 2; grid-row: 1; max-width: none; }
 }
 /* Разметка может прийти частями: показываем только полностью полученную форму. */
-.index-mobile-fit #dropzone-form:not(:has([data-upload-markup-ready])) { visibility: hidden; }
+
 @media (max-width: 767.98px) {
   /* Высоты существующего компактного вида: 243/201px контент + 24px padding. */
   html[data-upload-device=android] .index-mobile-fit #dropzone-form { min-height: 267px; }
@@ -2899,3 +2899,37 @@ body { isolation: isolate; }
 
 /* preland#12: восстановлен пропущенный в critical CSS Bootstrap-контракт navbar. */
 .navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;}
+
+/* api#313 / preland#16: первый экран, стабильный бюджет высоты и явное состояние загрузки. */
+#dropzone-form[data-upload-pending="true"] .dropzone-form-button {
+  background: #979aa0; opacity: 1; filter: none; cursor: progress;
+}
+#dropzone-form[data-upload-pending="true"] .dropzone-form-action [data-files-picker] {
+  color: #979aa0; pointer-events: none; cursor: default;
+}
+.wrapper { min-height: 100vh; min-height: 100svh; }
+.wrapper .main-section:not(.main-section-alt),
+.wrapper .main-section.main-section-alt2,
+.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); }
+@media (min-width: 768px) {
+  .index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
+}
+@media (max-width: 767.98px) {
+  .index-mobile-fit { --index-small-height: 100vh; }
+  .index-mobile-fit #image-compare { max-height: clamp(120px, calc(var(--index-small-height) - 360px), 240px); }
+  .index-mobile-fit #image-compare .icv__img,
+  .index-mobile-fit #image-compare.native-icv img { width: var(--compare-width, 100%) !important; }
+  html[data-upload-device=android] .index-mobile-fit #dropzone-form { min-height: 243px; }
+  html[data-upload-device=mobile] .index-mobile-fit #dropzone-form { min-height: 201px; }
+  .index-mobile-fit[data-compact-upload=true] .dropzone-form-icon { display: none; }
+  .index-mobile-fit[data-compact-upload=true] #dropzone-form #form-title { margin-top: 0; }
+  html[data-upload-device] .index-mobile-fit[data-compact-upload=true] #dropzone-form { min-height: 0; }
+}
+@supports (height: 100svh) {
+  .index-mobile-fit { --index-small-height: 100svh; }
+}
+/* Без :has форма остаётся доступной; современные движки сохраняют partial-HTML gate. */
+@supports selector(:has(*)) {
+  .index-mobile-fit #dropzone-form:not(:has([data-upload-markup-ready])) { visibility: hidden; }
+}
+/* /api#313 / preland#16 */