*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface:#f9f9fa;--surface-dim:#dadadb;--surface-bright:#f9f9fa;--surface-container-lowest:#fff;--surface-container-low:#f3f3f4;--surface-container:#eeeeef;--surface-container-high:#e8e8e9;--surface-container-highest:#e2e2e3;--on-surface:#1a1c1d;--on-surface-variant:#3e4a3a;--outline:#6e7b69;--outline-variant:#becab6;--primary:#006e0b;--on-primary:#fff;--primary-container:#43b73c;--on-primary-container:#004204;--primary-fixed:#87fc77;--primary-fixed-dim:#6bdf5e;--on-primary-fixed:#002201;--on-primary-fixed-variant:#005306;--secondary:#416743;--on-secondary:#fff;--secondary-container:#c2eebf;--on-secondary-container:#476d48;--tertiary:#5d5c76;--on-tertiary:#fff;--tertiary-container:#a19ebb;--on-tertiary-container:#36354d;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#f9f9fa;--on-background:#1a1c1d;--growth-vibrant:#43b73c;--growth-muted:#acd7aa;--deep-earth:#0d0c22;--agent-data:#416743;--agent-business:#006e0b;--agent-pm:#5d5c76;--orchestrator:#0d0c22;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--gutter:20px;--margin-mobile:16px;--margin-desktop:40px}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--surface-container-low);color:var(--on-surface);min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}h2{letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:32px}h3{font-size:20px;font-weight:600;line-height:28px}label,.label-caps{letter-spacing:.05em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:16px}.data-display{font-size:28px;font-weight:700;line-height:32px}.text-body-lg{font-size:16px;font-weight:400;line-height:24px}.text-body-md{font-size:14px;font-weight:400;line-height:20px}.app-container{max-width:960px;padding:var(--margin-desktop) var(--gutter) 4rem;margin:0 auto}.app-header{text-align:center;margin-bottom:var(--space-xl)}.app-header h1{color:var(--deep-earth);margin-bottom:var(--space-xxs)}.app-header .subtitle{color:var(--on-surface-variant);max-width:580px;margin:var(--space-xs) auto 0}.app-header .tagline{letter-spacing:.05em;text-transform:uppercase;color:var(--primary-container);background:var(--secondary-container);border-radius:var(--radius-full);margin-bottom:var(--space-sm);padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:inline-block}.scenario-grid{gap:var(--gutter);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.scenario-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px 20px #0d0c220a}.scenario-card:hover{border-color:var(--primary-container);box-shadow:0 4px 24px #0d0c2214}.scenario-card.selected{border-color:var(--primary-container);background:var(--surface-container-low);border-width:2px}.scenario-icon{margin-bottom:var(--space-xs);font-size:1.75rem}.scenario-title{color:var(--deep-earth);margin-bottom:2px;font-size:14px;font-weight:600}.scenario-desc{color:var(--on-surface-variant);font-size:12px;line-height:1.4}.custom-input-area{margin-bottom:var(--space-lg)}.custom-input-area textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);color:var(--on-surface);resize:vertical;outline:none;min-height:80px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.custom-input-area textarea:focus{border-color:var(--primary-container);box-shadow:0 0 0 2px #43b73c1a}.custom-input-area textarea::placeholder{color:var(--on-surface-variant);opacity:.6}.run-btn{width:100%;padding:14px var(--space-md);background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--space-xl);border:none;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:background .15s,box-shadow .15s;display:block;box-shadow:0 2px 8px #006e0b26}.run-btn:hover{background:var(--growth-vibrant);box-shadow:0 2px 12px #006e0b38}.run-btn:disabled{opacity:.4;cursor:not-allowed}.workflow-status{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:0 4px 20px #0d0c220a}.workflow-step{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--surface-container-low);font-size:14px;display:flex}.workflow-step:last-child{border-bottom:none}.step-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.step-indicator.queued{background:var(--surface-container-low);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.step-indicator.active{background:var(--secondary-container);color:var(--on-secondary-container);border:1px solid var(--primary-container);animation:2s infinite pulse}.step-indicator.done{background:var(--secondary-container);color:var(--on-secondary-container)}@keyframes pulse{0%,to{box-shadow:0 0 #43b73c4d}50%{box-shadow:0 0 16px 4px #43b73c1f}}.agent-output{gap:var(--gutter);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.agent-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);animation:.35s slideUp;overflow:hidden;box-shadow:0 4px 20px #0d0c220a}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.agent-card-header{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--surface-container-low);background:var(--surface-container-low);font-size:14px;font-weight:600;display:flex}.agent-card-header.data{border-left:4px solid var(--agent-data);color:var(--agent-data)}.agent-card-header.business{border-left:4px solid var(--agent-business);color:var(--agent-business)}.agent-card-header.pm{border-left:4px solid var(--agent-pm);color:var(--agent-pm)}.agent-card-header.orchestrator{border-left:4px solid var(--orchestrator);color:var(--orchestrator)}.agent-card-body{padding:var(--space-md);color:var(--on-surface);font-size:14px;line-height:1.65}.markdown-content{color:inherit}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content pre,.markdown-content blockquote,.markdown-content table{margin:0 0 var(--space-sm)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--deep-earth);margin:var(--space-sm) 0 var(--space-xs);line-height:1.35}.markdown-content h1{font-size:1.2rem}.markdown-content h2{font-size:1.1rem}.markdown-content h3{font-size:1rem}.markdown-content ul,.markdown-content ol{padding-left:1.2rem}.markdown-content li{margin-bottom:.25rem}.markdown-content li::marker{color:var(--primary-container)}.markdown-content code{background:var(--surface-container-low);border-radius:var(--radius-sm);padding:.1rem .25rem;font-family:JetBrains Mono,monospace;font-size:.85em}.markdown-content pre{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:var(--space-sm);overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content blockquote{border-left:3px solid var(--primary-container);padding-left:var(--space-sm);color:var(--on-surface-variant)}.markdown-content table{border-collapse:collapse;width:100%}.markdown-content th,.markdown-content td{border:1px solid var(--outline-variant);text-align:left;padding:.45rem .55rem}.markdown-content th{background:var(--surface-container-low)}.agent-card-body>ul{padding:0;list-style:none}.agent-card-body>li{align-items:flex-start;gap:var(--space-xxs);padding:2px 0;display:flex}.agent-card-body>li:before{content:"▸";color:var(--primary-container);flex-shrink:0}.agent-metric{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--radius-full);margin-right:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:inline-block}.metrics-row{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.streaming-cursor:after{content:"|";color:var(--primary-container);animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}.streaming-label{letter-spacing:.05em;color:var(--on-surface-variant);text-transform:uppercase;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px}.done-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.done-actions button{padding:10px var(--space-lg);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);color:var(--on-surface);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,background .15s}.done-actions button:hover{border-color:var(--primary-container);background:var(--surface-container-low)}.done-actions button.primary{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary-container);font-weight:600}.done-actions button.primary:hover{background:var(--growth-vibrant)}.app-footer{text-align:center;padding:var(--space-lg) var(--gutter);color:var(--on-surface-variant);border-top:1px solid var(--outline-variant);margin-top:var(--space-xl);font-size:13px}.app-footer a{color:var(--primary-container);text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:640px){:root{--margin-desktop:var(--margin-mobile)}h1{font-size:24px;line-height:32px}.app-container{padding:var(--space-lg) var(--space-md) 2rem}.scenario-grid{gap:var(--space-sm);grid-template-columns:1fr}.metrics-row,.done-actions{flex-direction:column}.done-actions button{width:100%}}