.demo-container.svelte-11v8m0e{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem 0;transform:translate(-40px)}.demo-stage.svelte-11v8m0e{position:relative;width:100%;max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.7fr);align-items:center;gap:1.25rem}.grid-area.svelte-11v8m0e{position:relative;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.grid-area.visible.svelte-11v8m0e{opacity:1;transform:translateY(0)}.grid-image.svelte-11v8m0e{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000080;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.arrow-area.svelte-11v8m0e{display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s;will-change:opacity,transform}.arrow-area.visible.svelte-11v8m0e{opacity:1;transform:translateY(0)}.arrow-img.svelte-11v8m0e{width:100%;max-width:240px;height:auto;filter:drop-shadow(0 4px 16px rgba(120,89,246,.55));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.arrow-img.shooting.svelte-11v8m0e{animation:svelte-11v8m0e-arrowShoot .9s cubic-bezier(.4,0,.2,1)}@keyframes svelte-11v8m0e-arrowShoot{0%{transform:translate(0);filter:drop-shadow(0 4px 16px rgba(120,89,246,.55))}50%{transform:translate(30px);filter:drop-shadow(0 4px 32px rgba(120,89,246,1))}to{transform:translate(0);filter:drop-shadow(0 4px 16px rgba(120,89,246,.55))}}.result-area.svelte-11v8m0e{position:relative;aspect-ratio:9 / 16;width:100%;max-width:380px;justify-self:center;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000008c,0 0 0 1px #7859f640;background:#0a0612;opacity:0;transform:translate(30px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.result-area.visible.svelte-11v8m0e{opacity:1;transform:translate(0)}.result-video.svelte-11v8m0e{width:100%;height:100%;object-fit:cover;display:block;background:#000}@container (max-width: 1200px){.demo-container.svelte-11v8m0e{transform:none}.demo-stage.svelte-11v8m0e{gap:1rem;grid-template-columns:minmax(0,1fr) auto minmax(0,.85fr)}.grid-image.svelte-11v8m0e{max-width:420px;margin:0 auto}.arrow-img.svelte-11v8m0e{max-width:210px}.result-area.svelte-11v8m0e{max-width:320px}}@container (max-width: 700px){.demo-stage.svelte-11v8m0e{gap:.5rem}.grid-image.svelte-11v8m0e{max-width:310px}.arrow-img.svelte-11v8m0e{max-width:150px}.result-area.svelte-11v8m0e{max-width:240px}}