.fb{--fbv:var(--brand-violet);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.fb-bar{border-bottom:1px solid var(--border-soft);background:var(--bg-muted);align-items:center;gap:10px;padding:11px 14px;display:flex}.fb-dots{gap:5px;display:flex}.fb-dots i{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.fb-dots i:first-child{background:#f87171}.fb-dots i:nth-child(2){background:#fbbf24}.fb-dots i:nth-child(3){background:#34d399}.fb-bt{font:var(--fw-medium) 12px/1 var(--font-sans);color:var(--fg-2)}.fb-pub{font:var(--fw-semibold) 10px/1 var(--font-sans);color:#fff;background:var(--fbv);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:6px 11px;display:inline-flex}.fb-canvas{background:var(--bg-app);background-image:radial-gradient(var(--border-soft) 1px,transparent 1px);background-size:18px 18px;flex-direction:column;align-items:center;gap:0;padding:24px 18px 26px;display:flex;position:relative}.fb-node{z-index:2;background:var(--bg-surface);border:1.5px solid var(--border);width:200px;max-width:78%;box-shadow:var(--shadow-sm);opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards fbIn;animation-delay:var(--d,0s);border-radius:12px;padding:9px 12px;position:relative;transform:translateY(10px)}.fb-k{font:var(--fw-bold) 9px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;display:flex}.fb-k:before{content:"";opacity:.9;background:currentColor;border-radius:3px;width:11px;height:11px}.fb-t{font:var(--fw-semibold) 13px/1.2 var(--font-sans);color:var(--fg-1);margin-top:4px}.fb-node.n-trigger{border-color:#34d399}.n-trigger .fb-k{color:#3d3fe0}.fb-node.n-ai{border-color:color-mix(in oklab,var(--fbv) 55%,transparent)}.n-ai .fb-k{color:var(--fbv)}.fb-node.n-cond{border-color:#fbbf24}.n-cond .fb-k{color:#b45309}.fb-node.n-action{border-color:#67c7e0}.n-action .fb-k{color:#1e88af}.fb-node.is-live{box-shadow:0 0 0 3px color-mix(in oklab,var(--fbv) 22%,transparent);border-color:var(--fbv)}.fb-link{background:repeating-linear-gradient(180deg,var(--fg-4) 0 5px,transparent 5px 10px);opacity:.4;z-index:1;width:2px;height:24px;position:relative}.fb-branch{z-index:2;justify-content:center;gap:18px;display:flex;position:relative}.fb-blabel{font:var(--fw-semibold) 9px/1 var(--font-sans);background:var(--bg-surface);border:1px solid var(--border-soft);color:var(--fg-3);z-index:3;border-radius:999px;padding:3px 7px;position:absolute;top:-9px}.fb-blabel.l-yes{left:18%}.fb-blabel.l-no{right:18%}.fb-token{background:var(--fbv);width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in oklab,var(--fbv) 22%,transparent);z-index:4;border-radius:50%;margin-left:-5.5px;animation:4s cubic-bezier(.6,0,.2,1) infinite fbTok;position:absolute;top:60px;left:50%}@keyframes fbIn{to{opacity:1;transform:none}}@keyframes fbTok{0%,6%{opacity:0;top:60px}10%{opacity:1}40%{opacity:1;top:150px}60%{opacity:1;top:236px}72%,to{opacity:0;top:300px}}@media (prefers-reduced-motion:reduce){.fb-node{opacity:1;animation:none;transform:none}.fb-token{display:none}}.flow{background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;grid-template-columns:repeat(5,1fr);gap:14px;padding:28px;display:grid;overflow-x:auto}.flow .step{background:var(--bg-warm-white);border:1px solid var(--border);border-radius:12px;min-width:160px;padding:16px;position:relative}.flow .step:after{content:"→";color:var(--brand-sky);font-size:18px;font-weight:600;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.flow .step:last-child:after{display:none}.flow .step .kind{font:600 10px/1 var(--font-sans);color:var(--brand-sky);text-transform:uppercase;letter-spacing:.08em}.flow .step h4{font:600 14px/1.3 var(--font-display);margin:8px 0 4px}.flow .step p{font:400 12px/1.4 var(--font-sans);color:var(--fg-3);margin:0}.flow .step.t-trigger .kind{color:var(--brand-violet)}.flow .step.t-action .kind{color:var(--brand-green)}.flow .step.t-cond .kind{color:var(--warning)}.tpl-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:18px}.tpl-card .tag{font:600 10px/1 var(--font-sans);color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}.tpl-card h4{margin:6px 0;font-size:15px}.tpl-card p{color:var(--fg-3);margin:0;font-size:13px}.tpl-card p em{font-style:normal;font:600 11px/1.4 var(--font-sans);color:var(--brand-violet);margin-top:8px;display:block}