.trace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--space-2)}.trace-header h3{margin:0;color:var(--text-main);font-size:var(--font-size-h3);font-weight:600}.trace-header-controls{display:flex;align-items:center;gap:var(--space-3)}.status-badge{padding:4px 10px;border-radius:999px;font-size:var(--font-size-caption);font-weight:600;border:1px solid}.status-done{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.status-failed{background:var(--status-error-bg);color:var(--status-error-text);border-color:var(--status-error-border)}.status-max-steps{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.status-running{background:#2563eb1a;color:var(--accent-primary);border-color:#2563eb4d}.steps-count{color:var(--text-muted);font-size:var(--font-size-caption)}.expand-btn{padding:6px 12px;font-size:var(--font-size-caption);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s;font-weight:500}.expand-btn:hover{background:var(--bg-app);border-color:var(--border-strong);color:var(--text-main)}.onboarding-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid var(--status-info-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.onboarding-banner-header{display:flex;align-items:center;gap:var(--space-4)}.onboarding-banner-title{font-weight:600;font-size:var(--font-size-body);color:var(--status-info-text)}.issues-toggle{background:#ffffffb3}.onboarding-score-badge{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px 12px}.score-value{font-size:var(--font-size-h3);font-weight:700;color:var(--text-main)}.score-label{font-size:var(--font-size-caption);color:var(--text-muted)}.trust-indicator{padding:2px 8px;border-radius:var(--radius-pill);font-size:10px;font-weight:600;margin-left:var(--space-2)}.trust-high{background:var(--status-success-bg);color:var(--status-success-text)}.trust-medium{background:var(--status-warning-bg);color:var(--status-warning-text)}.trust-low{background:var(--status-error-bg);color:var(--status-error-text)}.onboarding-issues-section{background:#fffbeb;border:1px solid var(--status-warning-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.issues-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid rgba(0,0,0,.08)}.issues-icon{font-size:14px}.issues-title{font-weight:600;font-size:var(--font-size-caption);color:var(--status-warning-text)}.issues-list{display:flex;flex-direction:column;gap:var(--space-1)}.issue-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:11px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#ffffff80}.issue-item.issue-error{background:var(--status-error-bg);border-left:2px solid var(--status-error-text)}.issue-item.issue-warning{background:#ffffffb3;border-left:2px solid var(--status-warning-text)}.issue-item.issue-info{background:#ffffff80;border-left:2px solid var(--status-info-text)}.issue-type-badge{font-size:9px;font-weight:600;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-sm);background:#00000014;color:var(--text-muted);white-space:nowrap}.issue-message{flex:1;color:var(--text-main);line-height:1.4}.issue-related-ids{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:#0000000a;padding:1px 4px;border-radius:2px}.pipeline-legend{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-3);flex-wrap:wrap}.legend-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;gap:var(--space-2);flex-wrap:wrap}.legend-item{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:2px}.legend-icon{font-size:11px}.scratchpad-section{margin-top:0}.scratchpad-list{display:flex;flex-direction:column;gap:var(--space-2)}.scratchpad-item{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-caption);color:var(--text-main);padding:var(--space-2) var(--space-3);background:#fafbfc;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);border-left:3px solid var(--border-subtle);transition:all .2s}.scratchpad-item:hover{background:var(--bg-surface);box-shadow:0 1px 3px #0000000d}.scratchpad-item.error{border-left-color:var(--status-error-text);background:var(--status-error-bg)}.scratchpad-item.plan{border-left-color:var(--accent-primary);background:#2563eb0d}.scratchpad-item.executing{border-left-color:var(--status-success-text);background:var(--status-success-bg)}.scratchpad-item.onboarding{border-left-color:#06b6d4;background:linear-gradient(135deg,#ecfeff,#f0fdfa)}.scratchpad-item.issue{border-left-color:var(--status-warning-text);background:var(--status-warning-bg)}.scratchpad-item.severity-error{border-left-color:var(--status-error-text);background:var(--status-error-bg)}.scratchpad-item.severity-warning{border-left-color:var(--status-warning-text);background:var(--status-warning-bg)}.scratchpad-item.severity-info{border-left-color:var(--status-info-text);background:var(--status-info-bg)}.item-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.step-badge{font-size:10px;font-weight:600;color:var(--text-muted);background:#0000000d;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid var(--border-subtle)}.onboarding-stage-badge{font-size:10px;font-weight:600;color:#0891b2;background:#06b6d41a;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid rgba(6,182,212,.3);display:flex;align-items:center;gap:4px}.issue-type-indicator{font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.issue-type-indicator.warning{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border)}.issue-type-indicator.info{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border)}.issue-type-indicator.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.thought-content{flex:1;line-height:var(--line-height-body);font-family:Courier New,monospace;font-size:11px;word-break:break-word}.no-trace{color:var(--text-muted);font-size:var(--font-size-caption);text-align:center;padding:var(--space-5);font-style:italic}@media (max-width: 768px){.trace-header{flex-direction:column;align-items:flex-start}.trace-header-controls{flex-wrap:wrap}.onboarding-banner{flex-direction:column;align-items:flex-start}.onboarding-banner-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.pipeline-legend{flex-direction:column;align-items:flex-start}.legend-items{gap:var(--space-1)}}.data-flow-diagram{background:var(--bg-canvas);background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:24px 24px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-5);box-shadow:var(--shadow-card)}.diagram-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-subtle)}.diagram-header h2{margin:0;font-size:var(--font-size-h2);font-weight:600;color:var(--text-main)}.diagram-controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.diagram-stats{display:flex;gap:var(--space-4)}.stat{font-size:var(--font-size-caption);color:var(--text-muted)}.stat-value{color:var(--accent-primary);font-weight:600;margin-right:4px}.diagram-buttons{display:flex;gap:var(--space-2)}.diagram-buttons button,.expand-all-btn{padding:6px 12px;font-size:var(--font-size-caption);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s}.diagram-buttons button:hover,.expand-all-btn:hover{background:var(--bg-app);color:var(--text-main);border-color:var(--border-strong)}.flow-container{display:flex;flex-direction:column;align-items:stretch}.flow-node{background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 2px 4px #0000000a}.flow-node.input-node{border-left:4px solid var(--accent-primary)}.flow-node.output-node{border-left:4px solid #10b981}.node-header{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2)}.node-content{display:flex;flex-direction:column;gap:var(--space-1)}.node-preview{font-size:var(--font-size-body);color:var(--text-main);line-height:var(--line-height-body)}.node-size{font-size:var(--font-size-caption);color:var(--text-muted)}.flow-connector{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) 0}.connector-line{width:2px;height:20px;background:var(--border-strong)}.connector-arrow{color:var(--border-strong);font-size:14px}.flow-step-container{display:flex;flex-direction:column}.flow-step{background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:all .2s;box-shadow:0 1px 3px #0000000a}.flow-step:hover{border-color:var(--border-strong);box-shadow:0 2px 6px #0000000f}.flow-step.status-done{border-left:4px solid #10b981}.flow-step.status-failed{border-left:4px solid #ef4444}.flow-step.status-running{border-left:4px solid var(--accent-primary)}.step-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .2s}.step-header:hover{background:var(--bg-app)}.step-title{display:flex;align-items:center;gap:var(--space-3)}.step-name{font-size:var(--font-size-body);font-weight:600;color:var(--text-main)}.step-status-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px}.step-status-badge.status-done{background:var(--status-success-bg);color:var(--status-success-text)}.step-status-badge.status-failed{background:var(--status-error-bg);color:var(--status-error-text)}.step-status-badge.status-running{background:#2563eb1a;color:var(--accent-primary)}.step-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-caption);color:var(--text-muted)}.step-duration{color:var(--accent-primary);font-weight:600}.step-llm-count{color:var(--text-muted)}.step-expand{color:var(--text-muted);font-size:10px}.step-body{padding:0 var(--space-4) var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle);background:#fafbfc}.step-io{padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-sm);margin-top:var(--space-3);border:1px solid var(--border-subtle)}.step-io-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2)}.step-input-section{border-left:3px solid var(--accent-primary)}.step-output-section{border-left:3px solid #10b981}.operations-section{margin-top:var(--space-4)}.operations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.operations-title{font-size:var(--font-size-caption);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.operations-list{display:flex;flex-direction:column;gap:var(--space-2)}.operation{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.operation.llm{border-left:3px solid #8b5cf6}.operation.function{border-left:3px solid var(--accent-primary)}.operation.validation{border-left:3px solid #10b981}.operation.error{border-color:var(--status-error-border);background:var(--status-error-bg)}.operation-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background .2s}.operation-header:hover{background:var(--bg-app)}.op-icon{font-size:14px}.op-name{font-size:var(--font-size-caption);font-weight:500;color:var(--text-main);flex:1}.op-schema{font-size:11px;color:#8b5cf6;background:#8b5cf61a;padding:2px 6px;border-radius:var(--radius-sm)}.op-duration{font-size:11px;color:var(--accent-primary);font-weight:600}.op-tokens,.expand-indicator{font-size:10px;color:var(--text-muted)}.operation-details{padding:var(--space-3);background:#fafbfc;border-top:1px solid var(--border-subtle)}.io-section{margin-bottom:var(--space-2)}.io-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2)}.io-items{display:flex;flex-direction:column;gap:var(--space-2)}.op-arrow{text-align:center;color:var(--text-muted);font-size:14px;padding:var(--space-1) 0}.op-error{margin-top:var(--space-2);padding:var(--space-2);background:var(--status-error-bg);border:1px solid var(--status-error-border);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--status-error-text)}.error-label{font-weight:600}.data-preview{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-caption)}.data-preview.compact{padding:var(--space-1) var(--space-2)}.data-label{color:var(--text-main);font-weight:500}.data-type{color:var(--accent-primary);font-size:11px;background:#2563eb1a;padding:1px 4px;border-radius:var(--radius-sm)}.data-value{color:var(--text-main);flex:1;min-width:200px;word-break:break-word;font-family:Courier New,monospace;font-size:11px}.data-size{color:var(--text-muted);font-size:11px}@media (max-width: 768px){.diagram-header{flex-direction:column;gap:var(--space-3)}.diagram-controls{align-items:flex-start;width:100%}.diagram-stats{flex-wrap:wrap}.step-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.step-meta{flex-wrap:wrap}}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-app)}.app-header{background-color:var(--bg-surface);border-bottom:2px solid var(--accent-primary);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-card)}.app-header h1{font-size:var(--font-size-title);font-weight:600;margin:0;color:var(--text-main)}.debug-toggle{font-size:var(--font-size-caption)}.app-main{flex:1;overflow:hidden;padding:var(--space-5)}.layout{display:grid;grid-template-columns:300px minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-5);height:100%}.layout-column{overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.layout-column--center{min-height:0}.factory-subsection{margin-bottom:var(--space-4)}.factory-subsection:last-child{margin-bottom:0}.factory-subsection h3{font-size:var(--font-size-h3);font-weight:600;margin:0 0 var(--space-2) 0;color:var(--text-main)}.machine-list,.job-list{list-style:none;padding:0;margin:0}.machine-list li{padding:var(--space-2) 0;color:var(--text-main);font-size:var(--font-size-body)}.machine-list li strong{color:var(--accent-primary);font-family:Courier New,monospace;font-size:13px}.job-list li{padding:var(--space-2) 0;margin-bottom:var(--space-3);color:var(--text-main);font-size:var(--font-size-body)}.job-list li strong{color:var(--accent-primary);font-family:Courier New,monospace;font-size:13px}.steps-list{list-style:none;margin:var(--space-2) 0 0 var(--space-4);padding:0;font-size:var(--font-size-caption);color:var(--text-muted)}.steps-list li{padding:var(--space-1) 0}.briefing-content{padding:var(--space-3);background-color:#fafafa;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-height:400px;overflow-y:auto}.briefing-text{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-main)}.briefing-text h2{font-size:var(--font-size-h3);margin:var(--space-3) 0 var(--space-2) 0;color:var(--text-main);border:none;padding:0}.briefing-text h3{font-size:var(--font-size-body);margin:var(--space-3) 0 var(--space-2) 0;color:var(--text-main)}.briefing-text p{margin-bottom:var(--space-2)}.briefing-text strong{color:var(--text-main);font-weight:600}.panel--debug{opacity:.9}.panel--debug .panel-title{font-size:var(--font-size-body);color:var(--text-muted)}.label-hint{font-size:var(--font-size-caption);color:var(--text-muted);font-weight:400;margin-left:var(--space-1)}.textarea--clarifications{background-color:var(--bg-elevated);border-style:dashed}.onboarding-summary-panel{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%)}.onboarding-score-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.onboarding-score{display:flex;align-items:baseline;gap:2px}.score-value{font-size:32px;font-weight:700;color:var(--text-main);font-family:var(--font-mono)}.score-max{font-size:var(--font-size-body);color:var(--text-muted)}.trust-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.onboarding-issues{margin-bottom:var(--space-3)}.issues-header{font-size:var(--font-size-body);font-weight:600;color:var(--text-main);margin:0 0 var(--space-2) 0}.issues-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.issue-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-caption);line-height:1.4}.issue-item.issue--error{background-color:#dc26261a;border-left:3px solid var(--status-error)}.issue-item.issue--warning{background-color:#eab3081a;border-left:3px solid var(--status-warning)}.issue-item.issue--info{background-color:#3b82f61a;border-left:3px solid var(--status-info, #3b82f6)}.issue-icon{flex-shrink:0;font-weight:700}.issue--error .issue-icon{color:var(--status-error)}.issue--warning .issue-icon{color:var(--status-warning)}.issue--info .issue-icon{color:var(--status-info, #3b82f6)}.issue-message{flex:1;color:var(--text-main)}.issue-ids{flex-shrink:0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background-color:var(--bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}.no-issues{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:#22c55e1a;border-radius:var(--radius-sm);color:var(--status-success);font-size:var(--font-size-body)}.no-issues-icon{font-weight:700;font-size:16px}.correction-hint{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--text-muted);line-height:1.5;border-left:2px solid var(--accent-primary)}.alt-interpretations-panel{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);border-left:3px solid var(--status-warning)}.alt-interpretations-panel .panel-title{display:flex;align-items:center;gap:var(--space-2)}.alt-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);background-color:var(--status-warning);color:#fff;font-size:11px;font-weight:600}.alt-intro{font-size:var(--font-size-caption);color:var(--text-muted);margin:0 0 var(--space-3) 0;line-height:1.5}.primary-summary{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3)}.primary-label{font-size:var(--font-size-caption);font-weight:600;color:var(--status-success);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.5px}.primary-entities{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body);color:var(--text-main)}.entity-separator{color:var(--text-muted)}.entity-count strong{color:var(--accent-primary);font-family:var(--font-mono)}.alt-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.alt-item{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);transition:border-color .15s ease}.alt-item:hover{border-color:var(--status-warning)}.alt-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.alt-label{font-size:var(--font-size-caption);font-weight:600;color:var(--text-main);background-color:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-sm)}.alt-mode{font-size:11px;color:var(--text-muted);background-color:var(--bg-app);padding:2px 8px;border-radius:var(--radius-sm);cursor:help}.alt-entities{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2);padding-left:var(--space-2);border-left:2px solid var(--border-subtle)}.alt-entities .entity-count{font-size:var(--font-size-caption);color:var(--text-muted);font-family:var(--font-mono)}.alt-diff{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background-color:#eab3081a;border-radius:var(--radius-sm);border-left:2px solid var(--status-warning)}.diff-icon{flex-shrink:0;color:var(--status-warning);font-weight:700;font-size:var(--font-size-body)}.diff-summary{font-size:var(--font-size-caption);color:var(--text-main);line-height:1.5}.alt-hint{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--text-muted);line-height:1.5;border-left:2px solid var(--status-warning)}@media (max-width: 1200px){.layout{grid-template-columns:280px minmax(0,1fr)}.layout-column--center{grid-column:1 / -1;grid-row:2}.layout-column--right{grid-column:2;grid-row:1}.layout-column--left{grid-column:1;grid-row:1}}@media (max-width: 768px){.app-main{padding:var(--space-3)}.layout{grid-template-columns:1fr;gap:var(--space-3)}.layout-column--left,.layout-column--center,.layout-column--right{grid-column:1;grid-row:auto}.app-header{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.app-header h1{font-size:20px}}:root{--bg-app: #f4f5f7;--bg-surface: #ffffff;--bg-canvas: #fbfcff;--bg-elevated: #f9fafb;--border-subtle: #dde1e7;--border-strong: #c0c5d0;--text-main: #1f2933;--text-muted: #6b7280;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--status-success: #22c55e;--status-success-bg: #e6f4ea;--status-success-text: #166534;--status-success-border: #9ae6b4;--status-warning: #eab308;--status-warning-bg: #fff7e0;--status-warning-text: #92400e;--status-warning-border: #fed7aa;--status-error: #dc2626;--status-error-bg: #fee2e2;--status-error-text: #b91c1c;--status-error-border: #fecaca;--status-info: #3b82f6;--status-info-bg: #e0f2fe;--status-info-text: #0c4a6e;--status-info-border: #bae6fd;--cat-source: #059669;--cat-buffer: #6b7280;--cat-process: #06b6d4;--cat-router: #b45309;--cat-separator: #eab308;--cat-combiner: #ec4899;--cat-sink: #dc2626;--cat-model: #111827;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(15, 23, 42, .08);--font-mono: "Courier New", Consolas, monospace;--font-size-title: 24px;--font-size-h2: 18px;--font-size-h3: 15px;--font-size-body: 14px;--font-size-caption: 12px;--line-height-body: 1.5}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.panel-title{font-size:var(--font-size-h2);font-weight:600;color:var(--text-main);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid;font-size:var(--font-size-body);line-height:var(--line-height-body)}.alert--success{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.alert--warning{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.alert--error{background:var(--status-error-bg);color:var(--status-error-text);border-color:var(--status-error-border)}.alert--info{background:var(--status-info-bg);color:var(--status-info-text);border-color:var(--status-info-border)}.btn{padding:10px 20px;font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background-color:var(--accent-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}.btn-primary:disabled{background-color:var(--border-strong);cursor:not-allowed;opacity:.6}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:#00000008;color:var(--text-main);border-color:var(--border-strong)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--font-size-caption);font-weight:600;white-space:nowrap}.badge--status-success{background:var(--status-success-bg);color:var(--status-success-text)}.badge--status-warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge--status-error{background:var(--status-error-bg);color:var(--status-error-text)}.badge--category{background:#0000000d;color:var(--text-main);border:1px solid var(--border-subtle)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.table thead{background-color:#f9fafb;border-bottom:2px solid var(--border-subtle)}.table th{padding:var(--space-3);text-align:left;font-weight:600;color:var(--text-main)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-main)}.table tbody tr:hover{background-color:#f9fafb}.input,.textarea{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-body);font-family:inherit;line-height:var(--line-height-body);color:var(--text-main);background:var(--bg-surface);width:100%;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.textarea{resize:vertical;min-height:80px}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-group label{font-weight:600;font-size:var(--font-size-body);color:var(--text-main)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-muted);text-align:center}.empty-state-title{font-size:var(--font-size-h2);font-weight:600;color:var(--text-main);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-body);line-height:var(--line-height-body)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-main);font-size:var(--font-size-body);line-height:var(--line-height-body)}html,body,#root{height:100%}