@font-face{font-family:Satoshi;src:url(Satoshi-Regular.woff2)}@font-face{font-family:Space;src:url(SpaceGrotesk-Regular.ttf)}body{margin:0;background:#141414;color:#e6e6e6;font:16px/1.6 Satoshi,system-ui}.wrap{max-width:1104px;margin:64px auto;padding:0 18px}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffb84d}h1,h2{font-family:Space,system-ui;font-weight:500;line-height:1.15}h1{font-size:36px}.example{display:grid;grid-template-columns:minmax(0,1fr) 531.4375px;gap:40px;margin:40px 0}.copy>p{max-width:440px}.boundary,.detail{font-size:13px;color:#a5a5a5}.chapters,.controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}button{font:inherit;color:#dedede;background:#242424;border:1px solid #555;border-radius:4px;padding:8px 12px;min-height:44px;cursor:pointer}.chapters button[aria-pressed=true]{color:#ffb84d;border-color:#927044}.controls button{font-size:13px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid #ffb84d;outline-offset:4px}.annotation{min-height:26px;margin:16px 0;font-size:14px;color:#ffb84d}.demo{min-width:0}.demo [data-player]{padding:0;background:transparent}.demo [data-player] .terminal-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;cursor:pointer}.demo [data-player] .staged-terminal{padding:10px;font-size:13px;min-height:355px}.demo [data-player] .runtime-title{font-size:11px;gap:2px;padding-bottom:8px}.demo [data-player] .runtime-title>span{display:block;width:auto}.demo [data-player] .terminal-content{padding:12px 0;min-height:190px;max-height:280px;overflow:auto;scrollbar-width:thin}.demo [data-player] .terminal-content p{margin:0 0 10px}.demo [data-player] .tool-result{padding-left:8px}.demo [data-player] .envelope{font-size:12px;line-height:1.45}.demo [data-player] .pending-label{font-size:11px}.demo [data-player] .prompt{font-size:12px}.demo [data-player] .status{font-size:10px;padding-left:0}.demo [data-player] .activity{font-size:11px}.typing{display:inline-block;width:7px;height:14px;background:#dedede;vertical-align:-2px}.moment-note{display:inline-block;color:#ffb84d;border-left:2px solid #ffb84d;padding-left:7px;font:12px/1.5 Satoshi,system-ui;margin:0 0 10px}.detail{min-height:40px}a{color:#a5a5a5;text-underline-offset:4px}#explore{margin-top:48px}#player{width:100%;height:1100px;border:0;margin-top:20px}@media(max-width:1100px){.example{display:block}.demo{max-width:531.4375px;margin:32px auto}.copy{max-width:600px}}@media(max-width:600px){.wrap{margin:32px auto}h1{font-size:30px}.demo [data-player] .terminal-pair{grid-template-columns:1fr}.demo [data-player] .staged-terminal{min-height:255px}.demo [data-player] .terminal-content{min-height:100px;max-height:230px}.demo [data-player] .runtime-title{flex-wrap:nowrap;gap:8px}.demo [data-player] .runtime-title>span{width:auto}.demo [data-player] .runtime-title>span:last-child{font-size:10px}.demo [data-player] .status{font-size:11px}}
.demo [data-player] .staged-terminal{height:420px;min-height:0}.demo [data-player] .terminal-content{min-height:0;max-height:none;flex:1}.demo [data-player] .status{min-height:32px}.demo [data-player] .activity{height:16px;flex:none}@media(max-width:600px){.demo [data-player] .staged-terminal{height:300px}.demo [data-player] .status{min-height:20px}}

#detail{display:none}
.transcript{margin-top:16px;font-size:14px;color:#a5a5a5}.transcript summary{cursor:pointer}.transcript h3{font-size:15px}

/* Homepage embeds keep the accepted harness drawing; host owns controls and layout. */
html:has(.card-embed){background:var(--bg)}.card-embed{background:var(--bg)}.card-embed .wrap{max-width:none;margin:0;padding:0}.card-embed .example{display:block;margin:0}.card-embed .demo{margin:0;max-width:none}.card-embed .copy,.card-embed .eyebrow,.card-embed .chapters,.card-embed .controls,.card-embed #explore-link,.card-embed .transcript,.card-embed #explore{display:none}.card-embed .annotation{margin:0 0 8px;font-size:13px;min-height:22px}.card-embed [data-player] .terminal-pair{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:420px){.card-embed [data-player] .terminal-pair{grid-template-columns:1fr}}
@media(min-width:421px){.card-embed .demo [data-player] .staged-terminal{height:420px}.card-embed .demo [data-player] .runtime-title{flex-wrap:nowrap}.card-embed .demo [data-player] .runtime-title>span{width:auto}}

.seat-label{display:none}.seat-card .seat-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font:11px/1.5 var(--mono);color:var(--muted);margin-bottom:10px}.seat-card .demo [data-player] .terminal-pair{grid-template-columns:1fr;cursor:default}.seat-card [data-terminal="left"]{display:none}.seat-card #saved-note{min-width:54px}
@media(min-width:421px){.card-embed .demo [data-player] .staged-terminal{font-size:14px}}