:root{font-family:SF Pro Display,SF Pro Text,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;--bg-0: #f3f5f8;--bg-1: #ffffff;--bg-2: #f7f9fc;--ink-0: #101828;--ink-1: #344054;--ink-2: #667085;--line: #e4e7ec;--line-strong: #d0d5dd;--brand: #1d4ed8;--brand-2: #3b82f6;--ok: #16a34a;--err: #dc2626;--warn: #d97706;--shadow-soft: 0 8px 28px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink-0);background:radial-gradient(1200px 420px at 8% -15%,rgba(59,130,246,.18),transparent 45%),radial-gradient(900px 380px at 92% -20%,rgba(29,78,216,.12),transparent 42%),linear-gradient(180deg,#f9fbff 0%,var(--bg-0) 48%,#eef2f7 100%)}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.01em;font-size:17px}.topbar nav{display:flex;gap:8px}button{border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;background:linear-gradient(180deg,#fff,#f7f9fc);color:var(--ink-0);cursor:pointer;font-weight:600}button:hover{border-color:#b8c1cc}button:disabled{opacity:.5;cursor:not-allowed}button.active{color:#fff;border-color:#1e40af;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%)}input,textarea,select{width:100%;margin:6px 0;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;color:var(--ink-0)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:#8db3ff;box-shadow:0 0 0 3px #3b82f626}.page{max-width:980px;margin:28px auto;padding:0 18px}.status{margin:10px 18px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffffbf;color:var(--ink-1)}.card{background:#ffffffe0;border:1px solid var(--line);border-radius:16px;padding:16px;margin:10px 0;box-shadow:var(--shadow-soft)}.card h2,.card h3,.card h4{margin-top:0}.dash{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 96px)}aside{border-right:1px solid var(--line);background:#ffffffb8;padding:16px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}section{padding:16px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.muted{color:var(--ink-2);font-size:13px}.errorText{color:#b42318;font-size:12px}.statusBar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.green{background:var(--ok)}.dot.red{background:var(--err)}.dot.amber{background:var(--warn)}.dot.gray{background:#98a2b3}.badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.badgeOk{background:#dcfce7;color:#166534}.badgeErr{background:#fee2e2;color:#991b1b}.badgeWarn{background:#ffedd5;color:#9a3412}.badgeMuted{background:#e2e8f0;color:#334155}.warnBar{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:10px 12px;font-size:13px}.feedItem{border-bottom:1px solid #edf0f4;padding:8px 0;font-size:13px;color:var(--ink-1)}.typing span{display:inline-block;animation:vc-bounce 1s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.stepLine{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}.activeStep{color:var(--brand);font-weight:700}.doneStep{color:var(--ok);font-weight:700}.errorStep{color:var(--err);font-weight:700}.sandboxLayout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:14px;align-items:start}.chatCard{min-height:640px;display:flex;flex-direction:column}.chatThread{flex:1;border:1px solid var(--line);background:linear-gradient(180deg,#f8fbff,#eef4ff);border-radius:14px;padding:12px;overflow:auto;max-height:62vh;display:flex;flex-direction:column;gap:10px}.chatRow{display:flex;width:100%}.chatRow.user{justify-content:flex-end}.chatRow.assistant{justify-content:flex-start}.bubble{max-width:78%;padding:10px 12px;border-radius:14px;line-height:1.45;font-size:14px}.bubbleUser{color:#fff;border-bottom-right-radius:6px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);box-shadow:0 10px 24px #1d4ed852}.bubbleAssistant{color:var(--ink-0);border:1px solid var(--line);border-bottom-left-radius:6px;background:#fffffff0}.chatComposer{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.chatComposer textarea{margin:0;min-height:90px}.mdContent{font-size:14px}.mdContent>*:first-child{margin-top:0}.mdContent>*:last-child{margin-bottom:0}.mdContent p{margin:0 0 8px}.mdContent h1,.mdContent h2,.mdContent h3,.mdContent h4{margin:10px 0 8px;line-height:1.25}.mdContent ul,.mdContent ol{margin:6px 0 8px 18px;padding:0}.mdContent blockquote{margin:8px 0;padding:8px 10px;border-left:3px solid #93c5fd;background:#f8fafc;border-radius:6px}.mdContent code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;background:#e7edf7;padding:1px 5px;border-radius:6px;font-size:12px}.mdContent pre{margin:8px 0;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:10px;overflow:auto}.mdContent pre code{background:transparent;padding:0;color:inherit}.mdContent a{color:#1d4ed8}.toolsGrid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.2fr) minmax(380px,1.4fr);gap:14px;align-items:start}.toolPanel{min-height:640px}.chainGrid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.4fr) minmax(340px,1.1fr);gap:14px;align-items:start}.chainPanel{min-height:640px}.toolItem{width:100%;text-align:left;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);color:var(--ink-0);margin-bottom:8px}.toolItemActive{border-color:#7aa2ff;box-shadow:0 0 0 2px #3b82f624 inset}.toolHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:700}.toolFeed{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fafcff}.codePanel{margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;color:#102a43;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:420px;overflow:auto}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}th,td{border-bottom:1px solid #edf0f4;padding:10px 8px;text-align:left;font-size:13px}th{color:var(--ink-1);font-weight:700;background:#f8fafc}@keyframes vc-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}@media(max-width:1150px){.statusBar{grid-template-columns:repeat(2,minmax(0,1fr))}.toolsGrid,.chainGrid{grid-template-columns:1fr}.toolPanel,.chainPanel{min-height:auto}}@media(max-width:900px){.dash,.grid2,.statusBar,.sandboxLayout{grid-template-columns:1fr}.bubble{max-width:92%}.topbar{padding:12px 14px}.status{margin:8px 10px}}