:root{color-scheme:light dark;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--info: #06b6d4;--bg: #f8fafc;--panel: #ffffff;--text: #0f172a;--muted: #64748b;--border: rgba(148, 163, 184, .25)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--panel: #1e293b;--text: #f8fafc;--muted: #94a3b8;--border: rgba(148, 163, 184, .15)}}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}.app{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,420px);gap:.75rem;padding:.75rem;height:100vh}@media (max-width: 960px){.app{grid-template-columns:1fr;height:auto}}.panel{background:var(--panel);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:.6rem .8rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.panel-body{flex:1;overflow-y:auto;padding:.75rem}header.global{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}h1{margin:0;font-size:1.1rem}.spacer{flex:1}.conn{display:flex;align-items:center;gap:.4rem;flex:1;max-width:30rem;min-width:12rem}.conn input{flex:1;min-width:8rem;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:.5rem;padding:.35rem .6rem;font-size:.8rem}.conn input:focus{outline:none;border-color:var(--accent)}.conn-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted);flex:none}.conn-dot.on{background:var(--success)}.conn-dot.err{background:var(--danger)}.badge{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge.risk-low{background:#16a34a1f;color:var(--success)}.badge.risk-medium{background:#f59e0b1f;color:var(--warning)}.badge.risk-high{background:#dc26261f;color:var(--danger)}.badge.risk-critical{background:#dc26262e;color:var(--danger)}button.icon{background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;padding:.35rem .6rem;border-radius:.5rem;font-size:.8rem}.chat{display:flex;flex-direction:column;gap:.5rem}.message{padding:.65rem .9rem;border-radius:.65rem;max-width:88%;font-size:.92rem;white-space:pre-wrap;word-break:break-word}.message.user{background:var(--accent);color:#fff;margin-left:auto;border-bottom-right-radius:.2rem}.message.agent{background:var(--bg);border:1px solid var(--border);border-bottom-left-radius:.2rem}.controls{padding:.65rem .8rem;border-top:1px solid var(--border);display:flex;gap:.5rem;align-items:center}input[type=text],select{padding:.55rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.9rem}input[type=text]{flex:1}select{min-width:110px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:.55rem 1rem;border-radius:.5rem;border:1px solid transparent;font-weight:500;cursor:pointer}button.primary:disabled{opacity:.5;cursor:not-allowed}.governance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:.75rem}.gov-card{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;text-align:center}.gov-card .label{font-size:.65rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.gov-card .value{font-size:1rem;font-weight:700;margin-top:.15rem}.gov-card .value.ok{color:var(--success)}.gov-card .value.warn{color:var(--warning)}.gov-card .value.bad{color:var(--danger)}.narrative{display:flex;flex-direction:column;gap:.4rem}.narrative-step{border-left:3px solid var(--border);padding-left:.65rem;font-size:.84rem}.narrative-step.run{border-color:var(--accent)}.narrative-step.intent{border-color:var(--info)}.narrative-step.operation{border-color:var(--accent)}.narrative-step.tool-select,.narrative-step.tool-call{border-color:var(--warning)}.narrative-step.tool-result{border-color:var(--success)}.narrative-step.safety{border-color:var(--danger)}.narrative-step.quality{border-color:var(--success)}.narrative-step.provenance{border-color:#8b5cf6}.narrative-step.verification{border-color:#ec4899}.narrative-step.interrupt{border-color:var(--danger);background:#dc26260f;padding:.35rem .65rem;border-radius:.35rem}.narrative-title{font-weight:600}.narrative-detail{color:var(--muted);margin-top:.15rem;white-space:pre-wrap}.provenance{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;overflow-x:auto}.provenance .link{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem;color:var(--muted)}.provenance .hash{font-weight:600;color:var(--text)}.event-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;display:flex;flex-direction:column;gap:.25rem}.event{padding:.25rem .4rem;border-radius:.3rem;background:var(--bg);color:var(--muted);border-left:2px solid var(--border)}.event.crp{border-color:var(--success);color:var(--text)}.event.halt{border-color:var(--danger);color:var(--danger)}.empty-state{color:var(--muted);font-size:.85rem;text-align:center;margin-top:2rem}.hidden{display:none!important}.tabs{display:flex;gap:.25rem}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:.25rem .5rem;border-radius:.35rem;cursor:pointer;font-size:.75rem}.tab.active{background:var(--bg);color:var(--text);border-color:var(--border);font-weight:600}