.space-showcase__card { min-width:0; overflow:hidden; background:#fff; border:1px solid #dce7f0; border-radius:20px; box-shadow:0 12px 36px #18334b05; }
.space-showcase__scene { position:relative; margin:16px 0 0; padding:0 8px 42px; background:radial-gradient(ellipse at center,#edf5fc 0%,#fff 70%); }
.space-showcase__scene--carton { background:radial-gradient(ellipse at center,#fcf5e9 0%,#fff 70%); }
.space-showcase__drawing { display:block; width:100%; height:auto; overflow:visible; }
.space-showcase__scene-label { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:8px; align-items:center; color:#6a8092; font-size:.75rem; white-space:nowrap; }
.space-showcase__scene-label i { color:#1172b7; }
.space-showcase__play { display:inline-flex; align-items:center; gap:6px; border:1px solid #cfe1f0; border-radius:9px; color:#1172b7; background:#f5faff; padding:8px 12px; font-size:.8rem; font-weight:650; margin-top:15px; transition:background .15s; }
.space-showcase__play[hidden] { display:none; }
.space-showcase__play:hover { background:#e9f4fd; }
.space-showcase__play:focus-visible { outline:3px solid #1172b7; outline-offset:4px; }
.space-showcase__play:disabled { opacity:.65; cursor:wait; }
.space-showcase__cargo { transform-box:fill-box; transform-origin:center; }
.space-showcase__card.is-playing .space-showcase__cargo { animation:space-cargo-enter .6s both cubic-bezier(.2,.7,.3,1); animation-delay:calc(var(--item) * .22s); }
.space-showcase__card[data-space-demo="carton"] { --entry-x:-42px; --entry-y:-65px; }
.space-showcase__card[data-space-demo="vehicle"] { --entry-x:100px; --entry-y:32px; }
@keyframes space-cargo-enter { from { opacity:0; transform:translate(var(--entry-x),var(--entry-y)); } to { opacity:1; transform:translate(0,0); } }
@media(prefers-reduced-motion:reduce) {
  .space-showcase__card.is-playing .space-showcase__cargo { animation:none; }
  .space-showcase__play { transition:none; }
}