@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{font-family:Poppins,system-ui,sans-serif;color-scheme:light;background:#fff;min-height:100vh;color:#111827}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff}button,input,textarea,select{font-family:inherit}#root{min-height:100vh}:root{--ink: #111827;--muted: #64748b;--soft: #f8fafc;--panel: #ffffff;--panel-strong: #eef2ff;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .18);--coral: #2563eb;--coral-soft: #eff6ff;--sky: #ecfeff;--sky-strong: #0891b2;--mint: #ecfdf5;--mint-strong: #059669;--lilac: #f5f3ff;--gold: #ca8a04;--charcoal: #0f172a;--radius: 8px;--shadow: 0 12px 30px rgba(15, 23, 42, .08);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700}.app-shell{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:100vh;padding:0;background:var(--soft);color:var(--ink);font-family:var(--font-family)}.workspace{min-width:0;background:var(--soft);border:0;border-radius:0;box-shadow:none;overflow:hidden}main{padding:24px 34px 34px;color:var(--ink)}.topbar{min-height:68px;padding:18px 34px 14px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:#ffffffd1}.breadcrumb{display:flex;align-items:center;gap:10px;color:#6f7286;font-size:.9rem;letter-spacing:.01em}.breadcrumb strong{color:var(--ink);font-weight:var(--font-weight-medium)}.sidebar{background:#fff;color:var(--ink);border-radius:0;padding:26px 18px;display:flex;flex-direction:column;align-items:center;gap:22px;border-right:1px solid var(--line);box-shadow:none}.brand{display:grid;place-items:center;gap:8px;width:100%}.brand h1,.brand p{display:none}.brand-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-weight:var(--font-weight-bold);letter-spacing:-.03em}.sidebar nav{width:100%;display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.sidebar nav a{width:48px;height:48px;margin:0 auto;border-radius:var(--radius);color:#4b4f63;text-decoration:none;display:grid;place-items:center;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar nav a svg,.sidebar>.ghost-btn svg{font-size:1.2rem;width:1em;height:1em}.sidebar nav a em{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;white-space:nowrap;font-style:normal;font-size:.78rem;font-weight:var(--font-weight-semi-bold);color:var(--ink);font-family:var(--font-family);letter-spacing:.02em;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px 9px;box-shadow:0 10px 26px #291f141a;z-index:5}.sidebar nav a:hover,.sidebar nav a.active{background:var(--coral-soft);color:var(--coral);transform:translateY(-1px)}.sidebar nav a:hover em,.sidebar>.ghost-btn:hover span{opacity:1}.sidebar>.ghost-btn{margin-top:auto;width:48px;height:48px;padding:0;position:relative;background:var(--coral-soft);color:var(--coral)}.sidebar>.ghost-btn span{display:none}.sidebar>.ghost-btn:hover span{display:block;position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);opacity:1;pointer-events:none;white-space:nowrap;font-style:normal;font-size:.78rem;font-weight:var(--font-weight-semi-bold);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px 9px;box-shadow:0 10px 26px #291f141a;z-index:5}.panel,.catalog-panel{display:grid;gap:24px;min-width:0}.page-header,.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:2px}.page-eyebrow,.section-kicker,.summary-label{display:inline-flex;color:var(--muted);font-size:.75rem;font-weight:var(--font-weight-semi-bold);letter-spacing:.1em;text-transform:uppercase}.page-header h2,.panel-header h2{margin:4px 0 0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.1;letter-spacing:-.01em;font-weight:var(--font-weight-bold);font-family:var(--font-family)}.page-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dashboard-intro,.model-card,.node-card,.workflow-output,.workflow-runner,.workflow-connection-summary,.callout,.chat-window,.auth-card{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:.82rem;font-weight:var(--font-weight-medium);border:1px solid var(--line);font-family:var(--font-family)}.dashboard-intro{max-width:860px;min-height:260px;padding:30px;display:grid;align-content:start;gap:14px;background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.dashboard-card{padding:20px;border-radius:var(--radius);display:grid;gap:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.dashboard-card.gradient-models{background:linear-gradient(135deg,#eff6ffe6,#e0e7ffb3)}.dashboard-card.gradient-agents{background:linear-gradient(135deg,#f0fff4e6,#dcffe6b3)}.dashboard-card.gradient-workflows{background:linear-gradient(135deg,#fff0f5e6,#ffe1ebb3)}.dashboard-card.gradient-keys{background:linear-gradient(135deg,#f5f3ffe6,#ebe6ffb3)}.dashboard-card.gradient-activity{background:linear-gradient(135deg,#fff8f0e6,#ffebd2b3)}.card-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff6;color:var(--ink);font-size:1.2rem}.card-content{display:grid;gap:4px}.card-content h3{margin:0;font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.card-value{margin:0;font-size:2.2rem;font-weight:var(--font-weight-bold);color:var(--ink);line-height:1.1}.card-subtitle{margin:0;font-size:.85rem;font-weight:var(--font-weight-regular);color:var(--muted)}.dashboard-docs-section{margin-top:32px;display:grid;gap:16px}.dashboard-docs-header{display:grid;gap:8px}.dashboard-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.dashboard-doc-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease}.dashboard-doc-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a1f}.dashboard-doc-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral)}.dashboard-doc-content{display:grid;gap:8px}.dashboard-doc-content h4{margin:0;font-size:1.1rem;font-weight:var(--font-weight-semi-bold)}.dashboard-doc-content p{margin:0;font-size:.9rem;font-weight:var(--font-weight-regular);color:var(--muted);line-height:1.6}.models-overview-grid{display:grid;gap:8px;margin:12px 0}.model-overview-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(15,23,42,.06)}.model-overview-item:last-child{border-bottom:none}.model-name{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--ink)}.model-pricing{font-size:.8rem;font-weight:var(--font-weight-semi-bold);color:var(--coral)}.more-models{font-style:italic;color:var(--muted);font-weight:var(--font-weight-regular)}.dashboard-doc-link{margin-top:8px;display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:var(--font-weight-semi-bold);color:var(--coral);text-decoration:none}.dashboard-doc-link i{font-size:.7rem;font-style:normal}.dashboard-intro h3{max-width:720px;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.01em}.dashboard-intro p{max-width:68ch;margin:0;color:var(--muted);font-weight:var(--font-weight-regular);line-height:1.7;font-family:var(--font-family)}.dashboard-continue-link{width:fit-content;min-height:44px;margin-top:10px;padding:0 12px 0 16px;display:inline-flex;align-items:center;gap:12px;border-radius:var(--radius);background:var(--charcoal);color:#fff;font-size:.92rem;font-weight:var(--font-weight-semi-bold);text-decoration:none;font-family:var(--font-family);transition:transform .18s ease,box-shadow .18s ease}.dashboard-continue-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a24}.dashboard-continue-link i{width:26px;height:26px;display:grid;place-items:center;border-radius:calc(var(--radius) - 2px);background:#ffffff24;font-style:normal;font-weight:var(--font-weight-bold)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.catalog-count-badge{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:var(--font-weight-semi-bold);padding:8px 12px;font-family:var(--font-family);border-radius:999px}.catalog-refresh-btn,.model-launch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);font-weight:var(--font-weight-semi-bold);cursor:pointer;min-height:40px;padding:0 14px}.model-card{padding:18px;background:linear-gradient(180deg,#ffffffd1,#fffffff5),color-mix(in srgb,var(--model-color, var(--coral)) 10%,#ffffff);display:grid;gap:18px}.model-card-top,.model-context-label{display:flex;justify-content:space-between;align-items:center;gap:10px}.model-provider-badge,.model-status-dot{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:var(--font-weight-semi-bold);font-family:var(--font-family)}.model-status-dot:before{content:"";width:7px;height:7px;border-radius:50%}.status-available{color:#256846;background:#4aa0701f}.status-available:before{background:#46a36d}.status-unavailable{color:#9c3f36;background:#ff66571f}.status-unavailable:before{background:#ff6657}.model-display-name{margin:0 0 8px;font-size:1.22rem;line-height:1.15}.model-slug{display:inline-flex;max-width:100%;padding:5px 8px;border-radius:6px;background:#2a37300f;color:#52605a;font-size:.78rem;overflow-wrap:anywhere}.model-context-section{display:grid;gap:8px}.model-context-label span{color:var(--muted);font-size:.78rem;font-weight:var(--font-weight-semi-bold);text-transform:uppercase;font-family:var(--font-family);letter-spacing:.08em}.model-context-bar{height:7px;border-radius:999px;background:#2a373014;overflow:hidden}.model-context-fill{height:100%;border-radius:inherit;background:var(--model-color, var(--sky-strong))}.model-launch-btn{justify-content:space-between;background:var(--charcoal);color:#fff}.catalog-empty,.empty{color:var(--muted);font-size:.92rem}.catalog-empty{min-height:220px;display:grid;place-items:center;text-align:center;padding:34px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff94}.catalog-empty span{font-size:2rem}.catalog-empty p,.catalog-empty small{margin:0}.usage-panel{gap:28px}.usage-doc-section{display:grid;gap:14px}.usage-section-header{display:grid;gap:4px}.usage-section-header h3{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05}.usage-layout{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:16px}.usage-card,.usage-mini-card,.usage-code-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,#fffffff5,#f6f6ffeb),var(--panel);box-shadow:0 18px 34px #4c46e514}.usage-card{padding:22px;display:grid;gap:16px}.usage-card-primary{background:linear-gradient(135deg,#efeffffa,#e2e2ffe0),#ededff}.usage-steps{margin:0;padding-left:22px;display:grid;gap:10px;font-weight:var(--font-weight-medium)}.usage-note{margin:0;color:var(--muted);line-height:1.55;font-weight:var(--font-weight-medium)}.usage-contract{display:grid;gap:10px}.usage-contract div{display:grid;gap:6px;padding:12px;border-radius:var(--radius);background:#ffffffb8;border:1px solid var(--line)}.usage-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.usage-mini-card{padding:16px}.usage-mini-card h3,.usage-code-card h3{margin:0 0 8px}.usage-mini-card p,.usage-code-card p{margin:0;color:var(--muted);line-height:1.6;font-weight:var(--font-weight-regular);font-family:var(--font-family)}.usage-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usage-code-card{padding:18px;display:grid;gap:12px;min-width:0}.usage-code-card pre{margin:0;padding:14px;border-radius:var(--radius);background:var(--charcoal);color:#f7f7ff;overflow-x:auto;white-space:pre}.usage-code-card code,.usage-contract code,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}.provider-form,.inline-form,.agent-form,.agent-settings,.agent-testing,.workflow-builder,.workflow-runner,.workflow-section,.workflow-output,.workflow-input-pairs,.workflow-diagram-wrap{display:grid;gap:14px}.agent-workbench,.workflow-layout{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:18px;align-items:start}.inline-form,.playground-top,.agent-params,.node-card-grid,.node-config-grid{display:grid;gap:12px}.inline-form,.playground-top{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.agent-params{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.mcp-agent-panel{display:grid;gap:12px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:0 10px 22px #4c46e50f}.switch-field{display:inline-flex;align-items:center;width:fit-content;gap:10px;cursor:pointer}.switch-field input{position:absolute;opacity:0;pointer-events:none}.switch-field strong{color:var(--ink);font-size:.9rem;letter-spacing:0;text-transform:none}.switch-track{width:44px;height:24px;padding:3px;border-radius:999px;background:#62647a38;border:1px solid rgba(98,100,122,.14);transition:background .18s ease,border-color .18s ease}.switch-track span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #1118272e;transition:transform .18s ease}.switch-field input:checked+.switch-track{background:var(--coral);border-color:var(--coral)}.switch-field input:checked+.switch-track span{transform:translate(20px)}.mcp-server-picker{display:grid;gap:10px}.mcp-register-card{display:grid;gap:8px;padding:12px;border-radius:var(--radius);border:1px solid var(--line);background:#f8f9ff}.mcp-register-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) auto;gap:8px;align-items:center}.mcp-core-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--line)}.mcp-core-row span,.mcp-helper{color:var(--muted);font-size:.82rem;font-weight:var(--font-weight-medium);line-height:1.4}.mcp-helper{margin:-4px 0 2px}.mcp-approval-toggle{padding:8px 0}.mcp-server-grid{display:grid;gap:8px}.mcp-server-option{display:grid;gap:10px;padding:12px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}.mcp-server-option.selected{border-color:#4f46e575;background:#f7f7ff}.mcp-server-choice,.mcp-tool-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;cursor:pointer}.mcp-server-choice input,.mcp-tool-option input{width:auto;margin-top:3px}.mcp-server-option span,.mcp-tool-option span{min-width:0;display:grid;gap:4px}.mcp-server-option strong,.mcp-tool-option strong{line-height:1.15}.mcp-server-option small,.mcp-tool-option small{color:var(--muted);overflow-wrap:anywhere}.mcp-server-option em{width:fit-content;padding:3px 7px;border-radius:999px;background:var(--coral-soft);color:var(--coral);font-size:.72rem;font-style:normal;font-weight:var(--font-weight-semi-bold)}.mcp-server-actions{display:flex;flex-wrap:wrap;gap:8px;padding-left:26px}.mcp-sync-btn{width:fit-content;min-height:32px;padding:6px 10px;font-size:.78rem}.mcp-tool-list{display:grid;gap:8px;margin-left:26px;padding:10px;border-radius:calc(var(--radius) - 4px);border:1px solid var(--line);background:#ffffffd1}.mcp-tool-list-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.mcp-tool-list-header strong{color:var(--ink);font-size:.82rem}.mcp-tool-list-header small,.mcp-tool-empty{color:var(--muted);font-size:.78rem;font-weight:var(--font-weight-semi-bold)}.mcp-tool-empty{margin:0}.mcp-tool-option{padding:8px;border-radius:calc(var(--radius) - 6px);border:1px solid rgba(98,100,122,.12);background:#fff}.mcp-tool-option strong{font-size:.84rem}.mcp-tool-option small{font-size:.78rem;line-height:1.35}.mcp-server-empty{padding:12px;border-radius:var(--radius);border:1px dashed var(--line-strong);color:var(--muted);font-weight:var(--font-weight-medium)}.node-card-grid,.node-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field,.agent-form .field,.playground-top .field,.provider-form div,.workflow-picker{display:flex;flex-direction:column;gap:6px}label,.field label,.workflow-picker label,.workflow-input-pairs>label{color:var(--muted);font-size:.78rem;font-weight:var(--font-weight-semi-bold);letter-spacing:.06em;text-transform:uppercase}body{font-family:var(--font-family);line-height:1.6;margin:0;padding:0}input,textarea,select{width:100%;padding:11px 12px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#ffffffe6;color:var(--ink);font-family:var(--font-family);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}textarea{min-height:116px;resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 4px #4f46e52e;background:#fff}.primary-btn,.secondary-btn,.ghost-btn,.auth-submit-btn,.auth-toggle-btn,.link-btn{border:none;border-radius:var(--radius);min-height:40px;padding:10px 14px;font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-btn{background:var(--coral);color:#fff;box-shadow:0 10px 22px #4f46e53d}.secondary-btn{background:var(--charcoal);color:#fff}.ghost-btn{background:#4f46e514;color:var(--ink)}.ghost-btn.danger-btn{background:#ff66571f;color:#9c3f36}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.catalog-refresh-btn:hover,.model-launch-btn:hover{transform:translateY(-1px)}button:disabled{opacity:.58;cursor:not-allowed;transform:none}.panel-actions,.workflow-actions,.row-actions,.workflow-tag-list,.workflow-meta-row,.workflow-section-header,.diagram-node-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workflow-section-header{justify-content:space-between}.workflow-section-header h3,.workflow-output h4,.workflow-runner h3{margin:0}.table{display:grid;gap:10px;overflow-x:auto}.table-row{min-width:620px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:13px 14px;border-radius:var(--radius);background:#ffffffd1;border:1px solid var(--line)}.table-row-3{grid-template-columns:2fr 1fr 1fr}.table-row.header{background:transparent;border-color:transparent;color:var(--muted);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}.table-row.row-selected{border-color:var(--sky-strong);box-shadow:0 0 0 3px #4f46e52e}.table-row small{display:block;color:var(--muted);margin-top:4px;font-size:.78rem}.pill-active{background:var(--coral);color:#fff}.pill-draft{background:#eeedff;color:#3730a3}.pill-published{background:#e7f1ff;color:#3730a3}.chat-window{min-height:280px;padding:18px;background:linear-gradient(180deg,#ffffffb8,#eeedffd1),var(--panel-strong);align-content:start}.chat-bubble{max-width:78%;padding:12px 14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.chat-bubble.user{justify-self:end;background:var(--charcoal);color:#fff}.chat-bubble span{display:block;margin-bottom:6px;opacity:.72;font-size:.72rem;font-weight:var(--font-weight-semi-bold);text-transform:uppercase;font-family:var(--font-family);letter-spacing:.08em}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:14px}.chat-input textarea{min-height:80px}.status{display:inline-flex;width:fit-content;margin-top:4px;padding:7px 10px;border-radius:999px;background:#4f46e51f;color:#3730a3;font-weight:var(--font-weight-semi-bold);font-size:.86rem}.callout{padding:14px;background:#eeedff}.callout code{display:block;margin-top:8px;padding:10px;border-radius:6px;background:#ffffffb8;overflow-wrap:anywhere}.workflow-builder,.workflow-runner{min-width:0}.workflow-runner,.node-card,.workflow-output,.workflow-connection-summary{padding:16px;background:#ffffffd1}.workflow-runner{position:sticky;top:24px}.workflow-picker-row,.workflow-picker-row-triple,.edge-row{display:grid;gap:10px}.workflow-picker-row{grid-template-columns:minmax(0,1fr) auto}.workflow-picker-row-triple{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.edge-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto}.checkbox-field{display:inline-flex;align-items:center;width:fit-content;gap:8px;padding:8px 10px;border-radius:var(--radius);background:#ffffffa8;border:1px solid var(--line)}.checkbox-field input{width:auto}.workflow-hints{display:grid;gap:6px;padding:12px;border-radius:var(--radius);border:1px solid rgba(79,70,229,.18);background:var(--coral-soft)}.workflow-hints p,.workflow-output p{margin:0}.workflow-diagram{position:relative;height:420px;border-radius:var(--radius);background:linear-gradient(rgba(79,70,229,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.06) 1px,transparent 1px),#fbfbff;background-size:24px 24px;border:1px solid var(--line);overflow:hidden}.workflow-diagram-svg{position:absolute;inset:0;width:100%;height:100%}.diagram-edge{stroke:#576760;stroke-width:2.4;cursor:pointer}.diagram-edge.edge-true{stroke:#46a36d}.diagram-edge.edge-false{stroke:#ef4444}.diagram-edge.edge-conditional{stroke:var(--coral)}.diagram-arrow-head{fill:currentColor}.diagram-edge-label{font-size:12px;fill:#3d4944;font-weight:var(--font-weight-semi-bold);font-family:var(--font-family)}.diagram-edge.edge-default,.diagram-edge-label.edge-label-default{color:#576760;fill:#576760}.diagram-edge.edge-true,.diagram-edge-label.edge-label-true{color:#2d7e50;fill:#2d7e50}.diagram-edge.edge-false,.diagram-edge-label.edge-label-false{color:#b94a40;fill:#b94a40}.diagram-edge.edge-conditional,.diagram-edge-label.edge-label-conditional{color:#4f46e5;fill:#4f46e5}.diagram-node{position:absolute;width:180px;min-height:68px;padding:10px;border-radius:var(--radius);background:#fff;box-shadow:0 12px 24px #4c46e51f;border:1px solid var(--line-strong);display:grid;gap:7px;cursor:move;-webkit-user-select:none;user-select:none}.diagram-node.active{border-color:var(--coral);box-shadow:0 0 0 4px #4f46e52e}.diagram-node small{color:var(--muted)}.diagram-node-actions .ghost-btn,.diagram-node-actions .secondary-btn{min-height:30px;padding:6px 8px;font-size:.75rem}.workflow-connection-summary ul{margin:0;padding-left:18px;display:grid;gap:6px}.workflow-connection-summary h4{margin:0 0 10px}.summary-edge.summary-default{color:#576760}.summary-edge.summary-true{color:#2d7e50}.summary-edge.summary-false{color:#b94a40}.summary-edge.summary-conditional{color:#4f46e5}.link-btn{min-height:auto;padding:0 0 0 6px;background:none;color:inherit}.loading{min-height:100vh;display:grid;place-items:center;background:var(--soft);color:var(--ink);font-weight:var(--font-weight-semi-bold);font-family:var(--font-family)}.cosmic-container{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#ffffffdb,#f7faf7eb),var(--soft)}.cosmic-stars,.cosmic-stars-medium,.cosmic-stars-large,#earth,#horizon,.glow{display:none}#title{position:absolute;top:9vh;left:50%;transform:translate(-50%);font-size:clamp(4rem,16vw,12rem);font-weight:var(--font-weight-bold);letter-spacing:0;font-family:var(--font-family);color:#2021240b;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}#subtitle{position:absolute;top:calc(9vh + min(12vw,140px));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:#20212452;font-size:.78rem;font-weight:var(--font-weight-semi-bold);letter-spacing:.16em;font-family:var(--font-family);pointer-events:none}.auth-card{position:relative;z-index:1;width:min(430px,94vw);padding:32px;background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:16px}.auth-card h2{margin:0;font-size:2rem;line-height:1}.auth-card p{margin:0;color:var(--muted)}.auth-card form{display:grid;gap:14px}.auth-card-brand{display:flex;align-items:center;gap:10px}.auth-brand-badge{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-weight:var(--font-weight-bold);font-family:var(--font-family)}.auth-brand-name{font-weight:var(--font-weight-bold);letter-spacing:.08em}.auth-field{display:grid;gap:6px}.auth-submit-btn{background:var(--coral);color:#fff}.auth-toggle-btn{background:transparent;color:var(--coral)}.auth-status{display:block;padding:10px;border-radius:var(--radius);background:#4f46e51f;color:#3730a3;font-weight:var(--font-weight-semi-bold);text-align:center}@media(max-width:1180px){.workflow-layout,.agent-workbench,.usage-layout,.usage-code-grid,.mcp-register-grid{grid-template-columns:1fr}.mcp-core-row{align-items:stretch;flex-direction:column}.mcp-server-actions,.mcp-tool-list{margin-left:0;padding-left:0}.workflow-runner{position:static}}@media(max-width:900px){.app-shell{display:block;padding:0}.sidebar{border-radius:0;min-height:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:14px}.brand{width:auto}.sidebar nav{width:auto;display:flex;gap:6px;padding:0;border:0;overflow-x:auto}.sidebar nav a{width:40px;height:40px;min-width:40px}.sidebar nav a em{display:none}.sidebar>.ghost-btn{margin-top:0;width:40px;height:40px;min-width:40px}.workspace{border:0;border-radius:0}.topbar{flex-direction:column;align-items:stretch;padding:22px 20px 12px}main{padding:20px}.page-header{flex-direction:column}.node-card-grid,.node-config-grid,.edge-row,.workflow-picker-row,.workflow-picker-row-triple,.chat-input{grid-template-columns:1fr}}@media(max-width:560px){.dashboard-intro,.auth-card{padding:20px}.dashboard-continue-link{width:100%;justify-content:space-between}.chat-bubble{max-width:100%}}.playground-root{display:grid;gap:16px;min-width:0}.playground-root .page-header{margin-bottom:0}.playground-container{display:grid;grid-template-columns:304px minmax(0,1fr);height:calc(100vh - 176px);min-height:620px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.playground-sidebar{min-width:0;padding:20px;background:linear-gradient(180deg,#f8fafcf5,#fffffff0),#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;overflow-y:auto}.playground-sidebar-header{display:grid;gap:4px}.playground-sidebar-header h3,.chat-title h3,.chat-empty h3,.playground-target-card h4{margin:0}.playground-sidebar-header h3{font-size:1rem;line-height:1.2}.sidebar-section{display:grid;gap:8px;min-width:0}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#eef2f7}.mode-tab{min-width:0;min-height:40px;padding:0 10px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:#526073;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mode-tab.active{background:#fff;color:var(--coral);box-shadow:0 8px 18px #0f172a14}.mode-tab:focus-visible,.playground-clear-btn:focus-visible,.playground-send-btn:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.sidebar-section select,.sidebar-section textarea{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#fffffff0;color:var(--ink);font-family:var(--font-family);font-size:.92rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.sidebar-section select{min-height:42px}.sidebar-section select:focus,.sidebar-section textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #2563eb24;background:#fff}.sidebar-section textarea{min-height:120px;resize:vertical}.playground-target-card{display:grid;gap:14px;min-width:0;padding:14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--target-color, var(--coral)) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--target-color, var(--coral)) 10%,#ffffff),#fff 68%),var(--target-bg, #ffffff)}.target-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.target-icon{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--target-color, var(--coral));color:#fff;box-shadow:0 10px 20px color-mix(in srgb,var(--target-color, var(--coral)) 24%,transparent)}.target-label{display:block;color:var(--muted);font-size:.72rem;font-weight:var(--font-weight-semi-bold);letter-spacing:.08em;text-transform:uppercase}.playground-target-card h4{margin-top:2px;font-size:.98rem;line-height:1.24;overflow-wrap:anywhere}.playground-target-card code{display:block;width:100%;padding:8px 9px;border-radius:calc(var(--radius) - 2px);background:#0f172a0d;color:#475569;overflow-wrap:anywhere}.target-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.target-metrics span{min-width:0;padding:10px;border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:#ffffffb8;color:var(--muted);font-size:.72rem;font-weight:var(--font-weight-semi-bold);letter-spacing:.06em;text-transform:uppercase}.target-metrics strong{display:block;margin-bottom:2px;color:var(--ink);font-size:1rem;letter-spacing:0;text-transform:none}.prompt-section{margin-top:auto}.playground-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:linear-gradient(180deg,#fffffff5,#f8fafcf5),#f8fafc}.chat-header{min-width:0;min-height:72px;padding:14px 18px;background:#ffffffeb;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.chat-title{min-width:0;display:flex;align-items:center;gap:10px}.chat-title-icon{width:38px;height:38px;border-radius:var(--radius);display:grid;place-items:center;background:var(--coral-soft);color:var(--coral)}.chat-title h3{font-size:1rem;line-height:1.2}.chat-title span:last-child{display:block;margin-top:2px;color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.chat-status{max-width:280px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:var(--font-weight-semi-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-status svg{width:.55rem;color:currentColor}.chat-status.is-pending{color:var(--coral);background:var(--coral-soft);border-color:#2563eb2e}.chat-status.is-success{color:var(--mint-strong);background:var(--mint);border-color:#0596692e}.chat-status.is-warning{color:var(--gold);background:#fffbeb;border-color:#ca8a0433}.chat-status.is-error{color:#b91c1c;background:#fef2f2;border-color:#b91c1c2e}.playground-clear-btn{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:var(--font-weight-semi-bold);cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.playground-clear-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong);color:var(--ink)}.chat-window{min-height:0;padding:22px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(15,23,42,.03) 1px,transparent 1px),#f8fafc;background-size:28px 28px;overflow-y:auto;display:grid;gap:14px;align-content:start}.chat-empty{min-height:100%;padding:32px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--muted)}.chat-empty-icon{width:48px;height:48px;border-radius:var(--radius);display:grid;place-items:center;background:#fff;color:var(--coral);border:1px solid var(--line);box-shadow:0 10px 22px #0f172a14}.chat-empty h3{color:var(--ink);font-size:1.08rem}.chat-empty p{max-width:36ch;margin:0;font-size:.92rem;line-height:1.6}.chat-message{width:fit-content;max-width:min(74%,740px);display:grid;gap:6px}.chat-message.user{justify-self:end}.chat-message.assistant{justify-self:start}.message-content{padding:12px 14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px #0f172a12}.message-content p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user .message-content{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.chat-message.assistant .message-content{border-left:3px solid var(--coral)}.message-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px;color:var(--muted);font-size:.72rem;font-weight:var(--font-weight-medium)}.chat-message.user .message-meta{justify-content:flex-end}.message-role{text-transform:uppercase;letter-spacing:.08em}.chat-input-area{padding:16px;background:#fffffff0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.chat-input-area textarea{min-height:52px;max-height:150px;resize:vertical;padding:12px 13px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#fff;font-family:var(--font-family);font-size:.95rem;line-height:1.45}.chat-input-area textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #2563eb29;background:#fff}.chat-input-area textarea:disabled{background:#f1f5f9;color:#94a3b8}.playground-send-btn{min-width:112px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.pill-model{background:var(--sky);color:var(--sky-strong);border-color:#0891b229}.pill-agent{background:var(--mint);color:var(--mint-strong);border-color:#05966929}@media(max-width:1000px){.playground-container{grid-template-columns:1fr;height:auto;min-height:0}.playground-sidebar{border-right:none;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.playground-sidebar-header,.playground-target-card,.prompt-section{grid-column:1 / -1}.prompt-section{margin-top:0}.chat-window{min-height:420px}}@media(max-width:640px){.playground-container{border-radius:0;margin-inline:-20px;border-left:0;border-right:0}.playground-sidebar{grid-template-columns:1fr;padding:16px}.chat-header{align-items:flex-start;flex-direction:column}.chat-header-actions,.chat-status,.playground-clear-btn{width:100%}.chat-status,.playground-clear-btn{justify-content:center}.chat-window{min-height:360px;padding:16px}.chat-message{max-width:100%}.chat-input-area{grid-template-columns:1fr;padding:14px}.playground-send-btn{width:100%}}