:root{color-scheme:dark;--page: #0a0d18;--card: #0e121d;--inset: #101520;--hover: #131b29;--line: #16301f00;--border: #162030;--ink: #e2e8f0;--secondary: #cbd5e1;--muted: #7f8ea3;--label: #94a3b8;--primary: #575bef;--primary-hover: #4f46e5;--link: #60a5fa;--sage: #22c55e;--amber: #f59e0b;--bad: #ef4444;--teal: #14b8a6;--orange: #f97316;--purple: #a855f7;--rose: #fb7185;font-family:Inter,sans-serif;background:var(--page);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}code,.mono{font-family:IBM Plex Mono,ui-monospace,monospace}h1,h2,h3{font-weight:500;letter-spacing:-.02em}h2{margin:0 0 8px;font-size:16px;color:var(--secondary)}h3{margin:18px 0 8px;font-size:13px;color:var(--label);letter-spacing:.04em;text-transform:uppercase}.shell{display:flex;min-height:100vh}.sidenav{width:72px;flex-shrink:0;position:sticky;top:0;height:100vh}.sidenav.wide{width:240px}.sidenav aside{height:100%;display:flex;flex-direction:column;background:#11182766;border-right:1px solid rgb(22 31 48 / .8);padding:20px 0 0}.sidenav-brand{position:relative;padding:0 12px}.brand-btn{width:100%;display:flex;justify-content:flex-start;align-items:center;min-width:0;border:0;background:transparent;padding:0 12px}.brand-btn.center{justify-content:center;padding:0}.wordmark{height:24px;width:auto;max-width:168px}.mark-icon{width:24px;height:24px}.collapse{position:absolute;right:-14px;top:-4px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgb(22 31 48 / .8);border-radius:6px;background:var(--card);color:#e2e8f0}.collapse svg.flipped{transform:rotate(180deg)}.sidenav-rule{height:1px;margin:20px 12px 0;background:#1e293b}.sidenav nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px 12px 0}.sidenav nav button{position:relative;display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#94a3b8;border-radius:6px;padding:12px 12px 12px 16px;font-size:14px;line-height:20px}.sidenav.wide nav button{justify-content:flex-start}.sidenav:not(.wide) nav button{justify-content:center;padding-left:12px;padding-right:12px}.sidenav nav button:hover{background:#131b29}.sidenav nav button.active{background:#1e293b;color:#e2e8f0;font-weight:500}.sidenav nav button svg{flex-shrink:0}.active-bar{position:absolute;left:0;top:50%;width:2px;height:32px;transform:translateY(-50%);border-radius:0 2px 2px 0;background:#575bef}.brand{padding:0 8px}.mark{margin:0;font-size:11px;letter-spacing:.14em;color:var(--primary)}.main{padding:22px 24px 48px;min-width:0}.layout{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.stack{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--label)}input,textarea{background:var(--inset);border:1px solid #2c3645;border-radius:8px;padding:9px 11px;color:var(--ink)}textarea{min-height:68px;resize:vertical}.checks{display:flex;flex-direction:column;gap:8px;color:var(--secondary);font-size:13px}.checks label{flex-direction:row;align-items:center;color:var(--secondary)}.row{display:flex;gap:8px;flex-wrap:wrap}.note{color:var(--muted);font-size:13px;line-height:1.45}.error{color:#f87171;font-size:13px}.primary,.ghost{border-radius:8px;padding:8px 12px;border:1px solid transparent}.primary{background:var(--primary);color:#fff;font-weight:500}.primary:hover{background:var(--primary-hover)}.primary:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed}.ghost{background:transparent;border-color:var(--border);color:var(--secondary)}.ghost:hover{background:var(--hover)}.scope{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:13px}.ok{color:var(--sage)}.warn{color:var(--amber)}.bad{color:var(--bad)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:var(--inset);border:1px solid var(--border);border-radius:10px;padding:12px}.stat b{display:block;font-size:22px;font-weight:500}.stat span{color:var(--muted);font-size:12px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chips button{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--secondary)}.chips button.active{background:#575bef33;border-color:var(--primary);color:#c7c8ff}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--label);font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#0c111b}th,td{padding:9px 8px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--hover)}.rid{color:var(--muted);font-size:11px;word-break:break-all}.split{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.trace-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 150px);overflow:auto;padding-right:2px}.trace-card{width:100%;text-align:left;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:12px}.trace-card.active{border-color:var(--primary);background:#12182a}.kicker{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:6px}.badge{border-radius:999px;padding:2px 7px;background:#575bef2e;color:#c7c8ff;font-size:11px}.badge.sage{background:#22c55e24;color:#86efac}.badge.warn{background:#f59e0b24;color:#fcd34d}.badge.bad{background:#ef444424;color:#fca5a5}.trace-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.summary{margin:8px 0 0;color:var(--secondary);line-height:1.5;max-width:760px}.why{margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-left:2px solid var(--primary);border-radius:0 10px 10px 0;background:var(--inset);max-width:760px}.why p,.join{margin:0;color:var(--secondary);font-size:13px;line-height:1.5}.why .kicker{margin-bottom:4px}.step .join{margin-top:6px}.path{margin:16px 0 8px;display:flex;flex-direction:column}.step{display:grid;grid-template-columns:92px 18px 1fr;gap:10px;text-align:left;background:transparent;border:0;padding:0;color:inherit}.step .rail{position:relative}.step .rail i{display:block;width:10px;height:10px;border-radius:99px;margin-top:6px;background:var(--primary);box-shadow:0 0 0 3px #575bef2e}.step .rail:after{content:"";position:absolute;left:4px;top:20px;bottom:-8px;width:1px;background:#243044}.step:last-child .rail:after{display:none}.step .body{border:1px solid var(--border);background:var(--inset);border-radius:10px;padding:10px 12px;margin-bottom:8px}.step.active .body{border-color:var(--primary);background:#141a2e}.step .when{color:var(--label);font-size:11px;padding-top:12px}.kind-WORKSHOP i,.kind-AGENT i{background:#575bef}.kind-FUNCTION i{background:#60a5fa}.kind-LOGIC i{background:#14b8a6}.kind-MODEL i{background:#f59e0b}.kind-ONTOLOGY i{background:#94a3b8}.kind-ASSIST i,.kind-REPLY i{background:#fb7185}.kind-EVALUATION i{background:#f97316}.kind-FDE i,.kind-TOOL i{background:#84cc16}.kind-ANALYST i{background:#a855f7}.kind-RESPONSE i,.kind-RETRIEVAL i,.kind-USER i{background:#60a5fa}.prompt{margin-top:10px;padding:10px 12px;border-left:2px solid #60a5fa;background:var(--inset);border-radius:0 10px 10px 0}.prompt p{margin:4px 0 0;white-space:pre-wrap}.logs{width:100%}.log-scroll{max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:10px}.logs tr.hit td{background:#575bef29}.logs tr.dim td{color:var(--muted)}.result-SUCCESS{color:var(--sage)}.result-ERROR{color:var(--bad)}.prov{display:grid;gap:6px;margin-top:14px}.prov div{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px}.tabs{display:flex;gap:12px;margin:8px 0}.tabs button{background:transparent;border:0;color:var(--muted);padding:0}.tabs button.active{color:var(--ink)}.evidence pre{white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;font-size:12px;line-height:1.45;background:var(--page);border-radius:8px;padding:10px}@media(max-width:980px){.shell,.layout,.split,.stats,.planes,.split-note,.join-grid,.ai-grid{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--border)}.step{grid-template-columns:72px 18px 1fr}.flow{flex-direction:column;align-items:stretch}}.overview{max-width:1080px;display:flex;flex-direction:column;gap:28px}.overview-hero h2{font-size:28px;color:var(--ink);margin-bottom:8px}.overview section h3{margin-top:0}.overview-jump{position:sticky;top:0;z-index:2;background:var(--page);padding:8px 0}.overview-jump a{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--secondary);text-decoration:none}.overview-jump a:hover{border-color:var(--primary);color:#c7c8ff}.planes,.split-note,.join-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.split-note,.join-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planes article,.split-note article,.join-grid article,.ai-tile{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:980px){.ai-grid{grid-template-columns:1fr}}.ai-tile strong{display:block;margin:2px 0 6px;color:var(--ink)}.ai-tile p{margin:0;color:var(--secondary);font-size:13px;line-height:1.45}.planes article.optional{border-style:dashed}.planes strong,.split-note strong,.join-grid strong{display:block;margin-bottom:6px}.planes p,.split-note p,.join-grid p{margin:0;color:var(--secondary);font-size:13px;line-height:1.45}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;max-width:100%}.flow-box{background:var(--inset);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px;max-width:240px}.flow-box.accent{border-color:var(--primary);color:#c7c8ff}.arrow{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;max-width:100%}.overview table{table-layout:fixed}.overview table td{color:var(--secondary);overflow-wrap:anywhere}.setup{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.setup li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.setup li>span{width:28px;height:28px;border-radius:99px;display:grid;place-items:center;background:#575bef2e;color:#c7c8ff;font-size:12px}.setup strong{display:block}.setup p{margin:4px 0 0}.token pre{margin:8px 0 0;white-space:pre-wrap;background:var(--page);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:12px;line-height:1.5}
