.execution-metrics{display:flex;align-items:center;gap:12px;margin:0 16px 12px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-inset);opacity:.45;transition:opacity .35s ease,border-color .35s ease}.execution-metrics--visible{opacity:1}.agent-column--mcp .execution-metrics--visible{border-color:var(--brand-border);background:var(--brand-bg)}.execution-metrics__item{display:flex;flex-direction:column;gap:2px;min-width:0}.execution-metrics__label{font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.execution-metrics__value{font-size:var(--font-size-md);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.agent-column--mcp .execution-metrics--visible .execution-metrics__value{color:var(--brand-bright)}.execution-metrics__divider{width:1px;height:28px;background:var(--border-subtle);flex-shrink:0}.confidence{padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.confidence__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.confidence__label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted)}.confidence__value{font-size:var(--font-size-md);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.confidence--mcp .confidence__value{color:var(--brand-bright)}.confidence__track{height:4px;background:var(--bg-inset);border-radius:999px;overflow:hidden}.confidence__fill{height:100%;background:var(--text-muted);border-radius:999px;transition:width .4s ease}.confidence--mcp .confidence__fill{background:var(--brand)}.message-stream{padding:16px 0;flex:1;overflow-y:auto}.message-stream--empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-muted);font-size:var(--font-size-md)}.message{padding:12px 16px;animation:fadeSlideIn .25s ease}.message__label{display:block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.message--user .message__label,.message--assistant .message__label{color:var(--text-secondary)}.message--user .message__text{background-color:color-mix(in oklch,var(--bg-inset),var(--bg-card-hover));border-radius:var(--radius-md);padding:10px 16px;font-size:var(--font-size-base);font-weight:500;line-height:var(--line-height-tight)}.message--assistant .message__text{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-agent)}.message__text{white-space:pre-wrap}.message__cursor{display:inline-block;color:var(--text-primary);animation:blink 1s step-end infinite;margin-left:1px;font-weight:300}@keyframes blink{50%{opacity:0}}.missed{margin:0;padding:20px 24px;animation:fadeSlideIn .3s ease}.missed--gaps{background:var(--danger-bg);border-top:2px solid var(--danger-border)}.missed--complete{background:var(--success-bg);border-top:2px solid var(--success-border)}.missed__title{font-size:var(--font-size-md);font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.missed--gaps .missed__title{color:var(--danger)}.missed--complete .missed__title{color:var(--success)}.missed__list{list-style:none;display:flex;flex-direction:column;gap:8px}.missed__item{display:flex;align-items:flex-start;gap:8px;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-secondary)}.missed__icon{flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;margin-top:2px}.missed--gaps .missed__icon{color:var(--danger)}.missed--complete .missed__icon{color:var(--success)}.missed--complete .missed__item{font-size:var(--font-size-sm);color:var(--success);background:#071b0c66;padding:4px 10px;border-radius:4px;display:inline-flex;width:fit-content}.missed--complete .missed__list{flex-direction:row;flex-wrap:wrap;gap:6px}.missed--complete .missed__icon{display:none}.tool-card{margin:8px 16px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);animation:fadeSlideIn .3s ease;display:inline-flex;flex-direction:column;max-width:calc(100% - 32px);align-self:flex-start}.tool-card--running{border-color:var(--border-default)}.tool-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.tool-card__name{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.tool-card__status{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.tool-card__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:radial-gradient(circle,var(--text-primary) 3px,transparent 3px)}.tool-card--running .tool-card__dot{border:1.5px solid var(--border-default);border-top-color:var(--text-primary);background:none;animation:tool-spin .7s linear infinite}.tool-card__args{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;line-height:var(--line-height-normal)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tool-spin{to{transform:rotate(360deg)}}.agent-column{display:flex;flex-direction:column;min-height:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pane);overflow:hidden;box-shadow:var(--shadow-card)}.agent-column--mcp{border-color:var(--border-default)}.agent-column__header{padding:12px 16px 0;background:var(--bg-pane-header)}.agent-column__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-column__log-download{margin-left:auto;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;padding:4px 10px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.agent-column__log-download:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-pane-header)}.agent-column__log-download:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.agent-column__title{font-size:var(--font-size-md);font-weight:500;letter-spacing:-.01em;color:var(--text-secondary)}.agent-column__mcp-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:500;padding:2px 8px;border-radius:4px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.agent-column__sg-logo{color:var(--brand-logo);font-weight:600}.agent-column--mcp .agent-column__title{color:var(--text-primary)}.agent-column__repo{display:inline-block;margin-top:8px;font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-muted)}.agent-column__repo:hover{color:var(--brand-bright)}.agent-column__body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.demo-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:4px}.demo-tabs__tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);transition:var(--transition-fast);max-width:100%}.demo-tabs__tab:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.demo-tabs__tab--active{border-color:var(--brand-border);background:var(--brand-bg);box-shadow:0 0 12px var(--mcp-glow)}.demo-tabs__tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.demo-tabs__label{font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--text-secondary)}.demo-tabs__tab--active .demo-tabs__label{color:var(--text-primary);font-weight:500}.demo-tabs__chip{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:2px 6px;border-radius:4px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-bright);text-transform:lowercase}.dual-agent{display:flex;flex-direction:column;min-height:0;flex:1;gap:12px}.dual-agent__toolbar{display:flex;flex-direction:column;gap:12px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pane)}.dual-agent__prompt-text{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);font-weight:500}.dual-agent__prompt-placeholder{font-size:var(--font-size-md);color:var(--text-muted)}.dual-agent__savings{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.dual-agent__savings strong{color:var(--brand-bright);font-weight:600}.dual-agent__savings-detail{color:var(--text-muted)}.dual-agent__columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}@media(max-width:900px){.dual-agent__columns{grid-template-columns:1fr}}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);gap:16px;flex-shrink:0}.header__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.header__logo{width:28px;height:28px}.header__wordmark{font-weight:600;font-size:var(--font-size-lg);letter-spacing:-.02em}.header__center{flex:1;text-align:center;min-width:0}.header__title{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.03em;line-height:var(--line-height-tight)}.header__gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.header__badge{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid var(--border-default);color:var(--text-secondary);flex-shrink:0}@media(max-width:768px){.header{flex-wrap:wrap;padding:12px 16px}.header__center{order:3;width:100%;text-align:left}.header__title{font-size:var(--font-size-lg)}}.use-case-panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);padding:20px 16px;overflow-y:auto}.use-case-panel__heading{font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.use-case-panel__hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:16px}.use-case-panel__hint kbd{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:2px 6px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-inset)}.use-case-panel__list{list-style:none;display:flex;flex-direction:column;gap:8px}.use-case-panel__item{display:flex;flex-direction:column}.use-case-card{width:100%;display:flex;gap:12px;padding:14px 16px;text-align:left;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);transition:var(--transition-normal)}.use-case-card:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.use-case-card--active{border-color:var(--brand-border);background:var(--brand-bg);box-shadow:0 0 20px var(--mcp-glow)}.use-case-card__index{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;border-radius:6px;background:var(--bg-inset);color:var(--text-muted)}.use-case-card--active .use-case-card__index{background:var(--brand);color:#fff}.use-case-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.use-case-card__title{font-size:var(--font-size-md);font-weight:600;line-height:var(--line-height-tight)}.use-case-card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.use-case-card__meta{display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap}.use-case-card__prompt-count{font-size:var(--font-size-xs);color:var(--brand-bright)}.use-case-card__chip{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:2px 6px;border-radius:4px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-bright);text-transform:lowercase}@media(max-width:1024px){.use-case-panel{border-right:none;border-bottom:1px solid var(--border-subtle);max-height:300px}}.app{display:flex;flex-direction:column;height:100%;background:var(--bg-base)}.app__main{display:grid;grid-template-columns:320px 1fr;flex:1;min-height:0;overflow:hidden}.app__main>:last-child{padding:16px;min-width:0;min-height:0;display:flex;flex-direction:column}@media(max-width:1024px){.app__main{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.app__main>:first-child{order:1}.app__main>:last-child{order:2}}:root{--bg-base: #020202;--bg-elevated: #0e0e0e;--bg-card: #0e0e0e;--bg-card-hover: #202020;--bg-inset: #202020;--bg-pane-header: #141414;--border-subtle: #202020;--border-default: #343434;--border-focus: oklch(62.5% .22 265deg);--text-primary: #ededed;--text-secondary: #8a8a8a;--text-muted: #666666;--text-agent: #c3c3c3;--brand: #f34e3f;--brand-bright: #ff7867;--brand-logo: #ff5543;--brand-dim: #d14d41;--brand-bg: rgba(243, 78, 63, .12);--brand-border: rgba(243, 78, 63, .35);--accent-violet: oklch(57% .2 265deg);--accent-violet-muted: oklch(41% .13 265deg);--accent-gradient: linear-gradient( 135deg, #ff7867 0%, #f34e3f 50%, #e0443a 100% );--success: #3fb950;--success-bg: rgba(7, 27, 12, .6);--success-border: #3fb950;--danger: #d14d41;--danger-bg: rgba(37, 14, 13, .6);--danger-border: #d14d41;--mcp-glow: rgba(243, 78, 63, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-tight: 1.28;--line-height-normal: 1.55;--line-height-relaxed: 1.6;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pane: 14px;--shadow-card: 0 4px 16px rgba(0, 0, 0, .5), 0 12px 40px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--brand-bright);text-decoration:none}a:hover{color:var(--brand);text-decoration:underline}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}