/* Preserve the exported device composition, including the free export badge. */
.delivery-card[data-delivery-film-card]{cursor:pointer}
.delivery-card[data-delivery-film-card]:focus-visible{outline:2px solid #aaa7f0;outline-offset:-3px}
.delivery-workspace .delivery-media,.delivery-website .delivery-media{inset:16% 7% auto;aspect-ratio:16/9;border-radius:10px;overflow:hidden}
.delivery-workspace .delivery-media{background:#000}
.delivery-student .delivery-media{inset:0 0 76px;aspect-ratio:auto;mix-blend-mode:screen}
/* Let the original portrait composition float on the card rather than show a poster panel. */
.delivery-media[data-delivery-film] img,.delivery-media[data-delivery-film] video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.delivery-media[data-delivery-film] video{opacity:0;transform:translateZ(0)}
.delivery-media[data-delivery-film][data-started=true] video{opacity:1}
.delivery-media[data-delivery-film][data-started=true] img{opacity:0}

/* Original white Raylight canvas inside a floating, rounded presentation frame. */
.delivery-website .delivery-media{background:#fff;box-shadow:0 16px 36px rgb(0 0 0 / .22),0 0 0 1px rgb(255 255 255 / .08)}
.delivery-website-stack img{border-radius:0}
.delivery-website-stack::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% 48%,rgb(22 23 26 / .06) 15%,rgb(22 23 26 / .18) 52%,rgb(22 23 26 / .50) 85%,rgb(22 23 26 / .64) 100%)}
.delivery-website-stack{transform:translateY(0) scale(1);transition:transform 700ms cubic-bezier(.22,.61,.36,1);transform-origin:50% 55%}
.delivery-website:focus-visible{outline:2px solid #aaa7f0;outline-offset:-3px}
.delivery-website:focus-visible .delivery-website-stack{transform:translateY(-7px) scale(1.015)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .delivery-website:hover .delivery-website-stack{transform:translateY(-7px) scale(1.015)}
}
@media (hover:none) and (prefers-reduced-motion:no-preference){
 .delivery-website.is-introduced .delivery-website-stack{animation:delivery-website-float 1800ms ease-in-out both}
}
@keyframes delivery-website-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015)}}
@media (prefers-reduced-motion:reduce){.delivery-website-stack{transition:none!important;animation:none!important;transform:none!important}}