.field-space-preview .space-motion-viewport { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .6s ease; }
.field-space-preview .space-motion-viewport canvas { width:100%; height:100%; display:block; }
.field-space-preview.is-space-ready .space-motion-viewport { opacity:1; }
.field-space-preview.is-space-interactive .space-motion-viewport { pointer-events:auto; cursor:grab; }
.field-space-preview.is-space-interactive .space-motion-viewport:active { cursor:grabbing; }
.field-space-preview .space-motion-viewport canvas { touch-action:pan-y !important; }
.field-space-preview.is-space-interactive .space-motion-viewport canvas { touch-action:none !important; }
.field-space-preview .field-story-media-label { pointer-events:none; }
.space-motion-detail { display:block; margin-top:1rem; font-size:.8rem; color:#def6f7; }
.space-motion-touch { display:none; }
@media (pointer:coarse), (max-width:700px) {
 .space-motion-touch { display:block; margin-top:1rem; padding:.65rem .9rem; border:1px solid #ffffff45; background:#081014; color:#eef9fa; font:inherit; font-size:.8rem; }
}
.field-space-preview.is-space-ready .field-visual-media > img { opacity:0; }
.field-space-preview .field-visual-media > img { object-fit:contain; transform:none; filter:none; }
.space-motion-status { position:absolute; z-index:3; top:1rem; left:1rem; right:1rem; color:#e9f1f2; background:#081014df; padding:.65rem .85rem; font-size:.8rem; }
.space-motion-status[hidden] { display:none; }
.space-motion-toggle { margin-top:1rem; padding:.65rem .9rem; font:inherit; font-size:.8rem; border:1px solid #ffffff45; color:#eef9fa; background:#081014; cursor:pointer; }
.space-motion-toggle:focus-visible { outline:2px solid #b9eff3; outline-offset:4px; }
@media (prefers-reduced-motion:reduce) { .field-space-preview .space-motion-viewport { transition:none; } }