:root{--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-950:#172554;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-950:#022c22;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#a86408;--color-amber-950:#451a03;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#c3354d;--color-red-950:#450a0a;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-950:#2e1065;--color-black-alpha-75:#000000bf;--color-surface-page:#f4f7fb;--color-surface-header:#ffffffdb;--color-surface-card:#fffffff0;--color-surface-hover:#f7fbff;--color-surface-raised:#eef2f8;--color-surface-input:#f8fafc;--color-surface-backdrop:#0f172a8c;--color-border-light:#1a293e1a;--color-border-default-light:#1a293e2e;--color-ink-light:#162033;--color-ink-body:#38465b;--color-ink-secondary:#52627a;--color-ink-muted:#67758b;--color-white:#fff;--color-teal-50:#e7f7fa;--color-teal-100:#e7f7fa;--color-teal-300:#9bdce4;--color-teal-600:#087c8d;--color-teal-700:#066b79;--color-violet-50:#eeecff;--color-violet-300:#c2bbff;--color-violet-600:#6655cf;--color-green-50:#e7f6ef;--color-green-300:#9bd7ba;--color-green-600:#147a53;--color-amber-50:#fff4df;--color-amber-300:#f4c878;--color-red-50:#ffe9ed;--color-red-300:#ef9aaa;--color-terminal-bg:#111827;--color-terminal-border:#344054;--color-terminal-text:#d8e1ed;--color-terminal-muted:#718096;--color-teal-alpha-11:#1494a81c;--color-violet-alpha-12:#6256dc1f;--color-green-alpha-08:#147a5314;--color-red-alpha-08:#c3354d14;--shadow-card-light:0 12px 30px #1a293e14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--shadow-none:none;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d;--z-index-base:1;--z-index-dropdown:50;--z-index-sticky:100;--z-index-modal:500;--z-index-popover:600;--surface-app:var(--color-surface-page);--surface-header:var(--color-surface-header);--surface-card:var(--color-surface-card);--surface-card-hover:var(--color-surface-hover);--surface-card-accent:var(--color-surface-raised);--surface-input:var(--color-surface-input);--surface-modal:var(--color-white);--surface-backdrop:var(--color-surface-backdrop);--layer-modal:var(--z-index-modal);--border-subtle:var(--color-border-light);--border-default:var(--color-border-default-light);--border-strong:var(--color-gray-400);--border-focus:var(--color-teal-600);--border-danger:var(--color-red-500);--border-success:var(--color-emerald-500);--text-main:var(--color-ink-light);--text-body:var(--color-ink-body);--text-secondary:var(--color-ink-secondary);--text-muted:var(--color-ink-muted);--text-inverse:var(--color-white);--action-primary-bg:var(--color-teal-600);--action-primary-hover:var(--color-teal-700);--action-primary-text:var(--color-white);--action-secondary-bg:var(--color-white);--action-secondary-hover:var(--color-teal-50);--action-secondary-text:var(--color-ink-body);--action-disabled-bg:var(--color-gray-200);--action-disabled-text:var(--color-gray-400);--status-success-bg:var(--color-green-50);--status-success-border:var(--color-green-300);--status-success-text:var(--color-green-600);--status-warning-bg:var(--color-amber-50);--status-warning-border:var(--color-amber-300);--status-warning-text:var(--color-amber-600);--status-danger-bg:var(--color-red-50);--status-danger-border:var(--color-red-300);--status-danger-text:var(--color-red-600);--status-info-bg:var(--color-teal-50);--status-info-border:var(--color-teal-300);--status-info-text:var(--color-teal-600);--status-simulated-bg:var(--color-violet-50);--status-simulated-border:var(--color-violet-300);--status-simulated-text:var(--color-violet-600);--status-neutral-bg:var(--color-surface-raised);--status-neutral-border:var(--color-gray-300);--status-neutral-text:var(--color-ink-secondary);--status-model-bg:var(--color-violet-50);--status-model-border:var(--color-violet-300);--status-model-text:var(--color-violet-600);--accent-teal:var(--color-teal-600);--accent-teal-soft:var(--color-teal-50);--accent-teal-halo:var(--color-teal-alpha-11);--accent-violet:var(--color-violet-600);--accent-violet-soft:var(--color-violet-50);--ambient-teal:var(--color-teal-alpha-11);--ambient-violet:var(--color-violet-alpha-12);--connection-success-halo:var(--color-green-alpha-08);--connection-danger-halo:var(--color-red-alpha-08);--terminal-bg:var(--color-terminal-bg);--terminal-border:var(--color-terminal-border);--terminal-text:var(--color-terminal-text);--terminal-muted:var(--color-terminal-muted);--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-size-xs:var(--font-size-xs);--text-size-sm:var(--font-size-sm);--text-size-base:var(--font-size-base);--text-size-lg:var(--font-size-lg);--text-size-xl:var(--font-size-xl);--text-size-2xl:var(--font-size-2xl);--space-unit-xs:var(--space-1);--space-unit-sm:var(--space-2);--space-unit-md:var(--space-4);--space-unit-lg:var(--space-6);--space-unit-xl:var(--space-8);--space-unit-2xl:var(--space-12);--radius-badge:var(--radius-full);--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--radius-modal:var(--radius-lg);--radius-control:var(--radius-md);--elevation-card:var(--shadow-card-light);--elevation-modal:var(--shadow-lg);--focus-ring:var(--color-teal-600);--motion-fast:.15s ease-in-out;--motion-normal:.25s ease-in-out}*,:before,:after{box-sizing:border-box}html{min-width:320px}body{background:var(--surface-app);min-height:100vh;color:var(--text-body);font-family:var(--font-family-sans);font-size:var(--text-size-sm);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-shell{background:radial-gradient(700px 360px at 8% 0%, var(--ambient-teal), transparent 68%), radial-gradient(900px 430px at 75% -12%, var(--ambient-violet), transparent 65%);min-height:100vh}.topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:14px clamp(20px,4vw,64px);display:flex}.brand-lockup,.topbar-actions,.pane-title,.metric-heading,.hero-status,.event-actions,.section-kicker,.terminal-heading,.resource-section h3{align-items:center;display:flex}.brand-lockup,.pane-title{gap:12px}.topbar-actions,.event-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.brand-name{color:var(--text-main);letter-spacing:-.04em;font-size:19px;font-weight:800;line-height:1}.brand-name span{color:var(--accent-cyan)}.brand-subtitle{color:var(--text-muted);margin-top:5px;font-size:12px}.app-container{max-width:1440px;margin:0 auto;padding:32px clamp(20px,4vw,64px) 20px}.hero-panel{justify-content:space-between;align-items:flex-end;gap:32px;padding:32px 0 28px;display:flex}.hero-copy{max-width:760px}.hero-copy h1{color:var(--text-main);letter-spacing:-.055em;margin:14px 0 10px;font-size:clamp(32px,4vw,54px);line-height:1.04}.hero-copy h1 span{color:var(--accent-cyan)}.hero-copy p{max-width:680px;color:var(--text-secondary);margin:0;font-size:16px}.hero-status{min-width:220px;color:var(--text-main);justify-content:flex-end;gap:12px}.hero-status strong,.hero-status span{display:block}.hero-status span{color:var(--text-muted);font-family:var(--font-family-mono);margin-top:4px;font-size:12px}.connection-orb{width:48px;height:48px;color:var(--accent-cyan);background:var(--accent-cyan-soft);box-shadow:0 0 0 8px var(--accent-cyan-halo);border-radius:50%;place-items:center;display:grid}.connection-connected{color:var(--status-success-text);background:var(--status-success-bg);box-shadow:0 0 0 8px var(--connection-success-halo)}.connection-disconnected{color:var(--status-danger-text);background:var(--status-danger-bg);box-shadow:0 0 0 8px var(--connection-danger-halo)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.metric-card,.pane,.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--elevation-card)}.metric-card{min-height:126px;padding:18px 20px}.metric-heading{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;gap:10px;font-size:12px;font-weight:800}.metric-value{color:var(--text-main);margin:15px 0 5px;font-size:30px;line-height:1.1;display:block}.metric-detail{font-size:12px}.metric-detail-observed{color:var(--accent-cyan)}.metric-detail-success{color:var(--status-success-text)}.metric-detail-model{color:var(--accent-indigo)}.metric-detail-warning{color:var(--status-warning-text)}.workspace-grid{grid-template-columns:minmax(270px,.9fr) minmax(400px,1.35fr) minmax(270px,.9fr);align-items:stretch;gap:16px;display:grid}.pane{overflow:hidden}.pane-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.pane-title h2{color:var(--text-main);margin:0;font-size:17px}.pane-title p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.pane-title>.icon-badge{flex:none}.injector-form{flex-direction:column;gap:16px;padding:20px;display:flex}.injector-form label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.input-field{border:1px solid var(--border-default);border-radius:var(--radius-input);background:var(--surface-input);width:100%;min-height:40px;color:var(--text-main);padding:8px 12px;font-size:14px}.input-field:focus{border-color:var(--border-focus)}.mono,code{font-family:var(--font-family-mono);font-size:12px}.section-kicker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:12px;font-weight:800}.scenario-preview{background:var(--surface-raised);border-radius:var(--radius-control);color:var(--text-secondary);flex-direction:column;gap:8px;padding:14px;font-size:12px;display:flex}.scenario-preview strong{color:var(--text-main);font-size:13px}.scenario-preview span{align-items:center;gap:6px;display:flex}.btn{border-radius:var(--radius-button);min-height:40px;transition:background-color var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-primary{background:var(--action-primary-bg);color:var(--action-primary-text)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--action-secondary-bg);color:var(--action-secondary-text);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--action-secondary-hover);border-color:var(--accent-cyan)}.btn:disabled{opacity:.6}.badge{border-radius:var(--radius-badge);letter-spacing:.03em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-simulated{background:var(--status-simulated-bg);border-color:var(--status-simulated-border);color:var(--status-simulated-text)}.badge-success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.badge-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.badge-danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.badge-info,.badge-observed{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.badge-inferred,.badge-derived{background:var(--status-model-bg);border-color:var(--status-model-border);color:var(--status-model-text)}.badge-recorded,.badge-neutral{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral-text)}.icon-badge{border:1px solid var(--border-default);border-radius:var(--radius-control);place-items:center;width:30px;height:30px;display:grid}.icon-badge-observed{color:var(--accent-cyan);background:var(--accent-cyan-soft)}.icon-badge-model{color:var(--accent-indigo);background:var(--accent-indigo-soft)}.icon-badge-success{color:var(--status-success-text);background:var(--status-success-bg)}.icon-badge-warning{color:var(--status-warning-text);background:var(--status-warning-bg)}.icon-badge-neutral{color:var(--text-secondary);background:var(--surface-raised)}.workflow-steps{grid-template-columns:repeat(6,1fr);gap:5px;padding:20px 18px 12px;display:grid}.workflow-step{color:var(--text-muted);text-align:center;font-size:12px}.workflow-step span{border:1px solid var(--border-default);border-radius:50%;place-items:center;width:24px;height:24px;margin:0 auto 6px;display:grid}.workflow-step.is-complete{color:var(--status-success-text)}.workflow-step.is-complete span{background:var(--status-success-bg);border-color:var(--status-success-border)}.workflow-step small{font-size:12px}.risk-card{border:1px solid var(--status-model-border);border-radius:var(--radius-control);background:var(--status-model-bg);margin:10px 18px;padding:16px}.risk-heading{color:var(--text-main);justify-content:space-between;gap:8px;font-size:14px;font-weight:700;display:flex}.risk-card p{min-height:42px;color:var(--text-secondary);margin:10px 0;font-size:13px}.risk-bar{background:var(--surface-raised);border-radius:var(--radius-badge);height:8px;overflow:hidden}.risk-bar span{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-indigo));border-radius:inherit;height:100%;display:block}.provenance-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.decision-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 18px;display:grid}.decision-grid div{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);padding:12px}.decision-grid span,.decision-grid small{color:var(--text-muted);font-size:12px;display:block}.decision-grid strong{color:var(--text-main);margin:6px 0;font-size:16px;display:block}.terminal{border-radius:var(--radius-control);background:var(--terminal-bg);color:var(--terminal-text);margin:16px 18px 18px;overflow:hidden}.terminal-heading{border-bottom:1px solid var(--terminal-border);min-height:46px;font-family:var(--font-family-mono);justify-content:space-between;padding:10px 14px;font-size:12px}.terminal-heading span{align-items:center;gap:7px;display:flex}.terminal-log,.terminal-empty{font-family:var(--font-family-mono);margin:0;padding:14px;font-size:12px;list-style:none}.terminal-log li{grid-template-columns:72px auto 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}.terminal-log time{color:var(--terminal-muted)}.terminal-log code{color:var(--accent-indigo)}.terminal-empty{min-height:180px;color:var(--terminal-muted);line-height:2}.containment-stats{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 16px;display:grid}.containment-stats strong,.containment-stats span{display:block}.containment-stats strong{color:var(--text-main);font-size:25px}.containment-stats span{color:var(--text-muted);margin-top:5px;font-size:12px}.resource-section{border-bottom:1px solid var(--border-subtle);padding:18px 16px}.resource-section h3{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;gap:7px;margin:0 0 12px;font-size:12px}.unavailable-card{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);padding:14px}.unavailable-card p{color:var(--text-muted);margin:10px 0 0;font-size:12px}.feedback{border-radius:var(--radius-control);align-items:flex-start;gap:8px;padding:10px;font-size:12px;display:flex}.feedback-success{background:var(--status-success-bg)}.feedback-error{background:var(--status-danger-bg)}.card{padding:20px}.event-history{margin-top:24px}.card>div:first-child{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card h3{color:var(--text-main);margin:0;font-size:18px}.card p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.event-list-header,.event-row{grid-template-columns:2fr 1fr 1fr 100px 24px;align-items:center;gap:16px;display:grid}.event-list-header{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 12px 10px;font-size:12px;font-weight:800}.event-list{flex-direction:column;gap:7px;display:flex}.event-row{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;color:var(--text-body);transition:border-color var(--motion-fast), background-color var(--motion-fast);padding:12px}.event-row:hover{border-color:var(--accent-cyan);background:var(--surface-card-hover)}.event-row code,.event-row time{color:var(--text-secondary);font-size:12px}.event-signal strong,.event-signal small{display:block}.event-signal strong{color:var(--text-main);font-size:13px}.event-signal small{color:var(--text-muted);margin-top:3px;font-size:12px}.empty-state{text-align:center;color:var(--text-muted);padding:30px;font-size:13px}.app-footer{color:var(--text-muted);font-family:var(--font-family-mono);justify-content:center;align-items:center;gap:7px;padding:18px;font-size:12px;display:flex}.app-toast{font-size:13px}@media (width<=1100px){.workspace-grid{grid-template-columns:1fr 1fr}.pane-containment{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.topbar,.hero-panel{flex-direction:column;align-items:flex-start}.topbar-actions,.hero-status{justify-content:flex-start}.hero-copy h1{font-size:36px}.metric-grid,.workspace-grid{grid-template-columns:1fr}.event-list-header{display:none}.event-row{grid-template-columns:1fr auto}.event-row code,.event-row time{grid-column:1}.event-row .badge{grid-area:1/2}.event-row svg{grid-area:2/2;justify-self:end}.decision-grid,.terminal-log li{grid-template-columns:1fr}.app-container{padding-top:20px}.card>div:first-child{flex-direction:column}.event-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}