.hero-mode-form.is-loading .hero-mode-status::before,
#destination-preview-status.is-loading::before,
.is-submitting.is-loading::after{content:"";display:inline-block;width:.8em;height:.8em;flex:none;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.05em;animation:feedback-turn .8s linear infinite}
.hero-mode-form.is-loading .hero-mode-status::before,#destination-preview-status.is-loading::before{margin-right:.6em}
.is-submitting{cursor:progress}
.instant-feedback-status{margin:.65rem 0 0;color:var(--admin-muted,#697067);font-size:.78rem;line-height:1.6}
.instant-feedback-status[hidden],.preview-skeleton[hidden]{display:none!important}
[data-catalog-preview][aria-disabled=true]{cursor:progress}
.destination-preview-device{position:relative}
.preview-skeleton{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:24px;padding:52px;background:var(--admin-paper,#fffcf6);overflow:hidden;pointer-events:none}
.preview-skeleton>div{flex:none;border-radius:4px;background:#e8e8df;animation:feedback-breathe 1.7s ease-in-out infinite}
.preview-skeleton-heading{height:24px;width:38%}
.preview-skeleton-hero{height:46%;min-height:180px;background:#dde3d8!important}
.preview-skeleton-line{height:16px;width:88%}
.preview-skeleton-line:last-child{width:58%}
.is-mobile>.preview-skeleton{padding:24px;gap:18px}
@keyframes feedback-turn{to{transform:rotate(360deg)}}
@keyframes feedback-breathe{50%{opacity:.6}}
@media(prefers-reduced-motion:reduce){.hero-mode-form.is-loading .hero-mode-status::before,#destination-preview-status.is-loading::before,.is-submitting.is-loading::after,.preview-skeleton>div{animation:none}}
