@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
[data-prototype=agent360],[data-prototype=agent360][data-theme=dark],[data-theme=dark] [data-prototype=agent360]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--a-bg:#0d1117;--a-bg2:#151b26;--a-bg3:#1c2433;--a-bg4:#222c3d;--a-line:#283142;--a-line2:#37425a;--a-text:#e7ecf4;--a-muted:#94a0b8;--a-faint:#6b7894;--a-model:#45b7c7;--a-retrieval:#6fa8ff;--a-quality:#9b8cff;--a-outcome:#e0a93e;--a-agentic:#e8825c;--a-ok:#4cb782;--a-warn:#e0a93e;--a-bad:#e26a60;--a-accent:#45b7c7;--a-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--a-body:"Inter", "Segoe UI", system-ui, sans-serif;--a-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--a-radius:11px;--a-radius-sm:8px;--paper:var(--a-bg);--paper-2:var(--a-bg2);--paper-3:var(--a-bg3);--ink:var(--a-text);--ink-2:var(--a-muted);--ink-3:var(--a-muted);--ink-4:var(--a-faint);--ink-faint:var(--a-faint);--rule:var(--a-line);--rule-strong:var(--a-line2);--accent:var(--a-accent);--accent-soft:#45b7c724;--accent-deep:var(--a-retrieval);--accent-hover:var(--a-retrieval);--accent-warm:var(--a-agentic);--accent-warm-soft:#e8825c24;--success:var(--a-ok);--warn:var(--a-warn);--warn-surface:#e0a93e24;--danger:var(--a-bad);--data:var(--a-model);--data-soft:#45b7c724;--surface:var(--a-bg2);--surface-sunken:var(--a-bg);--surface-raised:var(--a-bg3);--card-bg:var(--a-bg2);--card-border:var(--a-line);--border-default:var(--a-line);--border-strong:var(--a-line2);--link:var(--a-accent);--link-hover:var(--a-retrieval);--focus-ring:var(--a-accent);--text-strong:var(--a-text);--text-default:var(--a-text);--text-muted:var(--a-muted);--text-subtle:var(--a-faint);--on-ink:#fafaf7;--on-ink-muted:#f7f5efb8;--on-ink-faint:#f7f5ef80;--surface-frost:#0d1117d1;--surface-frost-border:#283142e6;--tint-hover:#45b7c714;--glow-accent:0 18px 36px -10px #45b7c74d;--e0:none;--e1:0 1px 2px #0006, 0 2px 6px -1px #00000073;--e2:0 1px 2px #00000073, 0 6px 16px -4px #00000080;--e3:0 2px 4px #00000080, 0 12px 28px -6px #0000008c;--e4:0 4px 8px #00000080, 0 24px 48px -12px #0009;--e5:0 8px 16px #0000008c, 0 40px 80px -16px #000000a6;--e-lift:0 2px 4px #00000080, 0 18px 36px -10px #45b7c74d;--shadow-sm:var(--e1);--shadow-md:var(--e2);--shadow-lg:var(--e4);background:var(--a-bg);color:var(--a-text);font-family:var(--a-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.55}[data-prototype=agent360] *,[data-prototype=agent360] :before,[data-prototype=agent360] :after{box-sizing:border-box}[data-prototype=agent360] ::selection{background:#45b7c747}[data-prototype=agent360] .a-canvas{background-color:var(--a-bg);background-image:radial-gradient(circle at 1px 1px,#7c8baa1a 1px,#0000 0);background-size:26px 26px;min-height:100vh}[data-prototype=agent360] .a-eyebrow{font-family:var(--a-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--a-faint);font-size:11px;font-weight:500}[data-prototype=agent360] h1,[data-prototype=agent360] h2,[data-prototype=agent360] h3{font-family:var(--a-display);letter-spacing:-.02em;color:var(--a-text);margin:0;font-weight:600}[data-prototype=agent360] .a-h2{font-size:clamp(20px,3vw,27px);line-height:1.12}[data-prototype=agent360] .a-h3{letter-spacing:-.01em;font-size:16px}[data-prototype=agent360] .a-sub{color:var(--a-muted);max-width:64ch;font-size:13.5px}[data-prototype=agent360] .a-mono{font-family:var(--a-mono);font-variant-numeric:tabular-nums}[data-prototype=agent360] p{margin:0}[data-prototype=agent360] a{color:var(--a-accent)}[data-prototype=agent360] .a-card{background:var(--a-bg2);border:1px solid var(--a-line);border-radius:var(--a-radius);padding:18px}[data-prototype=agent360] .a-card.raised{background:var(--a-bg3)}[data-prototype=agent360] .a-card.pad-lg{padding:22px 24px}[data-prototype=agent360] .a-chip{font-family:var(--a-mono);letter-spacing:.04em;border:1px solid var(--a-line2);color:var(--a-muted);background:var(--a-bg3);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}[data-prototype=agent360] .a-dot{border-radius:50%;flex:none;width:7px;height:7px}[data-prototype=agent360] .a-btn{font-family:var(--a-body);border-radius:var(--a-radius-sm);border:1px solid var(--a-line2);background:var(--a-bg3);color:var(--a-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}[data-prototype=agent360] .a-btn:hover{border-color:var(--a-accent);background:var(--a-bg4)}[data-prototype=agent360] .a-btn:active{transform:translateY(1px)}[data-prototype=agent360] .a-btn.primary{background:var(--a-accent);color:#061015;border-color:var(--a-accent)}[data-prototype=agent360] .a-btn.primary:hover{filter:brightness(1.08)}[data-prototype=agent360] .a-btn.ghost{background:0 0}[data-prototype=agent360] .a-btn.icon{width:38px;padding:9px}[data-prototype=agent360] .a-btn:disabled{opacity:.4;cursor:not-allowed}[data-prototype=agent360] .a-btn:focus-visible,[data-prototype=agent360] .a-tab:focus-visible,[data-prototype=agent360] .a-rail-item:focus-visible,[data-prototype=agent360] input:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}[data-prototype=agent360] .a-tabs{background:var(--a-bg2);border:1px solid var(--a-line);border-radius:999px;gap:4px;padding:4px;display:inline-flex}[data-prototype=agent360] .a-tab{font-family:var(--a-display);cursor:pointer;color:var(--a-muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}[data-prototype=agent360] .a-tab[data-active=true]{background:var(--a-accent);color:#061015}[data-prototype=agent360] .a-tab:hover:not([data-active=true]){color:var(--a-text)}[data-prototype=agent360] .a-rail-item{text-align:left;border-radius:var(--a-radius-sm);cursor:pointer;width:100%;color:var(--a-muted);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:9px 11px;transition:background .12s,color .12s,border-color .12s;display:flex}[data-prototype=agent360] .a-rail-item:hover{background:var(--a-bg2);color:var(--a-text)}[data-prototype=agent360] .a-rail-item[data-active=true]{background:var(--a-bg3);color:var(--a-text);border-color:var(--a-line2)}[data-prototype=agent360] .a-rail-idx{font-family:var(--a-mono);color:var(--a-faint);width:18px;font-size:11px}[data-prototype=agent360] .a-rail-item[data-active=true] .a-rail-idx{color:var(--a-accent)}[data-prototype=agent360] .a-rail-label{font-size:13px;font-weight:500}[data-prototype=agent360] .a-rail-item[data-visited=true]:not([data-active=true]) .a-rail-idx{color:var(--a-ok);display:inline-flex}[data-prototype=agent360] .a-rail-item[data-visited=true]:not([data-active=true]) .a-rail-label{color:var(--a-muted)}[data-prototype=agent360] .a-rail-progress{padding:2px 11px 8px}[data-prototype=agent360] .a-seg{background:var(--a-bg);border:1px solid var(--a-line2);border-radius:var(--a-radius-sm);gap:3px;padding:3px;display:inline-flex}[data-prototype=agent360] .a-seg button{font-family:var(--a-mono);letter-spacing:.03em;cursor:pointer;color:var(--a-muted);background:0 0;border:none;border-radius:6px;padding:6px 13px;font-size:12px;font-weight:500;transition:background .12s,color .12s}[data-prototype=agent360] .a-seg button[data-active=true]{color:#061015}[data-prototype=agent360] input[type=range].a-range{appearance:none;background:var(--a-bg);border:1px solid var(--a-line2);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}[data-prototype=agent360] input[type=range].a-range::-webkit-slider-thumb{appearance:none;background:var(--a-accent);border:3px solid var(--a-bg);cursor:grab;width:18px;height:18px;box-shadow:0 0 0 1px var(--a-accent);border-radius:50%}[data-prototype=agent360] input[type=range].a-range::-moz-range-thumb{background:var(--a-accent);border:3px solid var(--a-bg);cursor:grab;width:16px;height:16px;box-shadow:0 0 0 1px var(--a-accent);border-radius:50%}[data-prototype=agent360] .a-code{font-family:var(--a-mono);background:var(--a-bg);border:1px solid var(--a-line);border-radius:var(--a-radius-sm);padding:14px 16px;font-size:12.5px;line-height:1.85;overflow-x:auto}[data-prototype=agent360] .a-code .ln{color:var(--a-muted);border-left:2px solid #0000;border-radius:5px;padding:2px 8px;transition:background .2s,color .2s,border-color .2s;display:block}[data-prototype=agent360] .a-code .ln.active{color:var(--a-text);font-weight:500}[data-prototype=agent360] .a-code .kw{color:var(--a-quality)}[data-prototype=agent360] .a-code .cm{color:var(--a-faint)}[data-prototype=agent360] .a-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}[data-prototype=agent360] .a-node{border:1px solid var(--a-line2);background:var(--a-bg3);border-radius:var(--a-radius-sm);padding:11px 13px;font-size:12.5px;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}[data-prototype=agent360] .a-node .nlab{font-family:var(--a-display);font-size:13px;font-weight:600}[data-prototype=agent360] .a-node .nsub{color:var(--a-muted);margin-top:2px;font-size:11.5px}[data-prototype=agent360] .a-node[data-on=true]{box-shadow:0 0 0 1px,0 6px 20px -8px #0009}[data-prototype=agent360] .a-arrow{color:var(--a-faint);flex:none}[data-prototype=agent360] .a-stat{border:1px solid var(--a-line);background:var(--a-bg2);border-radius:var(--a-radius-sm);padding:12px 14px}[data-prototype=agent360] .a-stat .lab{font-family:var(--a-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--a-faint);font-size:10.5px}[data-prototype=agent360] .a-stat .val{font-family:var(--a-mono);font-variant-numeric:tabular-nums;margin-top:4px;font-size:21px;font-weight:500}[data-prototype=agent360] .a-stat .delta{font-family:var(--a-mono);margin-top:2px;font-size:11px}[data-prototype=agent360] .a-table{border-collapse:collapse;width:100%;font-size:12.5px}[data-prototype=agent360] .a-table th{text-align:left;font-family:var(--a-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--a-faint);border-bottom:1px solid var(--a-line2);padding:8px 10px;font-size:10.5px;font-weight:500}[data-prototype=agent360] .a-table td{border-bottom:1px solid var(--a-line);color:var(--a-muted);vertical-align:top;padding:9px 10px}[data-prototype=agent360] .a-table tr:last-child td{border-bottom:none}[data-prototype=agent360] .a-table td strong{color:var(--a-text);font-weight:600}[data-prototype=agent360] .a-table tbody tr[style*=cursor]:hover td{background:var(--a-bg2)}[data-prototype=agent360] .a-table tbody tr[data-active=true] td{background:var(--a-bg3)}[data-prototype=agent360] .a-table tbody tr[data-active=true] td:first-child{box-shadow:inset 2px 0 0 var(--a-accent)}[data-prototype=agent360] .a-check{border-radius:var(--a-radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:9px 11px;transition:background .12s;display:flex}[data-prototype=agent360] .a-check:hover{background:var(--a-bg2)}[data-prototype=agent360] .a-box{border:1.5px solid var(--a-line2);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;transition:background .15s,border-color .15s;display:grid}[data-prototype=agent360] .a-box[data-on=true]{background:var(--a-ok);border-color:var(--a-ok)}[data-prototype=agent360] .a-progress{background:var(--a-bg);border:1px solid var(--a-line2);border-radius:999px;height:8px;overflow:hidden}[data-prototype=agent360] .a-progress>span{background:linear-gradient(90deg, var(--a-model), var(--a-ok));height:100%;transition:width .4s;display:block}[data-prototype=agent360] .a-bar{background:var(--a-bg);border:1px solid var(--a-line);border-radius:999px;height:9px;overflow:hidden}[data-prototype=agent360] .a-bar>span{height:100%;transition:width .35s;display:block}[data-prototype=agent360] .a-wrap{max-width:1180px;margin:0 auto;padding:0 22px}[data-prototype=agent360] .a-grid{gap:16px;display:grid}[data-prototype=agent360] .a-fw-layout{grid-template-columns:230px 1fr;align-items:start;gap:22px;display:grid}[data-prototype=agent360] .a-rail{flex-direction:column;gap:2px;display:flex;position:sticky;top:14px}[data-prototype=agent360] .a-rail-group{font-family:var(--a-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--a-faint);padding:14px 11px 6px;font-size:10px}@keyframes a360fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes a360pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes a360dash{to{stroke-dashoffset:-16px}}@keyframes a360blink{0%,to{opacity:1}50%{opacity:.25}}[data-prototype=agent360] .a-fadeup{animation:.4s both a360fadeup}[data-prototype=agent360] .a-pulse{animation:1.5s ease-in-out infinite a360pulse}[data-prototype=agent360] .a-live-dot{background:var(--a-ok);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite a360blink}[data-prototype=agent360] .a-flowline{stroke-dasharray:6 6;animation:.8s linear infinite a360dash}[data-prototype=agent360] .a-live-grid{grid-template-columns:280px 1fr 300px;align-items:start;gap:16px;display:grid}[data-prototype=agent360] .a-event{border:1px solid var(--a-line);background:var(--a-bg2);border-radius:var(--a-radius-sm);border-left-width:3px;padding:11px 13px;animation:.3s both a360fadeup}[data-prototype=agent360] .a-event .etop{font-family:var(--a-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--a-faint);align-items:center;gap:8px;font-size:10.5px;display:flex}[data-prototype=agent360] .a-event .ebody{color:var(--a-text);margin-top:6px;font-size:13px}[data-prototype=agent360] .a-event .emeta{font-family:var(--a-mono);color:var(--a-muted);flex-wrap:wrap;gap:12px;margin-top:7px;font-size:11px;display:flex}[data-prototype=agent360] .a-span{font-family:var(--a-mono);border-radius:6px;align-items:center;gap:9px;padding:7px 9px;font-size:11.5px;transition:background .2s;display:flex}[data-prototype=agent360] .a-span[data-on=true]{background:var(--a-bg3)}[data-prototype=agent360] .a-span[data-done=true]{opacity:.62}[data-prototype=agent360] .a-ctxrow{font-family:var(--a-mono);align-items:center;gap:10px;margin-bottom:7px;font-size:11px;display:flex}[data-prototype=agent360] .a-ctxrow .lab{width:86px;color:var(--a-muted);flex:none}@media (max-width:900px){[data-prototype=agent360] .a-fw-layout{grid-template-columns:1fr}[data-prototype=agent360] .a-rail{border-bottom:1px solid var(--a-line);flex-direction:row;gap:6px;padding-bottom:6px;position:static;overflow-x:auto}[data-prototype=agent360] .a-rail-group{display:none}[data-prototype=agent360] .a-rail-item{white-space:nowrap;width:auto}[data-prototype=agent360] .a-live-grid{grid-template-columns:1fr}}@media (max-width:560px){[data-prototype=agent360] .a-wrap{padding:0 14px}[data-prototype=agent360] .a-hide-sm{display:none!important}}[data-prototype=agent360] .a-badge{font-family:var(--a-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--a-line2);color:var(--a-faint);background:var(--a-bg);white-space:nowrap;vertical-align:middle;border-radius:4px;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}[data-prototype=agent360] textarea.a-input{resize:vertical;background:var(--a-bg);border:1px solid var(--a-line2);width:100%;min-height:52px;color:var(--a-text);font-family:var(--a-body);border-radius:9px;padding:11px 14px;font-size:13.5px;line-height:1.5}[data-prototype=agent360] textarea.a-input:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-prototype=agent360] *,[data-prototype=agent360] :before,[data-prototype=agent360] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
