:root{color:#18212f;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}h1,h2,h3,h4,p,ol,ul,dl,pre,blockquote{margin:0}#app{min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #d8dee5;display:flex;gap:18px;justify-content:space-between;padding:18px 28px}.topbar-copy{display:grid;gap:4px}h1{color:#101826;font-size:26px;font-weight:760;line-height:1.1}h2{color:#101826;font-size:18px;font-weight:720;line-height:1.2}.topbar p,footer,.summary-copy,.timeline-note,.artifact-status-copy,.artifact-empty-copy,.toolbar-note,.composer-foot,.empty-copy{color:#5a6474}.top-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.surface-switch{display:inline-flex;gap:8px}.surface-tab{background:#f7f9fb;border:1px solid #dbe3ea;border-radius:8px;color:#324356;cursor:pointer;min-height:32px;padding:6px 12px}.surface-tab.active{background:#edf4fb;border-color:#a8bfdc;color:#132032;font-weight:750}.badge{align-items:center;border:1px solid #c5d0db;border-radius:8px;display:inline-flex;font-size:13px;font-weight:700;min-height:28px;padding:4px 9px;white-space:nowrap}.badge.good,.metric strong.good{background:#e6f4eb;border-color:#9bcead;color:#1b6038}.badge.warn,.metric strong.warn{background:#fff3dd;border-color:#e4c06f;color:#7a4a00}.badge.neutral,.metric strong.neutral{background:#edf1f4;border-color:#d7dfe8;color:#445064}.badge.info,.metric strong.info{background:#e5eef9;border-color:#a8bfdc;color:#244b77}.badge.bad,.metric strong.bad{background:#fce9e8;border-color:#efb0aa;color:#8a2020}.session-page{display:grid;gap:16px;padding:20px 24px 28px}.toolbar-band,.summary-band,.timeline-shell,.queue-shell,.thread-shell,.composer-shell,.sidebar-shell{background:#fff;border:1px solid #d7dfe8;border-radius:8px}.toolbar-band,.summary-band,.queue-shell,.thread-shell,.composer-shell,.sidebar-shell{padding:16px}.toolbar-band{display:grid;gap:14px}.toolbar-main{align-items:end;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.case-picker{display:grid;gap:8px;min-width:min(520px,100%)}.case-picker span{color:#607084;font-size:13px;font-weight:700}.case-picker select{appearance:none;background:#f7f9fb;border:1px solid #cfd8e2;border-radius:8px;color:#132032;min-height:42px;padding:0 14px;width:100%}.toolbar-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.toolbar-note{font-size:13px;font-weight:600}.toolbar-title{color:#132032;font-size:16px;font-weight:720;line-height:1.3}.metrics{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:#f7f9fb;border:1px solid #dde4ec;border-radius:8px;display:grid;gap:8px;min-height:86px;padding:13px}.metric span{color:#667286;font-size:13px;font-weight:650}.metric strong{align-items:center;align-self:end;border:1px solid transparent;border-radius:8px;display:inline-flex;font-size:18px;line-height:1.2;min-height:32px;padding:3px 8px;width:max-content}.summary-band{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.summary-main{display:grid;gap:14px}.summary-side{align-self:stretch;background:#f7f9fb;border:1px solid #dde4ec;border-radius:8px;padding:14px}.workspace{display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(340px,.95fr)}.conversation-column{display:grid;gap:16px}.section-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.section-head.compact{margin-bottom:10px}.timeline-eyebrow{color:#728196;display:inline-block;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.timeline-note{font-size:13px;font-weight:650;text-align:right}.skill-strip,.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-strip span,.chip-grid span,.timeline-message-foot span{align-items:center;background:#f1f4f7;border:1px solid #dbe3ea;border-radius:8px;color:#314153;display:inline-flex;gap:8px;min-height:28px;padding:4px 9px}.skill-strip strong{color:#111827;font-size:13px}.skill-strip em{color:#667286;font-size:12px;font-style:normal;text-transform:uppercase}.timeline-shell{display:grid;min-height:0;padding:16px 16px 0}.timeline{display:grid;gap:12px;max-height:min(72vh,760px);min-height:420px;overflow:auto;padding:0 2px 16px 0}.timeline-message{background:#f7f9fb;border:1px solid #dde4ec;border-radius:8px;display:grid;gap:10px;max-width:min(92%,820px);min-width:0;padding:14px}.timeline-message.user{justify-self:end;background:#edf4fb;border-color:#c9d9ec}.timeline-message.assistant,.timeline-message.result{background:#faf8ef;border-color:#eadcb1}.timeline-message.tool{background:#f5f7f9}.timeline-message.artifact{background:#eef5ef;border-color:#cfe1d1}.timeline-message.system{background:#f3f6f7}.timeline-message.tone-bad{border-color:#efb0aa}.timeline-message.tone-warn{border-color:#e4c06f}.timeline-message-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.timeline-message-head strong,.timeline-message-head time{color:#3f4d61;font-size:13px;font-weight:700}.timeline-message-head time{font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-message-body{color:#1b2637;display:grid;gap:10px}.timeline-message-body p{color:#223143}.timeline-message-foot{display:flex;flex-wrap:wrap;gap:8px}.artifact-chip{align-items:center;background:#fff;border:1px solid #ccd6e0;border-radius:8px;color:#213245;cursor:pointer;display:inline-flex;min-height:30px;padding:4px 9px}.artifact-chip:hover,.artifact-list-item:hover,.queue-action:hover,.sidebar-tab:hover,.thread-list-item:hover,.thread-action:hover,.quick-command:hover,.surface-tab:hover{border-color:#94acc8}.message-log,.document-code{background:#101826;border-radius:8px;color:#ecf0f6;overflow:auto;padding:12px;white-space:pre-wrap}.queue-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.thread-actions,.composer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.thread-action,.quick-command{background:#f7f9fb;border:1px solid #dbe3ea;border-radius:8px;color:#213245;cursor:pointer;min-height:34px;padding:6px 12px}.thread-action.primary{background:#edf4fb;border-color:#a8bfdc;color:#132032;font-weight:700}.thread-action:disabled,.quick-command:disabled{cursor:not-allowed;opacity:.56}.thread-list{display:grid;gap:8px}.thread-list-item{align-items:start;background:#f7f9fb;border:1px solid #dbe3ea;border-radius:8px;color:#132032;cursor:pointer;display:grid;gap:4px;padding:12px;text-align:left;width:100%}.thread-list-item strong{font-size:14px;line-height:1.25}.thread-list-item small,.thread-list-item span{color:#5d6b7d}.thread-list-item.selected{background:#edf4fb;border-color:#a8bfdc}.queue-action{background:#f7f9fb;border:1px solid #dbe3ea;border-radius:8px;color:#132032;cursor:pointer;display:grid;gap:8px;min-height:146px;padding:13px;text-align:left;width:100%}.queue-action:disabled{cursor:wait;opacity:.68}.queue-action.selected{background:#edf4fb;border-color:#a8bfdc}.queue-action-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.queue-action strong{font-size:15px;line-height:1.25}.queue-action p,.queue-action small{color:#5d6b7d}.queue-state{color:#5a6474;font-size:12px;font-weight:700;text-transform:uppercase}.composer-panel{background:#f7f9fb;border:1px solid #dde4ec;border-radius:8px;overflow:hidden}.composer-panel textarea{background:transparent;border:0;color:#1b2637;min-height:156px;padding:14px;resize:vertical;width:100%}.quick-command-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.composer-foot{display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:10px 16px;justify-content:space-between;margin-top:12px}.sidebar-shell{align-self:start;display:grid;gap:14px;position:sticky;top:20px}.sidebar-tabs{display:flex;gap:8px}.sidebar-tab{background:#f7f9fb;border:1px solid #dbe3ea;border-radius:8px;color:#324356;cursor:pointer;min-height:34px;padding:6px 12px}.sidebar-tab.active{background:#edf4fb;border-color:#a8bfdc;color:#132032;font-weight:750}.sidebar-tab:disabled{cursor:not-allowed;opacity:.5}.sidebar-body{min-height:0}.artifact-shell{display:grid;gap:14px}.artifact-list{display:grid;gap:8px;max-height:220px;overflow:auto}.artifact-list-item{align-items:center;background:#f7f9fb;border:1px solid #dbe3ea;border-radius:8px;color:#213245;cursor:pointer;display:flex;justify-content:flex-start;min-height:40px;padding:0 12px;text-align:left;width:100%}.artifact-list-item.selected{background:#edf4fb;border-color:#a8bfdc}.artifact-preview{background:#f7f9fb;border:1px solid #dde4ec;border-radius:8px;min-height:420px;overflow:hidden}.artifact-preview-document,.artifact-preview-empty{display:grid;gap:12px;height:100%;padding:14px}.artifact-preview-head{align-items:start;display:flex;gap:10px;justify-content:space-between}.artifact-preview-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.artifact-preview-meta span{background:#edf1f4;border:1px solid #d7dfe8;border-radius:8px;color:#4a596c;font-size:12px;font-weight:700;min-height:26px;padding:4px 8px}.document-view{display:grid;gap:12px}.document-heading{color:#122134;font-size:17px;font-weight:720;margin-bottom:2px}.document-list{display:grid;gap:6px;padding-left:18px}.document-quote{border-left:3px solid #d3dde7;color:#536275;padding-left:12px}.json-summary,.run-kv{display:grid;gap:10px}.json-summary div,.run-kv div{align-items:start;display:grid;gap:4px}.json-summary dt,.run-kv dt{color:#708095;font-size:12px;font-weight:700;text-transform:uppercase}.json-summary dd,.run-kv dd{color:#132032;margin:0}.jsonl-list{display:grid;gap:12px}.jsonl-entry{background:#fff;border:1px solid #dde4ec;border-radius:8px;display:grid;gap:10px;padding:12px}.jsonl-entry header,.process-step-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.jsonl-entry header span,.process-step-head span{color:#708095;font-size:12px;font-weight:700;text-transform:uppercase}.artifact-status-copy,.artifact-empty-copy{padding:14px}.run-inspector{display:grid;gap:14px}.run-section{background:#f7f9fb;border:1px solid #dde4ec;border-radius:8px;display:grid;gap:10px;padding:14px}.process-list{display:grid;gap:12px;padding-left:18px}.process-list li{color:#213245}.process-list p{color:#5a6474;margin-top:4px}.empty-state{padding:14px 0 0}.error-copy{color:#8a2020}footer{border-top:1px solid #d8dee5;font-size:13px;padding:14px 28px 24px}code{font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(max-width:1180px){.workspace,.summary-band{grid-template-columns:minmax(0,1fr)}.sidebar-shell{position:static}}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-main{align-items:stretch;flex-direction:column}.toolbar-status{justify-content:flex-start}}@media(max-width:720px){.topbar,.session-page,footer{padding-left:16px;padding-right:16px}.topbar{align-items:start;flex-direction:column}.top-actions{justify-content:flex-start}.metrics{grid-template-columns:minmax(0,1fr)}.timeline{max-height:none;min-height:360px}.timeline-message{max-width:100%}.timeline-message.user{justify-self:stretch}.sidebar-tabs{flex-wrap:wrap}}
