:root{--bg: #f4f4f2;--surface: #ffffff;--surface-2: #fbfaf8;--border: #e2e1db;--ink: #191a23;--muted: #6d6f78;--faint: #a8a9b0;--accent: #4b3fd1;--accent-ink: #3a30a8;--accent-soft: #ece9fb;--eval: #b6501f;--eval-soft: #f6e6dc;--deploy: #1c7a5e;--deploy-soft: #e1f0ea;--ok: #1c7a5e;--bad: #b6321f;--warn: #9a7a1c;--shadow: 0 1px 2px rgba(20, 20, 30, .04), 0 8px 24px -12px rgba(20, 20, 30, .12)}@media (prefers-color-scheme: dark){:root{--bg: #121319;--surface: #191b22;--surface-2: #1e2029;--border: #2b2d37;--ink: #e8e8ec;--muted: #9a9ba6;--faint: #5c5e6a;--accent: #8c7fff;--accent-ink: #c3baff;--accent-soft: #24213f;--eval: #e2814f;--eval-soft: #3a2a20;--deploy: #4fbfa0;--deploy-soft: #1c2e28;--ok: #4fbfa0;--bad: #e2694f;--warn: #d9b34f;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.55}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}#app{display:grid;grid-template-columns:260px 1fr 380px;grid-template-rows:auto 1fr;height:100vh}header{grid-column:1 / 4;display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface)}#model-select{display:flex;align-items:center;gap:10px}#model-select select{font:inherit;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:7px 10px;cursor:pointer}#model-select select:hover{border-color:var(--accent)}#model-select .model-auroc{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--accent-ink);white-space:nowrap}header h1{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600;margin:0;letter-spacing:.01em}header .sub{color:var(--muted);font-size:12.5px}header .spacer{flex:1}.legend{display:flex;gap:10px;font-size:11.5px;color:var(--muted);align-items:center}.legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}#rail{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}#tx-list{flex:1;overflow-y:auto;padding:8px}.tx-row{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:7px;cursor:pointer;border:1px solid transparent}.tx-row:hover{background:var(--surface-2)}.tx-row.active{background:var(--accent-soft);border-color:var(--accent)}.tx-row .id{font-family:IBM Plex Mono,monospace;font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-row .cat{font-size:10.5px;color:var(--muted)}.chip{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.03em;padding:2px 7px;border-radius:20px;text-transform:uppercase;white-space:nowrap}.chip.eval{background:var(--eval-soft);color:var(--eval)}.chip.deploy{background:var(--deploy-soft);color:var(--deploy)}.chip.ok{background:var(--deploy-soft);color:var(--ok)}.chip.bad{background:var(--eval-soft);color:var(--bad)}.chip.warn{background:var(--surface-2);color:var(--warn);border:1px solid var(--border)}#main{overflow-y:auto;padding:26px 28px 60px}#detail{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px}#side{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;padding:22px 20px 60px}.tx-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.tx-header .txid{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600}.tx-header .stat{font-size:12px;color:var(--muted);font-family:IBM Plex Mono,monospace}.block{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.block .label{display:flex;align-items:center;gap:8px;padding:10px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2)}.block .body{padding:16px}.block.prompt .label{color:var(--ink)}.block.reasoning .label{color:var(--accent-ink);cursor:pointer;-webkit-user-select:none;user-select:none}.block.reasoning .body{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--muted);white-space:pre-wrap;max-height:340px;overflow-y:auto;line-height:1.6}.block.reasoning.collapsed .body{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.block.reasoning .label .chev{margin-left:auto;transition:transform .15s}.block.reasoning.collapsed .label .chev{transform:rotate(-90deg)}.block.answer{border-color:var(--accent)}.block.answer .label{background:var(--accent-soft);color:var(--accent-ink)}.block .body p{margin:0 0 10px}.block .body p:last-child{margin-bottom:0}.empty-note{color:var(--faint);font-style:italic}.body code{font-family:IBM Plex Mono,monospace;font-size:.92em;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}#probes-panel{display:flex;flex-direction:column;gap:12px}#probes-panel h2{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 4px}.probe-card{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:hidden}.probe-card .ph{display:flex;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--border)}.probe-card .ph .pid{font-family:IBM Plex Mono,monospace;font-size:11.5px;flex:1;color:var(--muted)}.probe-card .pq{margin:0;padding:10px 13px 8px;font-size:12.5px;color:var(--ink);font-weight:500;line-height:1.5}.probe-card .pb{padding:0 13px 13px;font-size:12.5px;color:var(--muted);white-space:pre-wrap;line-height:1.55}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:transparent}