.agent-demo{--ink:#030712;--g700:#364153;--g600:#4a5565;--g500:#6a7282;--g400:#99a1af;--g300:#d1d5dc;--line:#e5e7eb;--g100:#f3f4f6;--g50:#f9fafb;--bg2:#fafafa;--green:#00bb7f;--red:#e5484d;--mono:var(--font-geist-mono), ui-monospace, monospace;position:relative}.agent-demo .tagline{z-index:3;text-align:center;letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0 0 18px;font-size:22px;font-weight:500;line-height:1.3;position:relative}.agent-demo .tagline em{color:var(--g500);font-style:normal}.agent-demo .flows{z-index:3;background:var(--g100);scrollbar-width:none;border-radius:999px;gap:2px;width:max-content;max-width:100%;margin:0 auto 32px;padding:4px;display:flex;position:relative;overflow-x:auto}.agent-demo .flows::-webkit-scrollbar{display:none}.agent-demo .flows[data-fade=r]{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.agent-demo .flows[data-fade=l]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 18%)}.agent-demo .flows[data-fade=lr]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.agent-demo .fp{height:36px;font:500 14px var(--font-inter), sans-serif;color:var(--g500);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 16px;position:relative;overflow:hidden}.agent-demo .fp svg{display:none}.agent-demo .fp:hover{color:var(--ink)}.agent-demo .fp.on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000014,0 0 0 1px #0000000a}.agent-demo .fp i{height:2px;width:calc(var(--p,0) * (100% - 32px));background:var(--ink);opacity:.7;border-radius:1px;transition:width .4s linear;position:absolute;bottom:5px;left:16px}.agent-demo .fp:not(.on) i{display:none}.agent-demo .visual{padding-bottom:56px;position:relative}.agent-demo .band{background-color:var(--bg2);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;position:absolute;inset:150px 0 0}.agent-demo .band:after{content:"";border-radius:inherit;opacity:.6;background-image:radial-gradient(var(--g300) 1px, transparent 1.2px);background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.agent-demo .aw{--d0:#191919;--d1:#202020;--d2:#262626;--d3:#313131;--dt:#ededed;--ds:#a1a1a1;--dm:#737373;z-index:2;text-align:left;background:var(--d0);height:720px;color:var(--dt);border-radius:14px;font-size:13px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #ffffff12,0 40px 90px -24px #03071280}.agent-demo .aw svg{flex:none}.agent-demo .sb{white-space:nowrap;background:linear-gradient(#34283a 0%,#2c252e 32%,#29252b 100%);border-right:1px solid #161316;flex-direction:column;flex:none;width:232px;padding:12px 8px;transition:width .6s cubic-bezier(.4,0,.2,1),padding .6s,opacity .4s;display:flex;overflow:hidden}.agent-demo .aw.browsing .sb{opacity:0;border-right:0;width:0;padding-left:0;padding-right:0}.agent-demo .sb-top{color:#a39ca5;align-items:center;gap:8px;height:28px;margin-bottom:12px;padding:0 6px;display:flex}.agent-demo .sb-top .tl{gap:7px;display:flex}.agent-demo .sb-top .tl i{border-radius:50%;width:11px;height:11px}.agent-demo .sb-top .sgm{background:#1d191f;border-radius:7px;margin-left:8px;padding:2px;display:flex}.agent-demo .sb-top .sgm span{color:#a39ca5;border-radius:5px;place-items:center;width:26px;height:20px;display:grid}.agent-demo .sb-top .sgm span.on{color:#fff;background:#3b353e}.agent-demo .sb-top .sp{flex:1}.agent-demo .sb a{color:#ece8ed;border-radius:7px;align-items:center;gap:10px;padding:6px 9px;display:flex}.agent-demo .sb a svg{color:#d6d0d8}.agent-demo .sb .dot{background:#3b82f6;border-radius:50%;width:6px;height:6px;margin-left:auto}.agent-demo .sb .ags{flex-direction:column;gap:1px;min-height:0;margin-top:14px;display:flex;overflow:hidden}.agent-demo .sb .ag{color:#ece8ed;border-radius:7px;align-items:center;gap:8px;padding:6px 9px 6px 6px;display:flex}.agent-demo .sb .ag>svg:first-child{color:#8f8892}.agent-demo .sb .ag .nm{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.agent-demo .sb .ag .st{color:#8f8892;display:flex}.agent-demo .sb .ag .st.wk{gap:2px}.agent-demo .sb .ag .st.wk i{background:#22c55e;border-radius:50%;width:3px;height:3px}.agent-demo .sb .ag.open{background:#ffffff13}.agent-demo .sb .kids{border-left:1px solid #4a434d;flex-direction:column;gap:1px;margin:2px 0 2px 14px;padding-left:8px;display:flex}.agent-demo .sb .kids div{color:#b9b3bb;border-radius:7px;align-items:center;gap:8px;padding:6px 9px;display:flex}.agent-demo .sb .kids span{text-overflow:ellipsis;overflow:hidden}.agent-demo .sb .kids div.on{color:#fff;background:#ffffff16}.agent-demo .sb .kids svg{color:#a39ca5}.agent-demo .sb .ft{color:#ece8ed;align-items:center;gap:10px;margin-top:auto;padding:8px 9px 0;display:flex}.agent-demo .sb .ft span{color:#8f8892;margin-left:auto;font-size:12px}.agent-demo .spin{animation:2.4s linear infinite ad-spin}@keyframes ad-spin{to{transform:rotate(360deg)}}.agent-demo .mn{flex-direction:column;flex:1;min-width:0;display:flex}.agent-demo .mn-top{border-bottom:1px solid var(--d2);height:46px;color:var(--dm);flex:none;align-items:center;gap:12px;padding:0 16px;display:flex}.agent-demo .mn-top .bc{white-space:nowrap;color:#8f8f8f;border-left:1px solid var(--d3);gap:8px;min-width:0;padding-left:12px;font-size:13.5px;display:flex}.agent-demo .mn-top .bc b{color:var(--dt);text-overflow:ellipsis;font-weight:400;overflow:hidden}.agent-demo .mn-top .st{color:var(--ds);border-right:1px solid var(--d3);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;padding-right:12px;font-size:12.5px;display:flex}.agent-demo .mn-top .st .spin{animation-play-state:paused}.agent-demo .aw.running .mn-top .st .spin{animation-play-state:running}.agent-demo .mn-top .sq{background:#f2f2f2;border-radius:3px;flex:none;width:14px;height:14px}.agent-demo .mn-body{flex:1;min-height:0;display:flex}.agent-demo .chat{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.agent-demo .cs{flex-direction:column;flex:1;min-height:0;padding:20px 24px 8px;display:flex;overflow:hidden}.agent-demo .ph-empty,.agent-demo .ph-run{display:none}.agent-demo .aw.p-run .ph-run{flex-direction:column;animation:.4s ad-fadeUp;display:flex}.agent-demo .aw.p-empty .ph-empty{animation:.4s ad-fadeUp;display:flex}.agent-demo .aw.p-empty .cmp{display:none}@keyframes ad-fadeUp{0%{opacity:0;transform:translateY(8px)}}.agent-demo .umsg{max-width:85%;color:var(--dt);background:#2b2b2b;border-radius:16px;align-self:flex-end;padding:9px 14px;font-size:13.5px;line-height:1.45}.agent-demo .worked{color:#8f8f8f;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;display:flex}.agent-demo .f b{color:#fff;font-size:13.5px;font-weight:500;display:block}.agent-demo .f p{color:var(--ds);margin-top:2px;font-size:12.5px;line-height:1.4}.agent-demo .press{transform:scale(.94)}.agent-demo .ph-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding-bottom:200px}.agent-demo .ph-empty h4{letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:500}.agent-demo .hcmp{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:20px;width:min(560px,100%);padding:16px 14px 12px 18px;box-shadow:0 10px 40px #00000059}.agent-demo .htx{color:#f2f2f2;min-height:44px;font-size:14.5px;line-height:1.5}.agent-demo .htx:empty:before{content:attr(data-ph);color:#7d7d7d}.agent-demo .htx:after{content:"";vertical-align:text-bottom;background:#e5e5e5;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite ad-blink;display:inline-block}@keyframes ad-blink{50%{opacity:0}}.agent-demo .sugg{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.agent-demo .sugg span{color:#cfcfcf;border:1px solid #343434;border-radius:999px;padding:6px 12px;font-size:12.5px}.agent-demo .cmp .row,.agent-demo .hcmp .row{align-items:center;gap:8px;margin-top:12px;margin-left:-4px;display:flex}.agent-demo .ib{color:#cfcfcf;border:1px solid #383838;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;transition:transform .12s;display:grid}.agent-demo .ib.send{color:#111;background:#f5f5f5;border-color:#f5f5f5}.agent-demo .ib .stop{background:#111;border-radius:2px;width:10px;height:10px;display:none}.agent-demo .aw.running .cmp .ib.send svg{display:none}.agent-demo .aw.running .cmp .ib.send .stop{display:block}.agent-demo .cmp .sp,.agent-demo .hcmp .sp{flex:1}.agent-demo .cmp{background:#1e1e1e;border:1px solid #343434;border-radius:18px;flex:none;margin:0 18px 16px;padding:13px 12px 10px 16px}.agent-demo .cmp .ph{color:#7d7d7d;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.agent-demo .ph-run{gap:12px}.agent-demo .think{color:#8f8f8f;align-items:center;gap:7px;font-size:12.5px;display:flex}.agent-demo .think.live span{background:linear-gradient(90deg,#6b6b6b 0%,#e5e5e5 50%,#6b6b6b 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite ad-shimmer}@keyframes ad-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.agent-demo .task{background:var(--d1);border:1px solid #2c2c2c;border-radius:12px;flex-direction:column;gap:9px;padding:12px 14px;display:flex}.agent-demo .task .th{color:#e5e5e5;align-items:center;gap:8px;font-weight:500;display:flex}.agent-demo .task .th span{color:var(--ds);font:400 12px var(--mono);margin-left:auto}.agent-demo .ti{color:#d4d4d4;align-items:flex-start;gap:10px;font-size:13px;line-height:1.35;display:flex}.agent-demo .ti .tic{border:1.5px dashed #5a5a5a;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;margin-top:1px;display:grid}.agent-demo .ti.now .tic{border:1.5px solid #f59e0b;border-right-color:#0000;animation:1s linear infinite ad-spin}.agent-demo .ti.ok{color:#7b7b7b;text-decoration:line-through}.agent-demo .ti.ok .tic{background:#3a3a3a;border:0}.agent-demo .ti.ok .tic:after{content:"";border-bottom:1.6px solid #d4d4d4;border-left:1.6px solid #d4d4d4;width:7px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.agent-demo .tools{flex-direction:column;gap:7px;display:flex}.agent-demo .tl{color:var(--dm);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;animation:.3s ad-fadeUp;display:flex}.agent-demo .tl span{text-overflow:ellipsis;overflow:hidden}.agent-demo .tl.now{color:#d4d4d4}.agent-demo .tl .g{color:#93c5fd;background:#262626;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.agent-demo .dmsg{color:#e5e5e5;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.55;animation:.4s ad-fadeUp;display:flex}.agent-demo .dmsg .fu{flex-wrap:wrap;gap:6px;display:flex}.agent-demo .dmsg .fu span{color:#cfcfcf;border:1px solid #343434;border-radius:999px;padding:5px 11px;font-size:12px}.agent-demo .bp{border-left:1px solid #0000;flex:0 0 0;min-width:0;transition:flex-basis .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.agent-demo .aw.browsing .bp{border-left-color:var(--d2);flex-basis:64%}.agent-demo .bp-in{flex-direction:column;gap:10px;min-width:300px;height:100%;padding:12px;display:flex}.agent-demo .bph{color:var(--dt);align-items:center;gap:8px;padding:2px 2px 0;font-size:13px;font-weight:500;display:flex}.agent-demo .bph .live{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#4ade80;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.agent-demo .bph .live i{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite ad-pulse;box-shadow:0 0 0 3px #22c55e2e}@keyframes ad-pulse{50%{opacity:.35}}.agent-demo .bw{color:#111;background:#fff;border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.agent-demo .tabs{background:#e8e8ea;flex:none;gap:2px;height:34px;padding:6px 6px 0;display:flex;overflow:hidden}.agent-demo .tab{color:#5b5b62;white-space:nowrap;border-radius:8px 8px 0 0;flex:0 170px;align-items:center;gap:7px;min-width:0;padding:0 10px;font-size:11.5px;animation:.3s ad-fadeUp;display:flex}.agent-demo .tab span{text-overflow:ellipsis;overflow:hidden}.agent-demo .tab.on{color:#111;background:#fff}.agent-demo .fav{width:14px;height:14px;font:700 8.5px var(--font-inter), sans-serif;color:#fff;border-radius:3px;flex:none;place-items:center;display:grid}.agent-demo .addr{border-bottom:1px solid #ececef;flex:none;align-items:center;height:32px;padding:0 8px;display:flex}.agent-demo .addr div{color:#6b7280;background:#f3f3f5;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:22px;padding:0 9px;display:flex}.agent-demo .addr span{font:400 11px var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-demo .vp{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.agent-demo .scale{width:var(--lw,640px);transform-origin:0 0;transition:transform .45s;position:absolute;top:0;left:0}.agent-demo .wcur{z-index:30;pointer-events:none;opacity:0;transition:transform .6s cubic-bezier(.5,0,.2,1),opacity .25s;position:absolute;top:0;left:0;transform:translate(70%,80%)}.agent-demo .wcur.show{opacity:1}.agent-demo .wcur .pg{opacity:0;background:#2563eb59;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:0;left:0}.agent-demo .wcur.click .pg{animation:.6s ease-out ad-ping}@keyframes ad-ping{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.agent-demo .scn{width:var(--lw,640px);min-height:100%;font:400 13px/1.4 var(--font-inter), system-ui, sans-serif;color:#111827;background:#fff;animation:.35s ad-scnIn;position:relative}@keyframes ad-scnIn{0%{opacity:0}}.agent-demo .scn b{font-weight:600}.agent-demo .scn .muted{color:#6b7280}.agent-demo .scn .sm{font-size:11.5px}.agent-demo .scn .row{align-items:center;gap:10px;display:flex}.agent-demo .scn .col{flex-direction:column;gap:8px;display:flex}.agent-demo .scn .pad{padding:16px 18px}.agent-demo .scn .bar{border-bottom:1px solid #eceef1;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.agent-demo .scn .lg{color:#fff;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.agent-demo .scn .fv{border-radius:3px;flex:none;width:16px;height:16px}.agent-demo .scn .lb{color:#4b5563;margin:12px 0 5px;font-size:12px;font-weight:500;display:block}.agent-demo .scn .p-in{color:#111827;background:#fff;border:1px solid #d0d5dd;border-radius:8px;align-items:center;min-height:34px;padding:6px 12px;transition:box-shadow .2s,border-color .2s;display:flex}.agent-demo .scn .p-in:empty:before{content:attr(data-ph);color:#9ca3af}.agent-demo .scn .p-in.typing{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.agent-demo .scn .pb{background:var(--c,#2563eb);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 16px;font-weight:600;transition:transform .12s,box-shadow .2s;display:inline-flex}.agent-demo .scn .pb.ghost{color:var(--c,#2563eb);box-shadow:inset 0 0 0 1px var(--c,#2563eb);background:#fff}.agent-demo .scn .pb.on{transform:scale(.95)}.agent-demo .scn .pl{color:#374151;white-space:nowrap;border:1px solid #c4c8cf;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-weight:500;display:inline-flex}.agent-demo .scn .pl.on{color:#fff;background:#057642;border-color:#057642}.agent-demo .scn .hl{transition:box-shadow .25s,background-color .25s}.agent-demo .scn .hl.on{background-color:#eff6ff;box-shadow:0 0 0 2px #2563eb}.agent-demo .scn .hid:not(.show){display:none}.agent-demo .scn .show{animation:.35s ad-scnIn}.agent-demo .scn .ok{color:#047857;background:#ecfdf5;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:flex}.agent-demo .scn .bad{color:#b91c1c;background:#fef2f2;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:flex}.agent-demo .scn .av{color:#fff;background:linear-gradient(135deg, var(--a,#6366f1), #111827);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:600;display:grid}.agent-demo .scn .tg{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.agent-demo .scn .cr{text-align:center;color:#fff;background:linear-gradient(135deg, var(--a), var(--b));border-radius:6px;place-items:center;padding:10px;font-weight:700;display:grid}.agent-demo .scn .cb{align-items:center;gap:8px;margin-top:12px;display:flex}.agent-demo .scn .cb i{color:#fff;border:1.5px solid #9ca3af;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:grid}.agent-demo .scn .cb.on i{background:#2563eb;border-color:#2563eb}.agent-demo .scn .cb.on i:after{content:"✓"}.agent-demo .scn .grid{border-bottom:1px solid #eef0f3;align-items:center;gap:12px;padding:11px 14px;display:grid}.agent-demo .scn .sv{color:#1d9bf0;opacity:0;white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:600;transition:opacity .2s}.agent-demo .scn .on>.sv,.agent-demo .scn .on .sv{opacity:1}.agent-demo .scn .xt{text-align:center;color:#536471;flex:1;padding:12px 0;font-weight:600}.agent-demo .scn .xt.on{color:#0f1419;box-shadow:inset 0 -3px #1d9bf0}.agent-demo .scn .sk{background:#e5e7eb;border-radius:5px;height:10px;display:block}.agent-demo .scn .wf{color:#d4d4d4;background:#1e1e1e;min-height:100%;font-size:12px}.agent-demo .scn .wn{color:#bdbdbd;border-radius:4px;padding:5px 7px}.agent-demo .scn .wn.on{color:#fff;background:#146ef5}.agent-demo .scn .wsel{outline-offset:3px;outline:2px solid #0000;transition:outline-color .2s}.agent-demo .scn .wsel.on{outline-color:#146ef5}.agent-demo .scn .modal{color:#ddd;background:#2b2b2b;border:1px solid #444;border-radius:8px;flex-direction:column;gap:10px;width:250px;padding:14px;display:flex;position:absolute;top:8px;right:16px;box-shadow:0 12px 30px #00000073}.agent-demo .scn .modal .cb{margin-top:0}@media (max-width:1120px){.agent-demo .sb{display:none}}@media (max-width:760px){.agent-demo .visual{padding-bottom:28px}.agent-demo .band{top:200px}.agent-demo .aw{height:760px;margin:0 -6px}.agent-demo .mn-top{padding:0 12px}.agent-demo .mn-top>svg:first-child,.agent-demo .mn-top .sq{display:none}.agent-demo .mn-top .bc{border-left:0;padding-left:0}.agent-demo .mn-top .bc .a1,.agent-demo .mn-top .bc .sl{display:none}.agent-demo .mn-top .st{border-right:0;padding-right:0}.agent-demo .mn-body{flex-direction:column}.agent-demo .bp{flex-basis:0;order:-1;border-left:0!important}.agent-demo .aw.browsing .bp{border-bottom:1px solid var(--d2);flex-basis:52%}.agent-demo .bp-in{min-width:0;padding:10px}.agent-demo .bph{display:none}.agent-demo .cs{padding:14px 14px 6px}.agent-demo .ph-empty h4{font-size:18px}.agent-demo .hcmp{padding:12px 12px 10px 14px}.agent-demo .htx{font-size:13.5px}.agent-demo .cmp{margin:0 12px 12px;padding:10px 10px 8px 14px}.agent-demo .cmp .row{margin-top:8px}.agent-demo .ph-run{gap:10px}.agent-demo .tagline{margin-bottom:16px;font-size:18px}.agent-demo .flows{margin-bottom:20px}.agent-demo .fp{padding:0 13px;font-size:13.5px}}