.wfl-demo{color:#10233e;font-size:13px;line-height:1.5}.wfl-overline{color:#81728f;justify-content:space-between;gap:14px;margin-bottom:17px;font-size:11px;display:flex}.wfl-overline>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.wfl-overline b{color:#7143b2;font-weight:600}.wfl-workspace{grid-template-columns:minmax(245px,.85fr) minmax(0,2fr);gap:18px;display:grid}.wfl-mail{background:#fff;border:1px solid #e4dced;border-radius:12px;min-width:0;margin:0}.wfl-mail-header{background:#fcfbfe;border-bottom:1px solid #eae4f0;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:14px 17px;display:flex}.wfl-mail-header>.demo-icon{color:#9675bd;width:18px;height:18px}.wfl-mail-header>strong{font-size:12px;font-weight:550}.wfl-mail-header>span{color:#947cae;margin-left:auto;font-size:10px}.wfl-mail-body{padding:20px}.wfl-address{color:#9788a5;font-size:10px}.wfl-mail-body h3{color:#142640;letter-spacing:-.03em;min-height:49px;margin:13px 0 10px;font-size:18px;font-weight:550;line-height:1.35}.wfl-mail-body>p{color:#73677f;min-height:58px;margin:0;font-size:13px;line-height:1.5}.wfl-attachment-slot{min-height:38px;margin-top:12px}.wfl-attachment{color:#8b6da8;overflow-wrap:anywhere;background:#faf7fe;border:1px solid #e6deef;border-radius:6px;align-items:center;gap:7px;max-width:100%;padding:8px 9px;font-size:10px;display:inline-flex}.wfl-attachment .demo-icon{width:15px;height:15px}.wfl-graph{background:radial-gradient(#dcd0eb 1px,#0000 1px) 0 0/16px 16px,#f8f5fc;border:1px solid #e4dced;border-radius:12px;min-height:318px;position:relative;overflow:hidden}.wfl-graph-label{color:#98a;font-size:10px;position:absolute;top:13px;left:16px}.wfl-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wfl-wire-base{fill:none;stroke:#ddd1ec;stroke-width:2px}.wfl-wire-flow{fill:none;stroke:#9369d0;stroke-width:2.5px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .8s,opacity .25s}.wfl-wire-flow[data-lit=true]{stroke-dashoffset:0;opacity:1}.wfl-junction{fill:#d5c3e8;transition:fill .3s}.wfl-junction[data-lit=true]{fill:#9369d0}.wfl-node{text-align:center;z-index:1;flex-direction:column;align-items:center;width:27%;display:flex;position:absolute;top:calc(50% - 27px);transform:translate(-50%)}.wfl-inbox{left:16%}.wfl-agent{left:43%}.wfl-node-icon{color:#9b7ac2;background:#fff;border:1px solid #cfb8e6;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 5px 14px #5631850a}.wfl-node-icon .demo-icon{width:23px;height:23px}.wfl-node>strong{color:#3b2e52;margin-top:12px;font-size:12px;font-weight:600}.wfl-node>small{color:#a08bab;margin-top:4px;font-size:10px}.wfl-agent>.demo-ai-mark{background:linear-gradient(145deg,#a68ada,#7549bc);border-radius:16px;gap:5px;width:54px;height:54px;transition:box-shadow .3s;box-shadow:0 0 0 5px #eee6f8}.wfl-agent>.demo-ai-mark i{background:#fff;width:26px;height:4px}.wfl-agent[data-active=true]>.demo-ai-mark{box-shadow:0 0 0 6px #d9c7f145,0 6px 22px #7045b420}.wfl-routes{flex-direction:column;justify-content:space-between;gap:16px;display:flex;position:absolute;inset:18% 3% 18% 68%}.wfl-route{color:#93859f;background:#faf8fd;border:1px solid #e2d9ec;border-radius:10px;align-items:center;gap:9px;min-height:68px;padding:11px 12px;transition:border-color .35s,background .35s,color .35s,box-shadow .35s;display:flex}.wfl-route-icon{color:#ad93c8;background:#f0e9f8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.wfl-route-icon .demo-icon{width:17px;height:17px}.wfl-route strong{font-size:12px;font-weight:600;display:block}.wfl-route small{color:#aa99b4;margin-top:3px;font-size:10px;display:block}.wfl-route-check{color:#8c66be;min-width:10px;margin-left:auto}.wfl-route[data-selected=true]{color:#4c2f78;background:#fff;border-color:#b390dc;box-shadow:0 0 0 3px #aa89d51a}.wfl-route[data-selected=true] .wfl-route-icon{color:#8554bf;background:#ece0fa}.wfl-route[data-selected=true] small{color:#8c759f}.wfl-outcome{background:#f7f3fc;border:1px solid #e6deef;border-radius:10px;min-height:77px;margin-top:16px;position:relative}.wfl-waiting{color:#9177ab;align-items:center;gap:11px;padding:16px 18px;font-size:12px;transition:opacity .2s,visibility .2s;display:flex;position:absolute;inset:0}.wfl-waiting[aria-hidden=true]{opacity:0;visibility:hidden}.wfl-result{opacity:0;visibility:hidden;align-items:center;gap:12px;padding:16px 18px;transition:opacity .35s,transform .35s,visibility .35s;display:flex;transform:translateY(4px)}.wfl-result[data-visible=true]{visibility:visible;opacity:1;transform:none}.wfl-result-check{color:#8057b4;background:#eae0f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.wfl-result-check .demo-icon{width:17px;height:17px}.wfl-result strong{color:#57347d;font-size:14px;font-weight:600}.wfl-result p{color:#8d789c;margin:3px 0 0;font-size:12px}.wfl-recognition{color:#9f88b1;margin-left:auto;font-size:11px}@media (prefers-reduced-motion:no-preference){.wfl-mail[data-arriving=true]{animation:.6s ease-out both wfl-mail-arrive}.wfl-agent[data-thinking=true]>.demo-ai-mark{animation:1.2s ease-in-out infinite wfl-thinking}}@keyframes wfl-mail-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes wfl-thinking{50%{box-shadow:0 0 0 10px #d9c7f135,0 6px 22px #7045b420}}@media (max-width:1100px){.wfl-workspace{grid-template-columns:245px minmax(0,1fr);gap:12px}.wfl-route{gap:5px;padding:10px 8px}.wfl-route-icon{display:none}.wfl-route strong{font-size:11px}.wfl-route small{font-size:9px}.wfl-recognition{max-width:185px}}@media (max-width:760px){.wfl-overline{gap:20px;margin-bottom:13px;font-size:10px}.wfl-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.wfl-mail-header{padding:10px 14px}.wfl-mail-body{padding:12px 14px}.wfl-address{display:none}.wfl-mail-body h3{min-height:43px;margin:0 0 7px;font-size:16px}.wfl-mail-body>p{min-height:36px;font-size:12px}.wfl-attachment-slot{min-height:33px;margin-top:8px}.wfl-graph{min-height:210px}.wfl-graph-label{font-size:9px;left:13px}.wfl-node{width:27%;top:calc(50% - 21px)}.wfl-node-icon,.wfl-agent>.demo-ai-mark{border-radius:12px;width:42px;height:42px}.wfl-node-icon .demo-icon{width:20px;height:20px}.wfl-agent>.demo-ai-mark{gap:4px}.wfl-agent>.demo-ai-mark i{width:20px;height:3px}.wfl-node>strong{margin-top:10px;font-size:10px}.wfl-node>small{max-width:84px;font-size:9px;line-height:1.35}.wfl-routes{inset:18% 3% 18% 66%}.wfl-route{border-radius:8px;gap:3px;min-height:58px;padding:8px 7px}.wfl-route strong{font-size:11px}.wfl-route small{font-size:9px}.wfl-route-check{display:none}.wfl-result{align-items:flex-start;gap:9px;min-height:84px;padding:13px}.wfl-result strong{font-size:13px}.wfl-result p{font-size:11px;line-height:1.5}.wfl-recognition{display:none}.wfl-waiting{padding:13px;font-size:11px}}@media (max-width:380px){.wfl-routes{left:65%;right:2%}.wfl-route{padding-inline:5px}.wfl-route strong,.wfl-node>strong{font-size:9px}}@media (prefers-reduced-motion:reduce){.wfl-demo *,.wfl-demo :before,.wfl-demo :after{transition:none!important;animation:none!important}}