.canvas-demo[data-v-048b49f5]{background:radial-gradient(circle,#2c2834 .75px,transparent 1.25px) 0 0 /20px 20px,radial-gradient(120% 90% at 0 0,rgba(152,139,196,.08),transparent 55%),radial-gradient(80% 70% at 100% 100%,rgba(232,166,106,.035),transparent 60%),linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid hsla(0,0%,100%,.07);border-radius:1rem;box-shadow:inset 0 1px #ffffff0a,0 18px 50px -24px #000c;overflow:hidden;padding:20px;width:100%}.board[data-v-048b49f5]{display:none;position:relative}@media(min-width:640px){.board[data-v-048b49f5]{display:block}.stack[data-v-048b49f5]{display:none!important}}.board-inner[data-v-048b49f5]{left:0;position:absolute;top:0;transform-origin:top left}.edges[data-v-048b49f5]{inset:0;overflow:visible;position:absolute}.edge[data-v-048b49f5]{fill:none;opacity:.18;stroke-width:2;transition:opacity .4s ease}.edge.live[data-v-048b49f5]{animation:flow-048b49f5 1s linear infinite;opacity:.9;stroke-dasharray:6 6}@keyframes flow-048b49f5{to{stroke-dashoffset:-12}}.node[data-v-048b49f5]{background:radial-gradient(120% 80% at 0 0,rgba(152,139,196,.09),transparent 55%),#141218f2;border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:inset 0 1px #ffffff0a,0 12px 40px -16px #000000b3;padding:0 0 10px;position:absolute;transition:border-color .3s ease,box-shadow .3s ease}.node.running[data-v-048b49f5]{border-color:#c9bde699;box-shadow:inset 0 1px #ffffff0f,0 0 30px -4px #b2a5d973}.node.done[data-v-048b49f5]{border-color:#97d4b559}[data-v-048b49f5] .head{align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);border-bottom:1px solid hsla(0,0%,100%,.06);border-radius:calc(1rem - 1px) calc(1rem - 1px) 0 0;display:flex;gap:8px;padding:8px 12px}[data-v-048b49f5] .dot{background:var(--accent);border-radius:999px;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent);height:8px;width:8px}[data-v-048b49f5] .title{color:#fff;flex:1;font-size:13px;font-weight:600}[data-v-048b49f5] .pill{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}[data-v-048b49f5] .pill.running{color:#c9bde6}[data-v-048b49f5] .pill.done{color:#86cfab}[data-v-048b49f5] .meta{color:#a69eb2;font-size:10px;padding:8px 12px 0}[data-v-048b49f5] .story{color:#e2dde8;font-size:12px;line-height:1.5;margin:0;padding:10px 12px 0}[data-v-048b49f5] .scenes{display:grid;gap:6px;list-style:none;margin:0;padding:8px 12px 0}[data-v-048b49f5] .scenes li{color:#cbc4d3;display:flex;font-size:10.5px;gap:6px;line-height:1.35;opacity:.12;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}[data-v-048b49f5] .scenes li.show{opacity:1;transform:none}[data-v-048b49f5] .scenes em{color:#7f778b;font-style:normal;margin-left:auto;padding-left:6px}[data-v-048b49f5] .thumbs{display:grid;gap:6px;padding:10px 12px 0}[data-v-048b49f5] .thumb{background:#1b1921;border-radius:8px;opacity:.15;overflow:hidden;position:relative;transition:opacity .4s ease,filter .4s ease,box-shadow .3s ease}[data-v-048b49f5] .thumb.show{opacity:1}[data-v-048b49f5] .thumb.dim{filter:grayscale(1);opacity:.3}[data-v-048b49f5] .thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}[data-v-048b49f5] .thumb .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0e80;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;bottom:3px;color:#e2dde8;font-size:8px;font-weight:700;left:3px;padding:0 4px;position:absolute}[data-v-048b49f5] .thumb .check{align-items:center;background:#86cfab;border-radius:999px;color:#0b0a0e;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;position:absolute;right:3px;top:3px;width:14px}[data-v-048b49f5] .thumb:has(.check){box-shadow:0 0 0 2px #86cfab}[data-v-048b49f5] .final{background:#1b1921;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;margin:10px 12px 0;overflow:hidden}[data-v-048b49f5] .final video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}[data-v-048b49f5] .final-wait{align-items:center;color:#5f586b;display:flex;font-size:11px;height:100%;justify-content:center}@media(max-width:639px){.canvas-demo[data-v-048b49f5]{padding:14px}}.stack[data-v-048b49f5]{align-items:stretch;display:flex;flex-direction:column}.stack .node[data-v-048b49f5]{position:relative}.stack[data-v-048b49f5] .final.portrait{margin-inline:auto;max-width:220px}.stack-arrow[data-v-048b49f5]{color:#443e4e;font-size:14px;line-height:1;padding:4px 0;text-align:center;transition:color .3s ease}.stack-arrow.live[data-v-048b49f5]{color:#b2a5d9}@media(prefers-reduced-motion:reduce){.edge.live[data-v-048b49f5]{animation:none}}