.state-machine[data-v-05b9e1ab]{width:100%;max-width:420px;position:relative}.state-diagram[data-v-05b9e1ab]{width:100%;height:auto;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.state-circle[data-v-05b9e1ab],.state-rect[data-v-05b9e1ab]{fill:var(--bg-tertiary);stroke:var(--border-primary);stroke-width:2;transition:all .3s ease}.state-node.active .state-circle[data-v-05b9e1ab],.state-node.active .state-rect[data-v-05b9e1ab]{filter:url(#glow)}.state-intake[data-v-05b9e1ab]{stroke:#a371f7}.state-explore[data-v-05b9e1ab]{stroke:#00d9ff}.state-decide[data-v-05b9e1ab]{stroke:#ffb000}.state-act[data-v-05b9e1ab]{stroke:#f85149;fill:#f851491a}.state-validate[data-v-05b9e1ab],.state-done[data-v-05b9e1ab]{stroke:#3fb950}.state-failed[data-v-05b9e1ab]{stroke:#f85149}.state-node.active .state-intake[data-v-05b9e1ab]{stroke:#a371f7;fill:#a371f733}.state-node.active .state-explore[data-v-05b9e1ab]{stroke:#00d9ff;fill:#00d9ff33}.state-node.active .state-decide[data-v-05b9e1ab]{stroke:#ffb000;fill:#ffb00033}.state-node.active .state-act[data-v-05b9e1ab]{stroke:#f85149;fill:#f851494d}.state-node.active .state-validate[data-v-05b9e1ab],.state-node.active .state-done[data-v-05b9e1ab]{stroke:#3fb950;fill:#3fb95033}.state-node.active .state-failed[data-v-05b9e1ab]{stroke:#f85149;fill:#f8514933}.state-label[data-v-05b9e1ab]{font-family:var(--font-mono);font-size:10px;font-weight:600;fill:var(--text-secondary);transition:fill .3s ease}.state-label.terminal[data-v-05b9e1ab]{font-size:9px}.state-sublabel[data-v-05b9e1ab]{font-family:var(--font-mono);font-size:7px;fill:var(--accent-red);opacity:.8}.state-node.active .state-label[data-v-05b9e1ab]{fill:var(--text-primary)}.animated-dot[data-v-05b9e1ab]{fill:var(--accent-cyan);transition:cx .5s ease,cy .5s ease}.status-bar[data-v-05b9e1ab]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.75rem;font-family:var(--font-mono)}.status-item[data-v-05b9e1ab]{display:flex;align-items:center;gap:var(--space-sm)}.status-dot[data-v-05b9e1ab]{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:pulse-05b9e1ab 2s infinite}.status-dot.intake[data-v-05b9e1ab]{background:#a371f7}.status-dot.explore[data-v-05b9e1ab]{background:#00d9ff}.status-dot.decide[data-v-05b9e1ab]{background:#ffb000}.status-dot.act[data-v-05b9e1ab]{background:#f85149}.status-dot.validate[data-v-05b9e1ab],.status-dot.done[data-v-05b9e1ab]{background:#3fb950}.status-dot.failed[data-v-05b9e1ab]{background:#f85149}.status-label[data-v-05b9e1ab]{color:var(--text-secondary)}.status-label code[data-v-05b9e1ab]{color:var(--accent-cyan);background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:.7rem}.status-text[data-v-05b9e1ab]{color:var(--text-muted)}@keyframes pulse-05b9e1ab{0%,to{opacity:1}50%{opacity:.5}}.code-tabs[data-v-791830e9]{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.tabs-header[data-v-791830e9]{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);overflow-x:auto}.tab-button[data-v-791830e9]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-button[data-v-791830e9]:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-button.active[data-v-791830e9]{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:var(--bg-secondary)}.tab-number[data-v-791830e9]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bg-tertiary);border-radius:4px;font-size:.7rem;font-weight:600}.tab-button.active .tab-number[data-v-791830e9]{background:var(--accent-cyan);color:var(--bg-primary)}.tab-content[data-v-791830e9]{position:relative}.code-header[data-v-791830e9]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary)}.code-filename[data-v-791830e9]{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.copy-button[data-v-791830e9]{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all var(--transition-fast)}.copy-button[data-v-791830e9]:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.copy-button.copied[data-v-791830e9]{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.code-block[data-v-791830e9]{margin:0;padding:var(--space-lg);overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:var(--text-primary)}.code-block code[data-v-791830e9]{background:none;border:none;padding:0}[data-v-791830e9] .keyword{color:#a371f7}[data-v-791830e9] .string{color:#3fb950}[data-v-791830e9] .comment{color:#484f58;font-style:italic}[data-v-791830e9] .number{color:#ffb000}@media(max-width:768px){.tab-button[data-v-791830e9]{padding:var(--space-sm) var(--space-md)}.tab-label[data-v-791830e9]{display:none}.tab-number[data-v-791830e9]{width:24px;height:24px}}.agent-showcase-tabs[data-v-8a977757]{width:100%}.tab-buttons[data-v-8a977757]{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.tab-button[data-v-8a977757]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.tab-button[data-v-8a977757]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active[data-v-8a977757]{background:var(--bg-primary);border-color:var(--accent-cyan);color:var(--text-primary);box-shadow:0 0 0 1px #00d9ff1a}.tab-icon[data-v-8a977757]{font-size:1.1rem}.tab-label[data-v-8a977757]{display:block}.scenario-container[data-v-8a977757]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.scenario-header[data-v-8a977757]{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-primary)}.scenario-title-row[data-v-8a977757]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.scenario-header h3[data-v-8a977757]{font-size:1.1rem;color:var(--text-primary);margin:0}.view-code-link[data-v-8a977757]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.view-code-link[data-v-8a977757]:hover{background:var(--bg-primary);border-color:var(--accent-cyan);color:var(--accent-cyan)}.view-code-link svg[data-v-8a977757]{width:14px;height:14px}.scenario-header p[data-v-8a977757]{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.showcase-grid[data-v-8a977757]{display:grid;grid-template-columns:280px 1fr}.showcase-tools[data-v-8a977757]{padding:var(--space-lg);border-right:1px solid var(--border-primary);background:var(--bg-tertiary)}.showcase-tools h4[data-v-8a977757],.showcase-demo h4[data-v-8a977757]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 var(--space-md) 0}.tool-list[data-v-8a977757]{display:flex;flex-direction:column;gap:var(--space-sm)}.tool-card[data-v-8a977757]{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;transition:all var(--transition-fast)}.tool-card.tool-active[data-v-8a977757]{border-color:var(--accent-cyan);background:var(--bg-primary);box-shadow:0 0 0 1px #00d9ff33}.tool-header[data-v-8a977757]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.tool-header code[data-v-8a977757]{font-size:.75rem;font-weight:600;color:var(--accent-cyan);background:none;border:none;padding:0}.tool-badge[data-v-8a977757]{font-size:.55rem;font-weight:600;padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.tool-badge.readonly[data-v-8a977757]{background:#3fb95033;color:#3fb950}.tool-badge.idempotent[data-v-8a977757]{background:#00d9ff33;color:#00d9ff}.tool-badge.destructive[data-v-8a977757]{background:#f8514933;color:#f85149}.tool-card p[data-v-8a977757]{font-size:.7rem;color:var(--text-muted);margin:0;line-height:1.3}.showcase-demo[data-v-8a977757]{padding:var(--space-lg);display:flex;flex-direction:column;cursor:pointer}.progress-bar[data-v-8a977757]{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;margin-bottom:var(--space-md);gap:var(--space-xs)}.progress-step[data-v-8a977757]{display:flex;align-items:center;gap:var(--space-xs);opacity:.3;transition:opacity var(--transition-fast)}.progress-step.active[data-v-8a977757]{opacity:1}.progress-step.current .progress-dot[data-v-8a977757]{animation:pulse-8a977757 1s infinite}.progress-dot[data-v-8a977757]{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.progress-dot.intake[data-v-8a977757]{background:#a371f7}.progress-dot.explore[data-v-8a977757]{background:#00d9ff}.progress-dot.decide[data-v-8a977757]{background:#ffb000}.progress-dot.act[data-v-8a977757]{background:#f85149}.progress-dot.validate[data-v-8a977757],.progress-dot.done[data-v-8a977757]{background:#3fb950}.progress-label[data-v-8a977757]{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-step.active .progress-label[data-v-8a977757]{color:var(--text-secondary)}.execution-trace[data-v-8a977757]{flex:1;min-height:260px;max-height:300px;overflow-y:auto;padding-right:var(--space-sm)}.trace-step[data-v-8a977757]{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;transition:all var(--transition-fast)}.trace-step.latest[data-v-8a977757]{border-color:var(--accent-cyan);box-shadow:0 0 0 1px #00d9ff1a}.step-header[data-v-8a977757]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.step-state[data-v-8a977757]{font-family:var(--font-mono);font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.step-state.intake[data-v-8a977757]{background:#a371f733;color:#a371f7}.step-state.explore[data-v-8a977757]{background:#00d9ff33;color:#00d9ff}.step-state.decide[data-v-8a977757]{background:#ffb00033;color:#ffb000}.step-state.act[data-v-8a977757]{background:#f8514933;color:#f85149}.step-state.validate[data-v-8a977757],.step-state.done[data-v-8a977757]{background:#3fb95033;color:#3fb950}.step-action[data-v-8a977757]{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-primary)}.step-description[data-v-8a977757]{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.step-tool[data-v-8a977757]{margin-top:2px}.tool-io[data-v-8a977757]{font-family:var(--font-mono);font-size:.7rem}.io-row[data-v-8a977757]{display:flex;gap:var(--space-sm);padding:2px 0}.io-label[data-v-8a977757]{color:var(--text-muted);min-width:45px}.io-value[data-v-8a977757]{color:var(--text-secondary);background:var(--bg-tertiary);padding:1px 4px;border-radius:3px;word-break:break-all;font-size:.65rem}.io-value.success[data-v-8a977757]{color:var(--accent-green)}.io-value.warning[data-v-8a977757]{color:var(--accent-amber)}.step-human[data-v-8a977757]{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--accent-amber);font-weight:500}.human-icon[data-v-8a977757]{font-size:.9rem}.step-result[data-v-8a977757]{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--accent-green);font-weight:500}.result-icon[data-v-8a977757]{font-size:.9rem}.demo-footer[data-v-8a977757]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--border-secondary);font-family:var(--font-mono);font-size:.65rem}.pause-hint[data-v-8a977757]{color:var(--text-muted)}.step-counter[data-v-8a977757]{color:var(--text-secondary)}.step-enter-active[data-v-8a977757]{transition:all .3s ease-out}.step-enter-from[data-v-8a977757]{opacity:0;transform:translateY(-8px)}.step-leave-active[data-v-8a977757]{transition:all .2s ease-in}.step-leave-to[data-v-8a977757]{opacity:0}@keyframes pulse-8a977757{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}@media(max-width:900px){.showcase-grid[data-v-8a977757]{grid-template-columns:1fr}.showcase-tools[data-v-8a977757]{border-right:none;border-bottom:1px solid var(--border-primary);padding:var(--space-md)}.tool-list[data-v-8a977757]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.execution-trace[data-v-8a977757]{min-height:220px;max-height:260px}}@media(max-width:640px){.tab-label[data-v-8a977757]{display:none}.tab-button[data-v-8a977757]{padding:var(--space-md)}.tab-icon[data-v-8a977757]{font-size:1.3rem}.progress-label[data-v-8a977757]{display:none}.progress-bar[data-v-8a977757]{justify-content:center;gap:var(--space-md)}.tool-list[data-v-8a977757]{grid-template-columns:1fr}.scenario-header[data-v-8a977757],.showcase-demo[data-v-8a977757]{padding:var(--space-md)}}