.demo-container.svelte-17segtl{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem 0}.demo-stage.svelte-17segtl{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-wrap.svelte-17segtl{position:relative;width:100%;max-width:320px;aspect-ratio:9 / 16;opacity:0;transform:scale(.96);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.video-wrap.visible.svelte-17segtl{opacity:1;transform:scale(1)}.result-video.svelte-17segtl{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px;box-shadow:0 20px 60px #0000008c,0 0 0 1px #0066ff40;background:#000}.bubble.svelte-17segtl{position:absolute;width:70%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));animation:svelte-17segtl-bubblePop .45s cubic-bezier(.34,1.56,.64,1) both;z-index:5;transform-origin:center}.bubble-1.svelte-17segtl{top:17%;right:-30%}.bubble-2.svelte-17segtl{top:42%;left:-43%}.bubble-3.svelte-17segtl{top:63%;left:56%}@keyframes svelte-17segtl-bubblePop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@container (max-width: 1200px){.video-wrap.svelte-17segtl{max-width:380px}}
