:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f5f7;--foreground:#17191f;--muted:#656c7a;--border:#d8dde6;--surface:#fff;--surface-muted:#eef1f5;--accent:#245c9c;--accent-muted:#e5eef8;--success:#28754d;--warning:#8a5a12}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:28px;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent-muted);width:38px;height:38px;color:var(--accent);border:1px solid #b8c7d8;border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.brand-name,.brand-caption,.field-label,.context-strip p,.empty-title,.empty-copy,.site-label,.site-name,.task-list,.event-table,.metric-label{margin:0}.brand-name{font-size:15px;font-weight:800}.brand-caption{color:var(--muted);margin-top:2px;font-size:12px}.nav-list{gap:4px;display:grid}.nav-item{min-height:38px;color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.nav-item.active{background:var(--surface-muted);color:var(--foreground)}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1{margin:0;font-size:28px;line-height:1.2}h2{margin:0;font-size:18px;line-height:1.3}h3{margin:0;font-size:16px;line-height:1.3}.site-selector{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;min-width:190px;padding:10px 12px;display:grid}.site-select{width:100%;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:14px;font-weight:750}.site-select:disabled{color:var(--muted)}.site-label,.field-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.site-name{font-size:14px;font-weight:750}.context-strip{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;display:grid;overflow:hidden}.context-strip>div{background:var(--surface);min-width:0;padding:14px}.context-strip p{color:var(--foreground);margin-top:8px;font-size:14px;line-height:1.45}.content-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:16px;display:grid}.trace-surface{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px;margin-top:16px;display:grid}.docs-debugger-panel,.agent-surface-panel,.pilot-setup-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;margin-top:16px;padding:18px}.primary-panel,.side-panel,.trace-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px}.primary-panel{min-height:420px;padding:18px}.side-panel{padding:18px}.trace-panel{min-width:0;padding:18px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.status-pill{background:var(--accent-muted);color:var(--accent);border:1px solid #c6d3e2;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.empty-state{text-align:center;background:#fafbfc;border:1px dashed #bcc6d3;border-radius:8px;place-content:center;min-height:300px;margin-top:18px;padding:28px;display:grid}.compact-empty{text-align:center;background:#fafbfc;border:1px dashed #bcc6d3;border-radius:8px;place-content:center;min-height:180px;margin-top:18px;padding:22px;display:grid}.error-state{background:#fff8f8;border-color:#d9a5a5}.empty-title{font-size:17px;font-weight:800}.empty-copy{max-width:460px;color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.panel-note{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.45}.pilot-setup-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-top:18px;display:grid}.pilot-setup-copy{min-width:0}.pilot-setup-copy p,.pilot-code-block p{color:var(--foreground);margin:0;font-size:13px;line-height:1.55}.pilot-setup-list{color:var(--muted);gap:8px;margin:14px 0 0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.pilot-code-block{border:1px solid var(--border);background:#fafbfc;border-radius:8px;min-width:0;padding:12px}.pilot-code-block>code,.pilot-code-block p code{background:var(--surface-muted);color:#26313f;overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:3px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:inline-block}.pilot-code-block pre{border:1px solid var(--border);background:var(--surface);color:#26313f;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;margin:10px 0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.task-list{gap:14px;margin-top:18px;padding:0;list-style:none;display:grid}.task-list li{color:var(--foreground);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;font-size:14px;line-height:1.35;display:grid}.task-state{text-align:center;border-radius:999px;width:58px;padding:5px 0;font-size:11px;font-weight:800}.task-state.done{color:var(--success);background:#e4f3eb}.task-state.active{background:var(--accent-muted);color:var(--accent)}.task-state.next{color:var(--warning);background:#f7eedf}.trace-list{gap:10px;margin-top:18px;display:grid}.trace-row{border:1px solid var(--border);width:100%;color:var(--foreground);cursor:pointer;font:inherit;text-align:left;background:#fafbfc;border-radius:8px;gap:10px;padding:12px;display:grid}.trace-row.active{background:var(--accent-muted);border-color:#a8bfd8}.trace-row-top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.trace-id{color:var(--foreground);font-size:13px}.trace-row-grid,.detail-grid,.step-fields,.inference-grid{gap:10px;display:grid}.trace-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px;line-height:1.4}.mini-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.muted-inline,.reason-empty{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700;display:block}.trace-detail{gap:16px;margin-top:18px;display:grid}.trace-detail-section{border:1px solid var(--border);border-radius:8px;padding:14px}.inferred-section{background:#fafbfc}.share-section{background:#fcfcfd}.generated-section{background:#fbfcf7}.section-heading{margin-bottom:12px}.split-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:12px;font-size:13px}.step-list{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.step-list li{grid-template-columns:34px minmax(0,1fr);gap:12px;display:grid}.step-position{background:var(--surface-muted);width:30px;height:30px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.step-body{border:1px solid var(--border);border-radius:8px;min-width:0;padding:10px}.step-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.step-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;font-size:13px}.step-fields code{background:var(--surface-muted);color:#26313f;border-radius:6px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.inference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inference-grid article{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:12px}.inference-grid strong{margin-top:4px;display:block}.reason-list{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.reason-list li{background:var(--surface-muted);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800}.suggestion-detail{gap:12px;display:grid}.suggestion-summary,.suggestion-fix,.suggestion-rationale,.suggestion-empty{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:12px}.suggestion-summary p,.suggestion-fix p,.suggestion-rationale p,.suggestion-empty p{color:var(--foreground);margin:8px 0 0;font-size:13px;line-height:1.5}.suggestion-fix{gap:12px;display:grid}.suggestion-fix strong{margin-top:4px;display:block}.suggestion-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:13px;display:grid}.suggestion-meta-grid code{background:var(--surface-muted);color:#26313f;overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:inline-block}.suggestion-empty{gap:12px;display:grid}.evidence-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.evidence-list li{background:var(--surface-muted);color:var(--muted);border-radius:8px;grid-template-columns:minmax(78px,.35fr) minmax(0,1fr);gap:8px;padding:8px;font-size:12px;line-height:1.4;display:grid}.evidence-main{color:var(--foreground);font-weight:800}.docs-debugger-list{gap:12px;margin-top:18px;display:grid}.docs-debugger-page{border:1px solid var(--border);background:#fafbfc;border-radius:8px;min-width:0;padding:14px}.docs-page-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.docs-page-heading h3{overflow-wrap:anywhere}.docs-debugger-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;font-size:13px;display:grid}.docs-debugger-grid strong{margin-top:3px;display:block}.trace-chip-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.trace-chip-row code,.signal-grid span{background:var(--surface-muted);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:11px;font-weight:800}.signal-grid{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.docs-evidence-block{margin-top:14px}.docs-evidence-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.docs-evidence-list li{background:var(--surface);color:var(--muted);overflow-wrap:anywhere;border-radius:8px;grid-template-columns:minmax(86px,.28fr) minmax(0,1fr);gap:8px;padding:8px;font-size:12px;line-height:1.4;display:grid}.agent-surface-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.agent-surface-empty{gap:12px}.agent-surface-list{gap:12px;margin-top:18px;display:grid}.agent-surface-file{border:1px solid var(--border);background:#fafbfc;border-radius:8px;min-width:0;padding:14px}.agent-file-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agent-file-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;font-size:13px;display:grid}.agent-file-grid strong{margin-top:3px;display:block}.agent-file-grid code{background:var(--surface-muted);color:#26313f;overflow-wrap:anywhere;border-radius:6px;max-width:100%;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;display:inline-block}.fallback-url-field{gap:6px;margin-top:14px;display:grid}.fallback-url-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:8px;padding:9px 10px;font-size:13px}.agent-file-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.agent-file-actions a{align-items:center;text-decoration:none;display:inline-flex}.agent-preview-block{margin-top:14px}.agent-preview-block pre{border:1px solid var(--border);background:var(--surface);color:#26313f;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;max-height:260px;margin:8px 0 0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.action-button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--foreground);cursor:pointer;font:inherit;border-radius:8px;padding:0 12px;font-size:13px;font-weight:800}.primary-action{background:var(--accent-muted);color:var(--accent);border-color:#a8bfd8}.danger-action{color:#9f3030;border-color:#d9a5a5}.action-button:disabled{cursor:not-allowed;opacity:.55}.share-link-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;font-size:13px;display:grid}.share-link-details strong{margin-top:2px;display:block}.share-url-field{grid-column:1/-1;gap:6px;display:grid}.share-url-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--foreground);font:inherit;border-radius:8px;padding:9px 10px;font-size:13px}.share-empty,.inline-alert{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.45}.inline-alert{font-weight:700}.error-text{color:#9f3030}.event-table-wrap{margin-top:18px;overflow-x:auto}.metrics-grid{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:18px;display:grid;overflow:hidden}.metric-item{background:#fafbfc;min-width:0;padding:12px}.metric-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.metric-item strong{margin-top:6px;font-size:24px;line-height:1;display:block}.event-table{border-collapse:collapse;width:100%;min-width:1360px;font-size:13px}.event-table th,.event-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:11px 10px}.event-table th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.event-table td{color:var(--foreground);line-height:1.45}.event-table code{background:var(--surface-muted);color:#26313f;border-radius:6px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.event-type{background:var(--surface-muted);max-width:160px;color:var(--foreground);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.visitor-cell{gap:4px;display:inline-grid}.visitor-label{background:var(--accent-muted);width:fit-content;color:var(--accent);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.visitor-confidence{color:var(--muted);font-size:12px;font-weight:700}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:inline-block;overflow:hidden}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);padding:16px}.nav-list{gap:6px;display:flex;overflow-x:auto}.nav-item{flex:none}.workspace{padding:18px}.topbar,.panel-header{flex-direction:column}.site-selector{width:100%}.context-strip,.content-grid,.trace-surface,.pilot-setup-grid,.metrics-grid{grid-template-columns:1fr}.event-table-wrap{overflow:visible}.event-table,.event-table thead,.event-table tbody,.event-table tr,.event-table th,.event-table td{display:block}.event-table{min-width:0}.event-table thead{display:none}.event-table tr{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.event-table td{border-bottom:1px solid var(--border);grid-template-columns:118px minmax(0,1fr);gap:10px;padding:10px;display:grid}.event-table td:last-child{border-bottom:0}.event-table td:before{color:var(--muted);content:attr(data-label);text-transform:uppercase;font-size:11px;font-weight:800}.cell-truncate{white-space:normal;word-break:break-word;max-width:100%}}@media (max-width:520px){.workspace{padding:14px}.brand{align-items:flex-start}h1{font-size:24px}.primary-panel,.side-panel{padding:14px}.empty-state{min-height:240px;padding:20px}.event-table td,.trace-row-grid,.detail-grid,.step-fields,.inference-grid,.docs-debugger-grid,.agent-file-grid,.suggestion-meta-grid,.share-link-details,.step-list li{grid-template-columns:1fr}.split-heading{display:grid}.evidence-list li{grid-template-columns:1fr}.docs-page-heading,.agent-file-heading{display:grid}.docs-evidence-list li{grid-template-columns:1fr}}