: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,select,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,select: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}.session-run-controls{align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.session-run-controls label{display:grid;gap:.22rem}.session-run-controls label>span{color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.session-run-controls select{background:var(--paper);font-size:.65rem;height:2.35rem;max-width:12rem;min-width:8.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-avatar>span{font-size:.63rem;font-weight:750}.session-invocation-list{padding-left:max(1rem,calc((100% - 48rem)/2));padding-right:max(1rem,calc((100% - 48rem)/2))}.session-invocation .event-body>small{color:var(--muted);display:block;font-size:.58rem;margin-top:.45rem}.journal-list{display:grid;gap:.55rem;padding:.75rem}.journal-list .state-surface{font-size:.66rem;min-height:8rem;padding:1rem}.journal-entry{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem}.journal-entry>div{align-items:center;display:flex;justify-content:space-between}.journal-entry strong{font-size:.66rem;text-transform:uppercase}.journal-entry span,.journal-entry p{color:var(--muted);font-size:.6rem}.journal-entry p{margin:.45rem 0 0}.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}.provider-onboarding-page{max-width:76rem}.provider-page-header{margin-bottom:1.5rem}.provider-steps{display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0 0 2rem;padding:0}.provider-step{align-items:center;color:var(--muted);display:flex;gap:.55rem;min-width:0;position:relative}.provider-step:not(:last-child):after{background:var(--line-strong);content:"";height:1px;left:2.25rem;position:absolute;right:.6rem;top:1rem}.provider-step>span{align-items:center;background:var(--paper);border:1px solid var(--line-strong);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:.68rem;height:2rem;justify-content:center;position:relative;width:2rem;z-index:1}.provider-step>span svg{height:.85rem;width:.85rem}.provider-step strong{background:var(--surface);font-size:.72rem;padding-right:.55rem;position:relative;z-index:1}.provider-step--done{color:var(--ink)}.provider-step--done>span{background:var(--surface-strong);border-color:var(--surface-strong);color:#fff}.provider-section{margin-top:1.75rem}.provider-section-heading,.provider-section-heading>div,.provider-section-heading>div>div{min-width:0}.provider-section-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.provider-section-heading>div{align-items:flex-start;display:flex;gap:.65rem}.provider-section-heading>div>span{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:.62rem;font-weight:750;height:1.6rem;justify-content:center;width:1.6rem}.provider-section-heading h2,.provider-section-heading p{margin:0}.provider-section-heading h2{font-size:.92rem}.provider-section-heading p,.provider-section-heading>a{color:var(--muted);font-size:.68rem}.provider-section-heading>a{text-decoration:underline;text-underline-offset:.18rem;white-space:nowrap}.provider-session-summary{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:1rem;grid-template-columns:minmax(14rem,1fr) repeat(3,minmax(6rem,auto));min-width:0;padding:.9rem}.provider-session-summary__title{align-items:center;display:grid;gap:.7rem;grid-template-columns:2rem minmax(0,1fr);min-width:0}.provider-session-summary__title>svg{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);height:2rem;padding:.5rem;width:2rem}.provider-session-summary__title>span,.provider-session-fact{display:grid;min-width:0}.provider-session-summary strong,.provider-session-summary small,.provider-session-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-session-summary strong{font-size:.7rem}.provider-session-summary small,.provider-session-fact span{color:var(--muted);font-size:.61rem}.provider-session-fact{justify-items:end}.provider-session-fact strong{max-width:12rem}.provider-methods{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.provider-method-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:grid;gap:.55rem;min-height:9.25rem;min-width:0;padding:.85rem;position:relative}.provider-method-card:hover{border-color:var(--line-strong)}.provider-method-card--selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.provider-method-card__heading,.provider-method-card__heading>span{align-items:center;display:flex;gap:.45rem}.provider-method-card__heading{justify-content:space-between;padding-right:1.45rem}.provider-method-card__heading svg{height:.95rem;width:.95rem}.provider-method-card__heading strong{font-size:.75rem}.provider-method-card__heading>small{background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;font-size:.55rem;padding:.18rem .35rem}.provider-method-card>code{background:var(--surface-subtle);border-radius:.2rem;font-size:.66rem;justify-self:start;max-width:100%;overflow:hidden;padding:.15rem .3rem;text-overflow:ellipsis;white-space:nowrap}.provider-method-card>p{color:var(--muted);font-size:.68rem;margin:0}.provider-method-radio{align-items:center;background:var(--paper);border:1px solid var(--line-strong);border-radius:50%;display:inline-flex;height:1rem;justify-content:center;position:absolute;right:.75rem;top:.85rem;width:1rem}.provider-method-radio[data-checked]{border-color:var(--ink)}.provider-method-radio__indicator{background:var(--ink);border-radius:50%;height:.5rem;width:.5rem}.provider-setup-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1.65fr) minmax(15rem,.75fr);min-width:0}.provider-code-surface,.provider-test-surface{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.provider-code-surface__heading,.provider-test-surface__heading{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.5rem;justify-content:space-between;min-height:3rem;padding:.55rem .75rem}.provider-code-surface__heading strong,.provider-test-surface__heading strong{font-size:.72rem}.provider-test-surface__heading{justify-content:flex-start}.provider-test-surface__heading svg{height:.95rem;width:.95rem}.provider-code-surface pre{background:#f7f7f7;font-size:.68rem;margin:0;min-height:20rem;overflow:auto;padding:1rem;white-space:pre-wrap}.provider-code-surface pre code{overflow-wrap:anywhere}.provider-test-surface{display:flex;flex-direction:column}.provider-test-surface>ul{display:grid;gap:.85rem;list-style:none;margin:0;padding:.9rem}.provider-test-surface>ul li{align-items:flex-start;display:grid;gap:.55rem;grid-template-columns:1.4rem minmax(0,1fr)}.provider-test-surface>ul li>span{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:50%;display:flex;height:1.4rem;justify-content:center;width:1.4rem}.provider-test-surface>ul li svg{height:.72rem;width:.72rem}.provider-test-surface>ul li div{display:grid;min-width:0}.provider-test-surface>ul strong{font-size:.68rem}.provider-test-surface>ul small{color:var(--muted);font-size:.61rem;overflow-wrap:anywhere}.provider-run-status{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;gap:.45rem;margin:auto .75rem .75rem;min-width:0;padding:.65rem}.provider-run-status--verified{border-color:var(--ink);box-shadow:inset 3px 0 var(--ink)}.provider-run-status>span{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.provider-run-status strong,.provider-run-status small{font-size:.62rem}.provider-run-status small{color:var(--muted)}.provider-run-status code{font-size:.59rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.provider-actions>p{color:var(--muted);font-size:.66rem;margin:0;max-width:38rem}.provider-actions>div{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.provider-action-status{border-left:3px solid var(--ink);color:var(--muted-strong);font-size:.66rem;min-height:1.35rem;padding:.18rem 0 .18rem .6rem}.provider-inline-error{border:1px solid var(--ink);border-radius:var(--radius-sm);font-size:.66rem;margin:0;padding:.65rem}.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%}.import-form select{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:.72rem;min-height:2.35rem;padding:.45rem .6rem;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}.provider-setup-grid{grid-template-columns:minmax(0,1fr)}.provider-code-surface pre{min-height:17rem}}@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}.provider-steps{margin-bottom:1.5rem}.provider-step strong{font-size:.65rem}.provider-section-heading{align-items:flex-start;flex-direction:column}.provider-session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-session-summary__title{grid-column:1 / -1}.provider-session-fact{justify-items:start}.provider-session-fact:last-child{display:none}.provider-methods{grid-template-columns:minmax(0,1fr)}.provider-method-card{min-height:0}.provider-actions{align-items:stretch;flex-direction:column}.provider-actions>div{justify-content:stretch}.provider-actions .button{flex:1 1 auto}}@media(max-width:430px){.provider-step strong{display:none}.provider-step:not(:last-child):after{left:2rem;right:0}.provider-session-summary{grid-template-columns:minmax(0,1fr)}.provider-session-fact{display:none}.provider-actions>div{display:grid;grid-template-columns:minmax(0,1fr)}.provider-actions .button{min-width:0;width:100%}.provider-code-surface__heading{align-items:flex-start;flex-direction:column}.provider-code-surface__heading .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.replay-session-page{gap:.7rem;padding:.9rem}.replay-studio-header{align-items:flex-end;display:flex;flex:0 0 auto;gap:1.25rem;justify-content:space-between;min-width:0}.replay-studio-header__title{min-width:0}.replay-studio-header__title h1{font-size:1.18rem;margin:.1rem 0 .16rem;max-width:min(48rem,52vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-studio-header__title p{color:var(--muted);font-size:.64rem;margin:0}.replay-studio-header__controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.replay-studio-header__controls label{display:grid;gap:.18rem}.replay-studio-header__controls label>span,.replay-fork-point small{color:var(--muted);font-size:.54rem;font-weight:720;letter-spacing:.07em;text-transform:uppercase}.replay-studio-header__controls select{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.65rem;height:2.35rem;min-width:8.5rem;padding:0 1.8rem 0 .58rem}.replay-fork-point{align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;gap:.45rem;height:2.35rem;max-width:10rem;padding:0 .58rem}.replay-fork-point>svg{color:var(--muted);flex:0 0 auto;height:.85rem;width:.85rem}.replay-fork-point>span{display:grid;min-width:0}.replay-fork-point small,.replay-fork-point strong{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-fork-point strong{font-size:.61rem}.replay-inline-error{background:var(--paper);border:1px solid var(--ink);border-left-width:3px;border-radius:var(--radius-sm);font-size:.66rem;padding:.55rem .7rem}.replay-run-strip{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex:0 0 auto;gap:1rem;justify-content:space-between;min-height:2.85rem;padding:.35rem .45rem .35rem .7rem}.replay-run-strip__state,.replay-run-strip__provider{align-items:center;display:flex;min-width:0}.replay-run-strip__state{gap:.58rem}.replay-run-strip__state strong{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}.replay-run-strip__state>span:not(.replay-status-dot){border-left:1px solid var(--line);color:var(--muted);font-size:.6rem;padding-left:.58rem;white-space:nowrap}.replay-status-dot{background:var(--line-strong);border-radius:50%;height:.42rem;width:.42rem}.replay-status-dot--playing{animation:pulse 1.4s ease-in-out infinite;background:var(--ink)}.replay-status-dot--complete{background:var(--ink);box-shadow:0 0 0 2px var(--line)}.replay-run-strip__provider{gap:.45rem}.replay-run-strip__provider>svg{color:var(--muted);height:.9rem;width:.9rem}.replay-run-strip__provider>span{display:grid;max-width:min(29rem,33vw);min-width:0}.replay-run-strip__provider strong{font-size:.58rem}.replay-run-strip__provider code{color:var(--muted);font-size:.55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-run-strip__empty{color:var(--muted);font-size:.6rem;padding-right:.4rem}.replay-studio-workspace{display:grid;flex:1 1 auto;gap:.7rem;grid-template-columns:minmax(0,1fr) minmax(22rem,24rem);min-height:0}.replay-conversation-panel,.replay-inspector{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:0;overflow:hidden}.replay-conversation-panel{display:flex;flex-direction:column}.replay-panel-heading,.replay-inspector__header{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;height:2.8rem;justify-content:space-between;padding:0 .75rem}.replay-panel-heading>div,.replay-inspector__header>div{display:grid}.replay-panel-heading strong,.replay-inspector__header strong{font-size:.68rem}.replay-panel-heading span,.replay-inspector__header span{color:var(--muted);font-size:.57rem}.replay-flow-status{border:1px solid var(--line);border-radius:999px;color:var(--muted-strong)!important;font-size:.52rem!important;font-weight:760;letter-spacing:.08em;padding:.16rem .4rem;text-transform:uppercase}.replay-flow-status--playing{border-color:var(--line-strong);color:var(--ink)!important}.replay-thread-root{display:flex;flex:1 1 auto;min-height:0}.replay-thread-viewport{background:linear-gradient(#fafafad1,#fafafad1),radial-gradient(#d8d8d8 .55px,transparent .55px);background-size:auto,17px 17px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem max(1rem,calc((100% - 48rem)/2)) 2.5rem;scroll-behavior:smooth}.replay-thread-messages{display:grid;gap:.9rem;margin:0 auto;max-width:48rem}.replay-empty-thread{align-items:center;background:#fffffff0;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin:min(13vh,5.5rem) auto 0;max-width:26rem;padding:2rem;text-align:center}.replay-empty-thread>span{align-items:center;background:var(--surface-strong);border-radius:50%;color:#fff;display:flex;height:2.7rem;justify-content:center;margin-bottom:.72rem;width:2.7rem}.replay-empty-thread svg{height:.9rem;margin-left:.12rem;width:.9rem}.replay-empty-thread p{color:var(--muted);font-size:.68rem;margin:.25rem 0 .9rem}.replay-empty-thread button{background:var(--surface-strong);border:0;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.64rem;font-weight:680;min-height:2.2rem;padding:0 .8rem}.replay-context-message details{background:#ffffffe0;border:1px dashed var(--line-strong);border-radius:var(--radius-sm)}.replay-context-message summary,.replay-work-group>summary,.replay-tool-part>summary{align-items:center;cursor:pointer;display:flex;gap:.55rem;list-style:none}.replay-context-message summary{min-height:2.7rem;padding:.45rem .65rem}.replay-context-message summary::-webkit-details-marker,.replay-work-group>summary::-webkit-details-marker,.replay-tool-part>summary::-webkit-details-marker{display:none}.replay-context-message summary>svg:first-child,.replay-work-group>summary>svg:first-child{color:var(--muted);height:.88rem;width:.88rem}.replay-context-message summary>span,.replay-work-group>summary>span,.replay-tool-part>summary>span:nth-child(2){display:grid;flex:1}.replay-context-message summary strong,.replay-work-group summary strong,.replay-tool-part summary strong{font-size:.63rem}.replay-context-message summary small,.replay-work-group summary small,.replay-tool-part summary small{color:var(--muted);font-size:.55rem}.replay-context-message summary>svg:last-child,.replay-work-group>summary>svg:last-child,.replay-tool-part>summary>svg:last-child{height:.8rem;transition:transform .14s ease;width:.8rem}.replay-context-message details[open] summary>svg:last-child,.replay-work-group[open]>summary>svg:last-child,.replay-tool-part[open]>summary>svg:last-child{transform:rotate(180deg)}.replay-plain-text{border-top:1px dashed var(--line);color:var(--muted-strong);font-family:monospace;font-size:.61rem;margin:0;max-height:16rem;overflow:auto;padding:.7rem;white-space:pre-wrap}.replay-message{align-items:flex-start;display:grid;gap:.65rem;grid-template-columns:1.9rem minmax(0,1fr);scroll-margin:1rem}.replay-message--user{margin-left:clamp(1.5rem,12%,6rem)}.replay-message__avatar{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;display:flex;height:1.9rem;justify-content:center;width:1.9rem}.replay-message--assistant .replay-message__avatar{background:var(--surface-strong);color:#fff}.replay-message__avatar svg{height:.85rem;width:.85rem}.replay-message__body{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #00000005;min-width:0;overflow:hidden;padding:.75rem .82rem;transition:border-color .12s ease,box-shadow .12s ease}.replay-message--user .replay-message__body{background:#f7f7f7}.replay-message:hover .replay-message__body,.replay-message--active .replay-message__body{border-color:var(--line-strong)}.replay-message--active .replay-message__body{box-shadow:inset 3px 0 var(--ink)}.replay-message__body>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.45rem}.replay-message__body>header strong{font-size:.64rem}.replay-message__body>header span{color:var(--muted);font-size:.54rem}.replay-markdown{color:var(--ink);font-size:.72rem;line-height:1.62;overflow-wrap:anywhere}.replay-markdown>:first-child{margin-top:0}.replay-markdown>:last-child{margin-bottom:0}.replay-markdown p,.replay-markdown ul,.replay-markdown ol,.replay-markdown pre,.replay-markdown blockquote{margin-block:.55rem}.replay-markdown pre,.replay-markdown code{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.28rem}.replay-markdown code{font-size:.64rem;padding:.05rem .22rem}.replay-markdown pre{max-height:24rem;overflow:auto;padding:.7rem}.replay-markdown pre code{background:transparent;border:0;padding:0}.replay-markdown a{text-decoration:underline;text-underline-offset:.16rem}.replay-work-group{background:#fafafa;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);margin:.62rem 0}.replay-work-group>summary{min-height:2.9rem;padding:.5rem .65rem}.replay-work-group__content{border-top:1px dashed var(--line);display:grid;gap:.45rem;padding:.55rem}.replay-reasoning-part,.replay-data-part{align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;gap:.55rem;grid-template-columns:1rem minmax(0,1fr);padding:.58rem}.replay-reasoning-part{cursor:pointer}.replay-reasoning-part:hover{border-color:var(--line-strong)}.replay-reasoning-part>svg,.replay-data-part>svg{color:var(--muted);height:.9rem;margin-top:.08rem;width:.9rem}.replay-reasoning-part strong,.replay-data-part strong{font-size:.61rem}.replay-reasoning-part p{color:var(--muted-strong);display:-webkit-box;font-size:.65rem;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:.2rem 0 0;overflow:hidden;white-space:pre-wrap}.replay-data-part pre{font-size:.6rem;margin:.25rem 0 0;max-height:10rem;overflow:auto;white-space:pre-wrap}.replay-tool-part{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.replay-tool-part:hover{border-color:var(--line-strong)}.replay-tool-part>summary{min-height:3rem;padding:.5rem .58rem}.replay-tool-part__icon{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:.3rem;display:flex;height:1.8rem;justify-content:center;width:1.8rem}.replay-tool-part__icon svg,.replay-tool-part>summary>svg{height:.8rem;width:.8rem}.replay-tool-part>summary>svg:nth-last-child(2){color:var(--muted-strong)}.replay-tool-part__details{border-top:1px solid var(--line);display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.55rem}.replay-tool-part__details>div>strong{color:var(--muted);font-size:.54rem;letter-spacing:.06em;text-transform:uppercase}.replay-tool-part__details pre{background:var(--surface-subtle);border:1px solid var(--line);border-radius:.28rem;font-size:.59rem;margin:.3rem 0 0;max-height:13rem;overflow:auto;padding:.5rem;white-space:pre-wrap}.replay-running-indicator{animation:pulse 1s ease-in-out infinite;background:var(--ink);border-radius:50%;display:block;height:.4rem;width:.4rem}.replay-player{align-items:center;border-top:1px solid var(--line);display:flex;flex:0 0 auto;gap:.15rem;min-height:3.25rem;padding:.4rem .55rem}.replay-player input[type=range]{accent-color:var(--ink);flex:1;min-width:4rem}.replay-player__count{color:var(--muted);font-family:monospace;font-size:.59rem;margin:0 .35rem;white-space:nowrap}.replay-continuation{background:#fafafa;border-top:1px solid var(--line);flex:0 0 auto;padding:.48rem}.replay-composer{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;gap:.55rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.45rem}.replay-composer>svg{color:var(--muted);height:.9rem;margin-left:.25rem;width:.9rem}.replay-composer__field{display:grid;min-width:0}.replay-composer textarea{background:transparent;border:0;color:var(--muted-strong);font-family:inherit;font-size:.67rem;line-height:1.35;min-height:1.25rem;padding:0;resize:none}.replay-composer textarea:focus-visible{outline:0}.replay-composer__field>span{color:var(--muted);font-size:.52rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-inspector{display:flex;flex-direction:column}.replay-inspector__tabs{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 .45rem}.replay-inspector__tabs button{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;display:inline-flex;font-size:.59rem;gap:.3rem;justify-content:center;min-height:2.45rem}.replay-inspector__tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:700}.replay-inspector__tabs button span{align-items:center;background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:.48rem;height:1rem;justify-content:center;min-width:1rem;padding:0 .2rem}.replay-inspector__content{flex:1;min-height:0;overflow:auto}.replay-inspector__facts{margin:0;padding:.55rem .75rem}.replay-inspector__facts>div{border-bottom:1px solid var(--line);display:grid;gap:.65rem;grid-template-columns:5.5rem minmax(0,1fr);padding:.48rem 0}.replay-inspector__facts>div:last-child{border-bottom:0}.replay-inspector__facts dt{color:var(--muted);font-size:.59rem}.replay-inspector__facts dd{font-size:.62rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-inspector__selection{border-top:1px solid var(--line);padding:.7rem .75rem}.replay-inspector__selection>strong{font-size:.61rem}.replay-inspector__selection pre,.replay-inspector__json{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.59rem;margin:.45rem 0 0;overflow:auto;padding:.65rem;white-space:pre-wrap}.replay-inspector__json{border:0;border-radius:0;margin:0;min-height:100%}.replay-inspector__note{background:var(--surface-subtle);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:.64rem;margin:.75rem;padding:.8rem}.replay-journal-list{display:grid;gap:.5rem;padding:.65rem}.replay-journal-list article{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem}.replay-journal-list article>header{align-items:center;display:grid;gap:.4rem;grid-template-columns:auto minmax(0,1fr) auto}.replay-journal-list article strong{font-size:.59rem;text-transform:uppercase}.replay-journal-list article small,.replay-journal-list article p,.replay-journal-list article>code{color:var(--muted);font-size:.56rem}.replay-journal-list article>code{display:block;margin-top:.4rem}.replay-journal-list article p{margin:.4rem 0 0}.replay-journal-outcome{background:var(--line-strong);border-radius:50%;height:.4rem;width:.4rem}.replay-journal-outcome--matched,.replay-journal-outcome--replay-complete{background:var(--ink)}.replay-journal-outcome--mismatch{background:#fff;border:1px solid var(--ink)}@media(max-width:1100px){.replay-studio-header{align-items:stretch;flex-direction:column}.replay-studio-header__title h1{max-width:80vw}.replay-studio-header__controls{justify-content:flex-start}}@media(max-width:900px){.replay-session-page{height:auto;min-height:100%}.replay-studio-workspace{grid-template-columns:minmax(0,1fr)}.replay-conversation-panel{min-height:min(48rem,calc(100vh - 7rem))}.replay-inspector{min-height:24rem}.replay-run-strip__state>span:nth-last-child(-n+2){display:none}}@media(max-width:680px){.replay-session-page{padding:.55rem}.replay-studio-header__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.replay-studio-header__controls label,.replay-studio-header__controls select,.replay-studio-header__controls>.button,.replay-fork-point{max-width:none;width:100%}.replay-run-strip{align-items:stretch;flex-direction:column;gap:.35rem}.replay-run-strip__provider>span{max-width:none}.replay-run-strip__provider{border-top:1px solid var(--line);padding-top:.35rem}.replay-thread-viewport{padding:.7rem .55rem 1.8rem}.replay-message{gap:.4rem;grid-template-columns:1.65rem minmax(0,1fr)}.replay-message--user{margin-left:.75rem}.replay-message__avatar{height:1.65rem;width:1.65rem}.replay-message__body{padding:.65rem}.replay-tool-part__details{grid-template-columns:minmax(0,1fr)}.replay-player{padding-inline:.3rem}.replay-player .button--icon{height:2rem;width:2rem}.replay-player__count{display:none}.replay-composer{grid-template-columns:auto minmax(0,1fr)}.replay-composer>.button{grid-column:1 / -1;width:100%}}.route-loading{align-items:center;color:var(--muted-foreground);display:flex;font-size:.82rem;gap:.65rem;min-height:calc(100vh - 7rem);justify-content:center}.route-loading__pulse{animation:route-loading-pulse 1.2s ease-in-out infinite;background:var(--foreground);border-radius:999px;height:.5rem;width:.5rem}@keyframes route-loading-pulse{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}