:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7fb;--foreground:#18202f;--muted:#667085;--card:#fff;--border:#d9deea;--accent:#2251d1;--accent-soft:#eef3ff;--success-soft:#ecfdf3}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}main{max-width:1400px;margin:0 auto;padding:20px 24px 64px}.nav{background:var(--card);border-bottom:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 28px 8px;display:flex}.nav-links{gap:16px;display:flex}.step-nav-wrap{background:var(--background);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.step-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:1400px;margin:0 auto;padding:8px 24px 12px;display:grid}.step-nav-item{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.step-nav-item.active{border-color:var(--accent);box-shadow:0 8px 18px #2251d11a}.step-nav-number{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:inline-flex}.step-nav-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 24px #1018280f}.page-intro-card{background:var(--card);border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(220px,320px) 1fr;align-items:center;gap:16px;padding:18px;display:grid}.page-intro-card h1{margin:6px 0 0;font-size:28px;line-height:1.1}.page-intro-card p{margin:0}.hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff 0%,#eef3ff 100%);border-radius:22px;padding:28px;box-shadow:0 14px 36px #10182814}.hero h1{max-width:850px;margin:8px 0 14px;font-size:clamp(28px,4vw,44px);line-height:1.08}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.compact-grid{gap:12px}.muted{color:var(--muted)}.small{word-break:break-all;font-size:13px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.notice{background:var(--success-soft);color:#067647;border:1px solid #abefc6;border-radius:12px;padding:10px 12px}.account-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.secondary-button{color:var(--accent);background:#fff}.step-list{gap:14px;display:grid}.workflow-card-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.workflow-card{border:1px solid var(--border);background:#fbfcff;border-radius:14px;gap:10px;padding:12px;display:grid}.step-item{grid-template-columns:auto 1fr;align-items:flex-start;gap:12px;display:grid}.step-number{background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.primary-link-button,.secondary-link-button{border-radius:12px;padding:10px 14px;font-weight:800;display:inline-flex}.primary-link-button{background:var(--accent);color:#fff}.secondary-link-button{border:1px solid var(--border);color:var(--accent);background:#fff}.agent-team-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.agent-row-list{gap:12px;display:grid}.agent-row{border:1px solid var(--border);background:#fbfcff;border-radius:16px;padding:14px}.agent-row-main{grid-template-columns:minmax(280px,.9fr) minmax(520px,1.4fr) minmax(150px,auto);align-items:start;gap:16px;display:grid}.agent-model-controls{grid-template-columns:minmax(240px,.75fr) minmax(260px,1fr);gap:10px;display:grid}.agent-row-secondary{border-top:1px solid var(--border);grid-template-columns:minmax(320px,.55fr) minmax(420px,1fr);gap:16px;margin-top:12px;padding-top:12px;display:grid}.custom-model-control{grid-template-columns:minmax(170px,1fr) auto;align-items:end;gap:8px;display:grid}.leader-model-note{color:var(--muted);margin:24px 0 0;font-size:13px}.trace-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.trace-list{gap:12px;margin-top:16px;display:grid}.trace-row{border:1px solid var(--border);background:#fbfcff;border-radius:16px;grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.trace-row h3{margin:4px 0}.trace-models{flex-wrap:wrap;gap:8px;display:flex}.agent-prompt-preview{min-width:0}.agent-prompt-preview strong{margin-bottom:4px;display:block}.agent-prompt-preview p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.agent-row-actions{flex-direction:column;align-items:flex-start;gap:10px;min-width:130px;display:flex}.agent-card{border:1px solid var(--border);background:#fbfcff;border-radius:16px;gap:12px;padding:14px;display:grid}.compact-agent-card{align-content:start}.agent-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.agent-title-row{align-items:flex-start;gap:12px;min-width:0;display:flex}.agent-card h3{margin:4px 0 6px;font-size:17px;line-height:1.2}.role-text{margin:0;font-size:13px}.agent-avatar{color:#fff;letter-spacing:.04em;border-radius:18px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:inline-flex}.avatar-blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.avatar-cyan{background:linear-gradient(135deg,#0891b2,#67e8f9)}.avatar-purple{background:linear-gradient(135deg,#7c3aed,#c084fc)}.avatar-red{background:linear-gradient(135deg,#dc2626,#fb7185)}.avatar-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}.avatar-green{background:linear-gradient(135deg,#059669,#6ee7b7)}.avatar-dark{background:linear-gradient(135deg,#111827,#64748b)}.avatar-slate{background:linear-gradient(135deg,#475569,#94a3b8)}.inline-control{align-items:center;gap:8px;width:auto;display:inline-flex}.inline-control input{width:auto}.tool-list,.pill-row{flex-wrap:wrap;gap:8px 12px;margin-top:8px;display:flex}.toolbar-row{flex-wrap:wrap;gap:10px;display:flex}.compact-button{width:auto;padding:8px 10px;font-size:13px}.prompt-summary{color:var(--muted);margin:0;font-size:13px}.expanded-agent-settings{border-top:1px solid var(--border);gap:12px;padding-top:12px;display:grid}.prompt-example{border:1px dashed var(--border);background:#f8fafc;border-radius:14px;padding:16px}.broker-rule-card{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px}.broker-rule-card p{margin:8px 0 0}.prompt-example pre,.context-block{color:var(--foreground);white-space:pre-wrap;margin:10px 0 0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px}input,textarea,select,button{border:1px solid var(--border);font:inherit;border-radius:10px;width:100%;padding:9px 11px}textarea{min-height:96px}button{background:var(--accent);color:#fff;cursor:pointer;font-weight:700}.form{gap:12px;display:grid}.pill{color:var(--accent);background:#eef3ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}@media (max-width:860px){main{padding:18px 14px 48px}.nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.step-nav{padding:10px 14px;display:flex;overflow-x:auto}.step-nav-item{flex:0 0 210px}.agent-team-grid,.agent-row-main,.agent-model-controls,.agent-row-secondary,.custom-model-control,.trace-row{grid-template-columns:1fr}.agent-row-actions{flex-direction:row;align-items:flex-start}.page-intro-card{grid-template-columns:1fr}.trace-header{flex-direction:column;align-items:flex-start}}@media (min-width:861px) and (max-width:1240px){.agent-row-main{grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr)}.agent-row-secondary{grid-template-columns:minmax(300px,.7fr) minmax(360px,1fr)}.agent-prompt-preview,.agent-row-actions{grid-column:span 1}.agent-row-actions{flex-direction:row;align-items:flex-start}}
