.workflow-figure.svelte-1nagwy3{min-width:0;overflow:hidden;border:1px solid var(--site-hairline);border-radius:18px;background:#0b1210;box-shadow:0 24px 64px #00000020}figcaption.svelte-1nagwy3{display:flex;align-items:center;gap:8px;padding:15px 20px;border-bottom:1px solid var(--site-hairline);color:#b2c7bc;font-size:11px}figcaption.svelte-1nagwy3>svg{color:var(--signal);flex:none}.figure-product.svelte-1nagwy3{margin-left:auto;font-family:var(--font-mono);color:var(--site-fg);font-size:10px}.canvas-example.svelte-1nagwy3{padding:24px;background-image:radial-gradient(#b4d0c11c .75px,transparent .75px);background-size:18px 18px}.source-node.svelte-1nagwy3{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #ffffff1c;border-radius:10px;background:#111c17}.node-icon.svelte-1nagwy3{display:grid;width:35px;height:35px;place-items:center;flex:none;border:1px solid #9cf5c933;border-radius:8px;color:#9cf5c9}.node-label.svelte-1nagwy3{font-size:10px;color:#a6bbaf}.source-node.svelte-1nagwy3 p:where(.svelte-1nagwy3){margin-top:5px;font-size:14px;line-height:1.5;color:var(--site-fg)}.connector.svelte-1nagwy3{display:flex;height:30px;align-items:center;justify-content:center;color:#9cf5c98c}.text-node.svelte-1nagwy3{display:flex;align-items:center;gap:11px;padding:16px;border:1px solid #9cf5c94d;border-radius:10px;background:#14261d;color:#ddf1e5;font-size:13px}.text-node.svelte-1nagwy3>svg{flex:none;color:#9cf5c9}.node-port.svelte-1nagwy3{margin-left:auto;width:6px;height:6px;border:1px solid #9cf5c9;border-radius:50%;flex:none}.media-nodes.svelte-1nagwy3{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center}.media-node.svelte-1nagwy3{overflow:hidden;align-self:stretch;border:1px solid #ffffff1f;border-radius:10px;background:#111c17}.sample-image.svelte-1nagwy3,.motion-sketch.svelte-1nagwy3{height:130px;overflow:hidden}.sample-image.svelte-1nagwy3 img:where(.svelte-1nagwy3){width:100%;height:100%;object-fit:cover}.media-node.svelte-1nagwy3 p:where(.svelte-1nagwy3){display:flex;align-items:center;gap:7px;padding:12px 10px;font-size:11px;line-height:1.5;color:#dce9e1}.media-node.svelte-1nagwy3 p:where(.svelte-1nagwy3)>svg{flex:none;color:#9cf5c9}.media-connector.svelte-1nagwy3{display:flex;justify-content:center;color:#9cf5c98c}.motion-sketch.svelte-1nagwy3{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#19372b,#101813)}.motion-sketch.svelte-1nagwy3 div:where(.svelte-1nagwy3){position:absolute;inset:29% 24%;border:1px solid #9cf5c947;border-radius:4px;transform:rotate(-17deg) translate(-10px,-4px)}.motion-sketch.svelte-1nagwy3 div:where(.svelte-1nagwy3):nth-child(2){transform:rotate(-2deg)}.motion-sketch.svelte-1nagwy3 div:where(.svelte-1nagwy3):nth-child(3){transform:rotate(12deg) translate(10px,4px)}.motion-sketch.svelte-1nagwy3>svg{z-index:1;color:#b1e7c9}.model-note.svelte-1nagwy3{margin-top:14px;color:#aec0b5;font-size:10px;line-height:1.7}.example-note.svelte-1nagwy3{padding:14px 20px;border-top:1px solid var(--site-hairline);color:#a6bbaf;font-size:10px;line-height:1.8}.agent-example.svelte-1nagwy3{padding:24px}.task-brief.svelte-1nagwy3{display:flex;align-items:flex-start;gap:12px}.task-brief.svelte-1nagwy3>svg{flex:none;margin-top:3px;color:#9cf5c9}.task-brief.svelte-1nagwy3 p:where(.svelte-1nagwy3){margin-top:8px;font-size:15px;line-height:1.7;color:var(--site-fg)}.task-steps.svelte-1nagwy3{display:grid;gap:18px;margin-top:25px;padding-block:22px;border-block:1px solid #ffffff12}.task-steps.svelte-1nagwy3 li:where(.svelte-1nagwy3){display:flex;align-items:center;gap:13px;font-size:12px;color:#b6cabf}.task-steps.svelte-1nagwy3 li:where(.svelte-1nagwy3)>span:where(.svelte-1nagwy3){display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #ffffff29;border-radius:50%;font:10px var(--font-mono);color:#9cf5c9}.sample-files.svelte-1nagwy3{margin-top:22px}.sample-files.svelte-1nagwy3>p:where(.svelte-1nagwy3){display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#a6bbaf;font-size:10px}.sample-files.svelte-1nagwy3>div:where(.svelte-1nagwy3){display:flex;align-items:center;gap:10px;padding-block:10px;color:#deeee4;font-size:12px}.sample-files.svelte-1nagwy3>div:where(.svelte-1nagwy3)>svg{color:#9cf5c9;flex:none}@media(max-width:479px){.canvas-example.svelte-1nagwy3,.agent-example.svelte-1nagwy3{padding:18px}.source-node.svelte-1nagwy3{padding:13px}.source-node.svelte-1nagwy3 p:where(.svelte-1nagwy3){font-size:13px}.sample-image.svelte-1nagwy3,.motion-sketch.svelte-1nagwy3{height:108px}}