:root{color:#171717;background:#fafafa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #171717;--muted-strong: #404040;--muted: #737373;--line-strong: #a3a3a3;--line: #e5e5e5;--surface-subtle: #f5f5f5;--surface: #fafafa;--paper: #ffffff;--surface-strong: #171717;--focus: #171717;--radius-sm: .38rem;--radius: .62rem;--radius-lg: .9rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:var(--surface);color:var(--ink);font-size:.875rem;line-height:1.5}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:650;gap:.45rem;justify-content:center;line-height:1;white-space:nowrap}.button svg{height:1rem;width:1rem}.button--default{height:2.45rem;padding:0 .9rem}.button--small{height:2rem;padding:0 .65rem}.button--icon{height:2.35rem;padding:0;width:2.35rem}.button--primary{background:var(--surface-strong);color:#fff}.button--primary:hover{background:#303030}.button--outline{background:var(--paper);border-color:var(--line)}.button--outline:hover,.button--ghost:hover{background:var(--surface-subtle)}.button--ghost{background:transparent}.button:disabled{cursor:not-allowed;opacity:.45}.console-shell{height:100vh;overflow:hidden}.context-bar{align-items:center;background:var(--paper);border-bottom:1px solid var(--line);display:flex;height:3.5rem;padding:0 1.1rem;position:relative;z-index:20}.wordmark{align-items:center;display:inline-flex;font-size:.94rem;font-weight:760;gap:.55rem;letter-spacing:-.02em}.wordmark-mark{align-items:center;background:var(--surface-strong);border-radius:.45rem;color:#fff;display:inline-flex;height:1.75rem;justify-content:center;width:1.75rem}.wordmark-mark svg{height:1rem;width:1rem}.context-divider{background:var(--line);height:1.4rem;margin:0 .9rem;width:1px}.context-label{color:var(--muted);font-size:.76rem}.provider-status{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.67rem;font-weight:700;gap:.4rem;letter-spacing:.04em;margin-left:auto;padding:.24rem .55rem;text-transform:uppercase}.provider-status>span{background:var(--ink);border-radius:50%;height:.38rem;width:.38rem}.rail-toggle{display:none;margin-left:.5rem}.primary-nav{align-items:center;background:var(--paper);border-bottom:1px solid var(--line);display:flex;gap:.2rem;height:2.8rem;padding:0 1rem}.primary-nav a{align-items:center;border-radius:var(--radius-sm);color:var(--muted);display:flex;font-size:.76rem;font-weight:650;gap:.4rem;padding:.42rem .68rem}.primary-nav a:hover,.primary-nav a.active{background:var(--surface-subtle);color:var(--ink)}.primary-nav svg{height:.9rem;width:.9rem}.workspace-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);height:calc(100vh - 6.3rem)}.thread-rail{background:#f7f7f7;border-right:1px solid var(--line);min-width:0;overflow:auto;padding:.8rem}.thread-rail-backdrop{display:none}.rail-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.rail-heading>div{display:grid}.rail-heading strong{font-size:.78rem}.rail-heading span,.rail-state{color:var(--muted);font-size:.66rem}.thread-list{display:grid;gap:.28rem}.thread-link{align-items:center;border:1px solid transparent;border-radius:var(--radius);display:grid;gap:.65rem;grid-template-columns:1.85rem minmax(0,1fr);padding:.58rem}.thread-link:hover{background:var(--paper);border-color:var(--line)}.thread-link.active{background:var(--paper);border-color:var(--line-strong);box-shadow:0 1px 2px #0000000d}.thread-link__icon{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;height:1.85rem;justify-content:center}.thread-link__icon svg{height:.9rem;width:.9rem}.thread-link>span:last-child{display:grid;min-width:0}.thread-link strong,.thread-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-link strong{font-size:.72rem;font-weight:650}.thread-link small{color:var(--muted);font-size:.61rem;margin-top:.1rem}.rail-empty{background:transparent;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);cursor:pointer;font-size:.7rem;padding:1rem .6rem}.main-content{min-width:0;overflow:auto}.overview-page,.document-page{margin:0 auto;max-width:76rem;padding:2.4rem}.page-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.page-header h1,.studio-header h1{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.04em;line-height:1.13;margin:.32rem 0 .55rem}.page-header p,.studio-header p{color:var(--muted);margin:0;max-width:42rem}.eyebrow{color:var(--muted-strong);font-size:.64rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.overview-metrics{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2rem}.overview-metrics article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;padding:1.15rem}.overview-metrics strong{font-size:1.22rem;letter-spacing:-.03em}.overview-metrics span{color:var(--muted);font-size:.67rem}.section-stack{display:grid;gap:.75rem}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-size:.94rem}.section-heading p{color:var(--muted);font-size:.72rem}.overview-thread-grid{display:grid;gap:0}.overview-thread-card{align-items:center;background:var(--paper);border:1px solid var(--line);display:grid;gap:.75rem;grid-template-columns:2.25rem minmax(0,1fr) minmax(8rem,auto) auto;margin-top:-1px;padding:.8rem .9rem}.overview-thread-card:first-child{border-radius:var(--radius) var(--radius) 0 0;margin-top:0}.overview-thread-card:last-child{border-radius:0 0 var(--radius) var(--radius)}.overview-thread-card:only-child{border-radius:var(--radius)}.overview-thread-card:hover{border-color:var(--line-strong);box-shadow:0 2px 6px #0000000d}.overview-thread-card__icon{align-items:center;background:var(--surface-subtle);border-radius:var(--radius-sm);display:flex;height:2.25rem;justify-content:center}.overview-thread-card__icon svg,.overview-thread-card>svg{height:1rem;width:1rem}.overview-thread-card>span:nth-child(2){display:grid;min-width:0}.overview-thread-card__meta{display:grid;justify-items:end;min-width:0}.overview-thread-card__meta strong{font-size:.68rem;font-weight:650}.overview-thread-card strong,.overview-thread-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-thread-card small,.overview-thread-card__meta small{color:var(--muted);font-size:.65rem}.empty-surface,.state-surface{align-items:center;background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:19rem;padding:2rem;text-align:center}.empty-surface>svg{height:1.7rem;margin-bottom:.7rem;width:1.7rem}.empty-surface h2,.empty-surface p{margin:0}.empty-surface p,.state-surface p{color:var(--muted);margin-bottom:1rem}.studio-page{display:flex;flex-direction:column;height:100%;min-height:0;padding:1.15rem}.studio-header{align-items:center;display:flex;flex:0 0 auto;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.studio-header h1{font-size:1.35rem;margin-bottom:.25rem;max-width:52rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-header p{font-size:.68rem}.studio-header__actions{display:flex;gap:.5rem}.provider-banner{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;flex:0 0 auto;gap:1rem;grid-template-columns:minmax(11rem,auto) minmax(12rem,1fr) minmax(10rem,auto) auto;margin-bottom:.75rem;padding:.7rem}.provider-banner__status{align-items:center;display:flex;gap:.65rem;min-width:0}.provider-banner__icon{align-items:center;background:var(--surface-strong);border-radius:var(--radius-sm);color:#fff;display:flex;flex:0 0 auto;height:2rem;justify-content:center;width:2rem}.provider-banner__icon svg{height:.95rem;width:.95rem}.provider-banner__status>span:last-child,.provider-banner__field{display:grid;min-width:0}.provider-banner strong,.provider-banner small{font-size:.62rem;letter-spacing:.03em}.provider-banner small{color:var(--muted)}.provider-banner code{font-size:.63rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-workspace{display:grid;flex:1 1 auto;gap:.75rem;grid-template-columns:minmax(0,1fr) 21rem;min-height:0}.conversation-panel,.inspector-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:0;overflow:hidden}.conversation-panel{display:flex;flex-direction:column}.inspector-panel{display:flex;flex-direction:column;overflow:auto}.panel-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;height:3rem;justify-content:space-between;padding:0 .85rem}.panel-heading>div{display:grid}.panel-heading strong{font-size:.72rem}.panel-heading span{color:var(--muted);font-size:.61rem}.panel-heading>svg{color:var(--muted);height:1rem;width:1rem}.flow-status{border:1px solid var(--line);border-radius:999px;color:var(--muted-strong)!important;font-size:.56rem!important;font-weight:750;letter-spacing:.08em;padding:.2rem .45rem}.conversation-scroll{background-image:radial-gradient(#dedede .6px,transparent .6px);background-size:16px 16px;flex:1 1 auto;min-height:0;overflow:auto;padding:1.1rem max(1rem,calc((100% - 46rem)/2))}.play-placeholder{align-items:center;background:#ffffffeb;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;margin:min(12vh,5rem) auto 0;max-width:24rem;padding:2rem;text-align:center;width:100%}.play-placeholder>span{align-items:center;background:var(--surface-strong);border-radius:50%;color:#fff;display:flex;height:2.8rem;justify-content:center;margin-bottom:.75rem;width:2.8rem}.play-placeholder svg{height:1rem;margin-left:.12rem;width:1rem}.play-placeholder p{color:var(--muted);font-size:.7rem;margin:.25rem 0 0}.timeline-entry{display:grid}.exchange-label{align-items:center;display:flex;gap:.65rem;margin:.7rem 0}.exchange-label span{color:var(--muted);font-size:.57rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.exchange-label i{background:var(--line);height:1px;width:100%}.event-card{align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:grid;gap:.75rem;grid-template-columns:2rem minmax(0,1fr);margin-bottom:.55rem;padding:.78rem;text-align:left;width:100%}.event-card:hover,.event-card--active{border-color:var(--line-strong);box-shadow:0 2px 7px #0000000f}.event-card--active{box-shadow:inset 3px 0 var(--ink),0 2px 7px #0000000f}.event-card--reasoning{background:#f8f8f8;border-style:dashed}.event-card--tool-call,.event-card--tool-result{background:#fcfcfc}.event-avatar{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;height:2rem;justify-content:center}.event-avatar svg{height:.95rem;width:.95rem}.event-body,.event-meta{min-width:0}.event-meta{align-items:center;display:flex;justify-content:space-between}.event-meta strong{font-size:.68rem;text-transform:capitalize}.event-meta small{color:var(--muted);font-size:.54rem;font-weight:750;letter-spacing:.07em}.event-body p{margin:.32rem 0 0;white-space:pre-wrap}.event-body pre{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.65rem;margin:.45rem 0 0;max-height:11rem;overflow:auto;padding:.55rem;white-space:pre-wrap}.tool-name{display:inline-block;font-size:.68rem;font-weight:700;margin-top:.34rem}.timeline-cursor{align-items:center;color:var(--muted);display:flex;font-size:.6rem;gap:.5rem;justify-content:center;margin:.8rem 0}.timeline-cursor span{animation:pulse 1.5s ease-in-out infinite;background:var(--ink);border-radius:50%;height:.4rem;width:.4rem}.player-bar{align-items:center;border-top:1px solid var(--line);display:flex;flex:0 0 auto;gap:.2rem;min-height:3.65rem;padding:.5rem .7rem}.player-time{color:var(--muted);font-family:monospace;font-size:.62rem;margin:0 .4rem;white-space:nowrap}.player-bar input[type=range]{accent-color:var(--ink);flex:1;min-width:3rem}.inspector-facts{display:grid;gap:0;margin:0;padding:.7rem .85rem}.inspector-facts>div{border-bottom:1px solid var(--line);display:grid;gap:.75rem;grid-template-columns:5rem minmax(0,1fr);padding:.52rem 0}.inspector-facts>div:last-child{border-bottom:0}.inspector-facts dt{color:var(--muted);font-size:.62rem}.inspector-facts dd{font-size:.65rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.raw-heading{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:.6rem .85rem}.raw-heading strong,.raw-heading span{font-size:.62rem}.raw-heading span{color:var(--muted)}.json-inspector{background:#f8f8f8;flex:1;font-size:.62rem;margin:0;min-height:10rem;overflow:auto;padding:.85rem;white-space:pre-wrap}.warning-box{border-top:1px solid var(--line);padding:.75rem .85rem}.warning-box strong,.warning-box p{font-size:.62rem}.warning-box p{color:var(--muted);margin:.35rem 0 0}.api-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.api-card__heading{align-items:center;display:flex;gap:.75rem;padding:1rem}.api-card__heading>svg{height:1.2rem;width:1.2rem}.api-card h2,.api-card p{margin:0}.api-card h2{font-size:.84rem}.api-card p{color:var(--muted);font-size:.68rem}.api-card pre{background:#f7f7f7;border-top:1px solid var(--line);font-size:.72rem;margin:0;overflow:auto;padding:1rem}.dialog-backdrop{background:#00000061;inset:0;position:fixed;transition:opacity .15s ease;z-index:100}.dialog-viewport{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:101}.dialog-popup{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 24px 60px #00000038;max-height:min(90vh,48rem);overflow:auto;padding:1.1rem;width:min(38rem,100%)}.dialog-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.dialog-heading [data-base-ui-dialog-title]{font-size:1rem;font-weight:720}.dialog-heading [data-base-ui-dialog-description]{color:var(--muted);font-size:.7rem;margin-top:.22rem}.icon-button{align-items:center;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.icon-button:hover{background:var(--surface-subtle)}.icon-button svg{height:1rem;width:1rem}.import-form{display:grid;gap:.65rem;margin-top:1rem}.drop-zone{align-items:center;background:var(--surface-subtle);border:1px dashed var(--line-strong);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;min-height:7rem;padding:1rem}.drop-zone:hover{background:#eee}.drop-zone svg{height:1.4rem;margin-bottom:.45rem;width:1.4rem}.drop-zone strong{font-size:.74rem}.drop-zone span,.field-label{color:var(--muted);font-size:.64rem}.field-label{color:var(--muted-strong);font-weight:650;margin-top:.25rem}.import-divider{align-items:center;display:flex;gap:.65rem;margin:.35rem 0 0;text-align:center}.import-divider:before,.import-divider:after{background:var(--line);content:"";height:1px;width:100%}.import-divider span{white-space:nowrap}textarea{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-family:monospace;font-size:.68rem;padding:.7rem;resize:vertical;width:100%}.form-error{border-left:3px solid var(--ink);font-size:.68rem;margin:0;padding-left:.6rem}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.45rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media(max-width:900px){.workspace-shell{grid-template-columns:14rem minmax(0,1fr)}.studio-workspace{grid-template-columns:minmax(0,1fr);overflow:auto}.conversation-panel{min-height:35rem}.inspector-panel{min-height:22rem}.studio-page{height:auto;min-height:100%}.provider-banner{grid-template-columns:minmax(11rem,auto) minmax(12rem,1fr) auto}.provider-banner__run-id{display:none}}@media(max-width:680px){.context-label,.provider-status{display:none}.rail-toggle{display:inline-flex;margin-left:auto}.workspace-shell{display:block;position:relative}.thread-rail{bottom:0;box-shadow:12px 0 30px #00000029;left:0;position:absolute;top:0;transform:translate(-105%);transition:transform .18s ease;width:min(19rem,86vw);z-index:30}.thread-rail--open{transform:translate(0)}.thread-rail-backdrop{background:#00000047;border:0;cursor:default;display:block;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease;z-index:25}.thread-rail-backdrop--open{opacity:1;pointer-events:auto}.main-content{height:100%}.overview-page,.document-page{padding:1.2rem}.page-header,.studio-header{align-items:stretch;flex-direction:column}.overview-metrics{grid-template-columns:1fr}.overview-thread-card{grid-template-columns:2.25rem minmax(0,1fr) auto}.overview-thread-card__meta{display:none}.studio-page{padding:.65rem}.studio-header__actions{flex-wrap:wrap}.provider-banner{align-items:stretch;grid-template-columns:minmax(0,1fr)}.provider-banner__run-id{display:grid}.provider-banner .button{width:100%}.conversation-scroll{padding:.75rem}.player-bar{gap:0;padding-inline:.35rem}.player-bar .button--icon{height:2rem;width:2rem}.player-time{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}