.agent-demo.svelte-1e70tiu{border:1px solid #27272A;border-radius:10px;overflow:hidden;background:#0c0c10;margin:1rem 0 2.5rem;display:flex;flex-direction:column}.agent-demo.svelte-1e70tiu *{margin:0;padding:0;border:0;box-sizing:border-box}.demo-hdr.svelte-1e70tiu{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:36px;background:#111114;border-bottom:1px solid #27272A}.demo-hdr-title.svelte-1e70tiu{font-size:.75rem;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.06em}.restart-btn.svelte-1e70tiu{padding:.25rem .6rem;background:transparent;border:1px solid #3F3F46!important;border-radius:6px;color:#71717a;font-size:.72rem;cursor:pointer;font-family:inherit;transition:all .2s}.restart-btn.svelte-1e70tiu:hover{border-color:#7b93db!important;color:#7b93db}.demo-grid.svelte-1e70tiu{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:30px 340px}.pbar-label.svelte-1e70tiu{display:flex;align-items:center;gap:7px;padding:0 .9rem;font-size:.68rem;font-weight:500;color:#52525b;text-transform:uppercase;letter-spacing:.06em;background:#111114;border-bottom:1px solid #27272A}.pbar-left.svelte-1e70tiu{border-right:1px solid #27272A}.pbar-dot.svelte-1e70tiu{width:6px;height:6px;border-radius:50%}.green-dot.svelte-1e70tiu{background:#7b93db}.gold-dot.svelte-1e70tiu{background:#c9a06c}.chat-scroll.svelte-1e70tiu{overflow:hidden;padding:.8rem;display:flex;flex-direction:column;gap:.5rem;border-right:1px solid #27272A;min-width:0}.flow-scroll.svelte-1e70tiu{overflow:hidden;padding:.6rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.agent-demo.svelte-1e70tiu [data-step]:not(.visible){display:none!important}.agent-demo.svelte-1e70tiu .chat-item.visible{animation:svelte-1e70tiu-fadeInUp .3s ease both}.agent-demo.svelte-1e70tiu .user-msg{display:flex;justify-content:flex-end}.agent-demo.svelte-1e70tiu .user-bubble{max-width:82%;padding:.5rem .8rem;background:#1a2030;border:1px solid #2A3040;border-radius:10px 10px 2px;color:#b8c4d8;font-size:.8rem;line-height:1.45}.agent-demo.svelte-1e70tiu .ai-msg{display:flex;justify-content:flex-start}.agent-demo.svelte-1e70tiu .ai-bubble{max-width:88%;padding:.5rem .8rem;background:#14141a;border:1px solid #27272A;border-radius:10px 10px 10px 2px;color:#d4d4d8;font-size:.8rem;line-height:1.45}.agent-demo.svelte-1e70tiu .ai-bubble strong{color:#7b93db;font-weight:600}.agent-demo.svelte-1e70tiu .tool-card{position:relative;padding-left:10px}.agent-demo.svelte-1e70tiu .tc-bar{width:3px;position:absolute;top:0;bottom:0;left:0;border-radius:2px;transition:background .3s ease}.agent-demo.svelte-1e70tiu .tc-running{background:#c9a06c}.agent-demo.svelte-1e70tiu .tc-done{background:#6d9e7e}.agent-demo.svelte-1e70tiu .tc-errored{background:#c87070}.agent-demo.svelte-1e70tiu .tc-body{background:#111114;border:1px solid #27272A;border-radius:7px;padding:.4rem .6rem;font-size:.76rem}.agent-demo.svelte-1e70tiu .tc-head{display:flex;align-items:center;gap:5px}.agent-demo.svelte-1e70tiu .tc-icon{font-size:.65rem}.agent-demo.svelte-1e70tiu .tc-name{color:#9b8ec4;font-weight:600;font-family:SF Mono,Fira Code,monospace;font-size:.74rem}.agent-demo.svelte-1e70tiu .tc-status{margin-left:auto;font-size:.62rem;color:#c9a06c;text-transform:uppercase;letter-spacing:.04em}.agent-demo.svelte-1e70tiu .tc-status.done{color:#6d9e7e}.agent-demo.svelte-1e70tiu .tc-status.errored{color:#c87070}.agent-demo.svelte-1e70tiu .tc-args{color:#52525b;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;margin-top:.2rem}.agent-demo.svelte-1e70tiu .tc-result{margin-top:.3rem;padding-top:.3rem;border-top:1px solid #1E1E22}.agent-demo.svelte-1e70tiu .tc-json{color:#8ba88b;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;white-space:pre-wrap}.agent-demo.svelte-1e70tiu .tc-error{color:#c87070}.agent-demo.svelte-1e70tiu .tc-progress{margin-top:.3rem;height:3px;background:#1e1e22;border-radius:2px;overflow:hidden}.agent-demo.svelte-1e70tiu .tc-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#7b93db,#c9a06c);border-radius:2px;transition:width .5s ease}.agent-demo.svelte-1e70tiu .system-msg{text-align:center;font-size:.7rem;color:#c9a06c;padding:.2rem 0}.agent-demo.svelte-1e70tiu .system-success{color:#6d9e7e}.agent-demo.svelte-1e70tiu .sys-add{color:#6d9e7e;font-weight:600}.agent-demo.svelte-1e70tiu .unlock-badge{display:inline-block;margin-top:.3rem;padding:.15rem .5rem;background:#9b8ec415;border:1px solid #9B8EC430;border-radius:4px;color:#9b8ec4;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.agent-demo.svelte-1e70tiu .flow-item{display:flex;align-items:center;gap:5px;padding:.25rem .4rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.68rem}.agent-demo.svelte-1e70tiu .flow-item.visible{animation:svelte-1e70tiu-fadeInRight .2s ease both}.agent-demo.svelte-1e70tiu .fi-arrow{font-weight:700;font-size:.8rem;width:14px;flex-shrink:0}.agent-demo.svelte-1e70tiu .fi-proto{font-size:.58rem;padding:.08rem .3rem;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;white-space:nowrap}.agent-demo.svelte-1e70tiu .fi-jsonrpc{background:#7b93db18;color:#7b93db}.agent-demo.svelte-1e70tiu .fi-protobuf{background:#c9a06c18;color:#c9a06c}.agent-demo.svelte-1e70tiu .fi-internal{background:#9b8ec418;color:#9b8ec4}.agent-demo.svelte-1e70tiu .fi-hop{font-size:.56rem;color:#3f3f46;white-space:nowrap;flex-shrink:0}.agent-demo.svelte-1e70tiu .fi-detail{color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-jsonrpc) .fi-arrow{color:#7b93db}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf) .fi-arrow{color:#c9a06c}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal) .fi-arrow{color:#9b8ec4}.agent-demo.svelte-1e70tiu .fi-progress .fi-detail{color:#c9a06c}.agent-demo.svelte-1e70tiu .fi-notify .fi-detail{color:#9b8ec4}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-jsonrpc){background:#7b93db08}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf){background:#c9a06c08}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal){background:#9b8ec40a}.agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf),.agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal){margin-left:1.2rem}.agent-demo.svelte-1e70tiu .fi-highlight .fi-detail{color:#9b8ec4;font-weight:600}.agent-demo.svelte-1e70tiu .fi-error .fi-detail{color:#c87070}.agent-demo.svelte-1e70tiu .fi-error{background:#c870700d}.agent-demo.svelte-1e70tiu .flow-sep{height:1px;background:#1e1e22;margin:.2rem 0}@keyframes svelte-1e70tiu-fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1e70tiu-fadeInRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}:root[data-theme=light] .agent-demo.svelte-1e70tiu{border-color:#d4d4d8;background:#fafafa}:root[data-theme=light] .demo-hdr.svelte-1e70tiu{background:#f4f4f5;border-bottom-color:#d4d4d8}:root[data-theme=light] .demo-hdr-title.svelte-1e70tiu{color:#3f3f46}:root[data-theme=light] .restart-btn.svelte-1e70tiu{border-color:#d4d4d8!important;color:#71717a}:root[data-theme=light] .restart-btn.svelte-1e70tiu:hover{border-color:#5a73c0!important;color:#5a73c0}:root[data-theme=light] .pbar-label.svelte-1e70tiu{background:#f4f4f5;border-bottom-color:#d4d4d8;color:#71717a}:root[data-theme=light] .pbar-left.svelte-1e70tiu{border-right-color:#d4d4d8}:root[data-theme=light] .green-dot.svelte-1e70tiu{background:#5a73c0}:root[data-theme=light] .gold-dot.svelte-1e70tiu{background:#b08a50}:root[data-theme=light] .chat-scroll.svelte-1e70tiu{border-right-color:#d4d4d8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .user-bubble{background:#e8eef8;border-color:#c8d4e8;color:#2a3450}:root[data-theme=light] .agent-demo.svelte-1e70tiu .ai-bubble{background:#f0f0f2;border-color:#d4d4d8;color:#27272a}:root[data-theme=light] .agent-demo.svelte-1e70tiu .ai-bubble strong{color:#5a73c0}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-running{background:#b08a50}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-done{background:#4a8a5e}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-errored{background:#b85c5c}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-body{background:#f4f4f5;border-color:#d4d4d8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-name{color:#7060a8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-status{color:#b08a50}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-status.done{color:#4a8a5e}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-status.errored{color:#b85c5c}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-args{color:#a1a1aa}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-result{border-top-color:#e4e4e7}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-json{color:#4a7a4a}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-error{color:#b85c5c}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-progress{background:#e4e4e7}:root[data-theme=light] .agent-demo.svelte-1e70tiu .tc-progress-fill{background:linear-gradient(90deg,#5a73c0,#b08a50)}:root[data-theme=light] .agent-demo.svelte-1e70tiu .system-msg{color:#b08a50}:root[data-theme=light] .agent-demo.svelte-1e70tiu .system-success{color:#4a8a5e}:root[data-theme=light] .agent-demo.svelte-1e70tiu .sys-add{color:#4a8a5e}:root[data-theme=light] .agent-demo.svelte-1e70tiu .unlock-badge{background:#7060a810;border-color:#7060a830;color:#7060a8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-jsonrpc{background:#5a73c015;color:#5a73c0}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-protobuf{background:#b08a5015;color:#b08a50}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-internal{background:#7060a815;color:#7060a8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-hop{color:#a1a1aa}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-detail{color:#52525b}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-item:has(.fi-jsonrpc) .fi-arrow{color:#5a73c0}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf) .fi-arrow{color:#b08a50}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal) .fi-arrow{color:#7060a8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-progress .fi-detail{color:#b08a50}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-notify .fi-detail{color:#7060a8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-item:has(.fi-jsonrpc){background:#5a73c00d}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf){background:#b08a500d}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal){background:#7060a80f}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-highlight .fi-detail{color:#7060a8}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-error .fi-detail{color:#b85c5c}:root[data-theme=light] .agent-demo.svelte-1e70tiu .fi-error{background:#b85c5c0f}:root[data-theme=light] .agent-demo.svelte-1e70tiu .flow-sep{background:#e4e4e7}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu{border-color:#d4d4d8;background:#fafafa}:root:not([data-theme=dark]) .demo-hdr.svelte-1e70tiu{background:#f4f4f5;border-bottom-color:#d4d4d8}:root:not([data-theme=dark]) .demo-hdr-title.svelte-1e70tiu{color:#3f3f46}:root:not([data-theme=dark]) .restart-btn.svelte-1e70tiu{border-color:#d4d4d8!important;color:#71717a}:root:not([data-theme=dark]) .restart-btn.svelte-1e70tiu:hover{border-color:#5a73c0!important;color:#5a73c0}:root:not([data-theme=dark]) .pbar-label.svelte-1e70tiu{background:#f4f4f5;border-bottom-color:#d4d4d8;color:#71717a}:root:not([data-theme=dark]) .pbar-left.svelte-1e70tiu{border-right-color:#d4d4d8}:root:not([data-theme=dark]) .green-dot.svelte-1e70tiu{background:#5a73c0}:root:not([data-theme=dark]) .gold-dot.svelte-1e70tiu{background:#b08a50}:root:not([data-theme=dark]) .chat-scroll.svelte-1e70tiu{border-right-color:#d4d4d8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .user-bubble{background:#e8eef8;border-color:#c8d4e8;color:#2a3450}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .ai-bubble{background:#f0f0f2;border-color:#d4d4d8;color:#27272a}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .ai-bubble strong{color:#5a73c0}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-running{background:#b08a50}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-done{background:#4a8a5e}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-errored{background:#b85c5c}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-body{background:#f4f4f5;border-color:#d4d4d8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-name{color:#7060a8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-status{color:#b08a50}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-status.done{color:#4a8a5e}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-status.errored{color:#b85c5c}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-args{color:#a1a1aa}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-result{border-top-color:#e4e4e7}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-json{color:#4a7a4a}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-error{color:#b85c5c}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-progress{background:#e4e4e7}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .tc-progress-fill{background:linear-gradient(90deg,#5a73c0,#b08a50)}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .system-msg{color:#b08a50}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .system-success{color:#4a8a5e}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .sys-add{color:#4a8a5e}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .unlock-badge{background:#7060a810;border-color:#7060a830;color:#7060a8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-jsonrpc{background:#5a73c015;color:#5a73c0}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-protobuf{background:#b08a5015;color:#b08a50}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-internal{background:#7060a815;color:#7060a8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-hop{color:#a1a1aa}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-detail{color:#52525b}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-item:has(.fi-jsonrpc) .fi-arrow{color:#5a73c0}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf) .fi-arrow{color:#b08a50}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal) .fi-arrow{color:#7060a8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-progress .fi-detail{color:#b08a50}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-notify .fi-detail{color:#7060a8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-item:has(.fi-jsonrpc){background:#5a73c00d}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-item:has(.fi-protobuf){background:#b08a500d}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-item:has(.fi-internal){background:#7060a80f}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-highlight .fi-detail{color:#7060a8}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-error .fi-detail{color:#b85c5c}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .fi-error{background:#b85c5c0f}:root:not([data-theme=dark]) .agent-demo.svelte-1e70tiu .flow-sep{background:#e4e4e7}}@media(max-width:768px){.demo-grid.svelte-1e70tiu{display:grid;grid-template-columns:1fr;grid-template-rows:30px 220px 30px 180px}.pbar-left.svelte-1e70tiu{order:1;border-right:none}.chat-scroll.svelte-1e70tiu{order:2;border-right:none;border-bottom:1px solid #27272A;overflow-y:auto}.pbar-right.svelte-1e70tiu{order:3}.flow-scroll.svelte-1e70tiu{order:4;overflow-y:auto}.flow-item:has(.fi-protobuf),.flow-item:has(.fi-internal){margin-left:.4rem}.fi-detail{font-size:.55rem}.fi-hop{display:none}}