html.preview-locked body > :not(.preview-gate):not(script) { display: none !important; }
html:not(.preview-locked) .preview-gate { display: none !important; }
.preview-gate { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; background: #071521; color: #e2e9f0; }
.preview-gate__panel { width: 100%; max-width: 340px; text-align: center; }
.preview-gate__brand { display: block; width: 180px; max-width: 100%; height: auto; margin-inline: auto; }
.preview-gate__title { margin: 12px 0 30px; font-size: 18px; line-height: 1.4; }
.preview-gate__input { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid #526477; border-radius: 0; background: #102337; color: #fff; font: inherit; }
.preview-gate__input::placeholder { color: #b9ccdf; opacity: 1; }
.preview-gate__submit { display: block; width: 100%; min-height: 48px; margin-top: 14px; padding: 12px 16px; border: 1px solid transparent; border-radius: 0; background: #0964d9; color: #fff; font: inherit; font-weight: 600; }
.preview-gate__submit:hover { background: #064fae; }
.preview-gate__note { margin-top: 20px; color: #b9ccdf; font-size: 13px; }
.preview-gate__error { margin-top: 14px; font-size: 14px; color: #e2e9f0; }
.preview-gate__error:empty { display: none; }