:root{font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292638;background:#f7f7fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:#6257c8;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8176dc;outline-offset:4px}header,footer{max-width:1280px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid #e5e3ed;font-size:.85rem}.brand{display:flex;align-items:center;gap:10px;font-weight:750;color:#292638;font-size:1.1rem}.brand span{font-size:.85rem;font-weight:400;color:#797486}main{max-width:1216px;margin:auto;padding:0 24px}.hero{padding:55px 0 32px}.eyebrow{color:#6257c8;font-weight:650;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;margin:0 0 12px}h1{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px}h2{font-size:1.3rem;letter-spacing:-.02em}.intro{color:#625d73;font-size:1.12rem;max-width:680px}.context{color:#777184;font-size:.86rem;margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px}.section-heading h2{margin:0}.muted{color:#827b8e;font-size:.8rem}.episodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.episode{background:#fff;border:1px solid #e5e2ed;border-radius:16px;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px}.card-heading h3{font-size:1.02rem;letter-spacing:-.015em;margin:0}.outcome{font-size:.68rem;white-space:nowrap;border-radius:20px;padding:5px 9px;font-weight:600}.success{color:#27715a;background:#edf7f1}.miss{color:#8c674b;background:#f7f1eb}.player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#e8e6eb}.player-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-bottom:1px solid #efedf3}.playback-speeds{display:flex;gap:4px}.playback-speeds button{min-width:40px;min-height:32px;padding:3px 7px;font-size:.78rem;border:0;border-radius:6px;background:transparent;color:#787087}.playback-speeds button[aria-pressed=true]{color:#6257c8;background:#efecfa;font-weight:700}.episode-body{padding:17px 20px 19px}.task-description{font-size:.88rem;color:#5e586c;margin:0 0 16px;line-height:1.65}.task-note{font-size:.78rem;color:#83766d;background:#faf7f2;border-radius:7px;padding:9px 11px;margin:0 0 15px}.token-cost{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#7a7387;gap:20px}.token-cost strong{color:#3f394e;font-variant-numeric:tabular-nums;font-weight:600}.links{display:flex;gap:20px;border-top:1px solid #eeebf2;margin-top:15px;padding-top:12px}.links button{color:#6257c8;border:0;background:none;padding:4px 0;font-size:.8rem}.links button:hover{text-decoration:underline}.additional{margin-top:38px;padding-top:22px;border-top:1px solid #e4e0ec}.additional>summary{cursor:pointer;color:#6257c8;font-size:.9rem}.footnote{color:#88818e;font-size:.75rem;margin:30px 0 40px;max-width:800px}footer{font-size:.78rem;color:#8b8393;border-top:1px solid #e5e3ed}dialog{width:min(900px,calc(100% - 32px));max-height:85vh;padding:0 26px 26px;border:1px solid #e3deef;border-radius:16px;box-shadow:0 20px 100px #24203330;color:#292638}dialog::backdrop{background:#29263880}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:white;border-bottom:1px solid #ece8f2;z-index:1}.dialog-heading h2{font-size:1.1rem}.dialog-heading button{border:0;background:#f4f1f9;border-radius:50%;width:34px;height:34px;font-size:1.4rem;color:#736587;flex-shrink:0}#detail-content{padding-top:18px}.instruction{white-space:pre-wrap}.message{padding:14px 0;border-bottom:1px solid #eeeaf3;overflow-wrap:anywhere}.message h3,.message summary{font-size:.85rem;color:#75658b;margin:0 0 10px}.message summary{cursor:pointer}.message pre{font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f5f9;border-radius:8px;padding:12px;max-height:420px;overflow:auto}.message img{max-width:100%;max-height:500px;object-fit:contain}.message .message-text{background:none;padding:0;font-family:inherit;font-size:.85rem}.download{font-size:.8rem}.tool-call strong{font-size:.8rem}.preview-intro{max-width:800px;color:#6b6179}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-grid video{width:100%;aspect-ratio:16/9;background:#e8e6eb}.preview-grid h2{font-size:1rem}.preview-controls{display:flex;gap:12px;align-items:center;margin:22px 0}.preview-controls button{border:1px solid #ded7ec;background:white;padding:8px 18px;border-radius:8px;color:#6257c8}@media(max-width:720px){header,footer{padding:20px}.brand span{display:none}main{padding:0 16px}.hero{padding:34px 4px 25px}.intro{font-size:1rem}.context{font-size:.76rem}.episodes,.preview-grid{grid-template-columns:1fr;gap:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:16px}.card-heading{padding:16px}.card-heading h3{font-size:.95rem}.episode-body{padding:16px}.outcome{font-size:.64rem}.links{gap:24px}.dialog-heading h2{font-size:.95rem}dialog{padding:0 16px 16px}}

.player-controls{gap:10px;flex-wrap:wrap;padding:8px 12px}.camera-views{display:flex;gap:3px;align-items:center}.camera-views button{min-height:32px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#787087;font-size:.76rem}.camera-views button[aria-pressed=true]{color:#6257c8;background:#efecfa;font-weight:700}.view-kind{font-size:.65rem;color:#8b8393;margin-left:3px}.playback-speeds button{min-width:32px;padding:3px 5px}.usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:0}.usage-metrics dt{font-size:.67rem;color:#827b8e;white-space:nowrap}.usage-metrics dd{margin:5px 0 0;font-size:.87rem;font-weight:600;color:#3f394e;font-variant-numeric:tabular-nums}.api-info{display:flex;justify-content:space-between;gap:12px;color:#827b8e;font-size:.72rem;margin-top:16px;overflow-wrap:anywhere}.api-info span:last-child{color:#655c75;text-align:right}.usage-note{font-size:.7rem;color:#8c674b;margin:10px 0 0}@media(max-width:440px){.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-controls{justify-content:center}.camera-views{flex:1}.playback-speeds{gap:1px}.camera-views button{padding:4px 6px}.view-kind{display:none}}

.api-cost{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;color:#655c75;font-size:.85rem}.api-cost strong{color:#3f394e;font-size:1rem;font-variant-numeric:tabular-nums}.camera-views{flex-wrap:wrap}.player-controls{align-items:center}.playback-speeds{margin-left:auto}

#overview{margin:0 0 32px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid #e5e2ed;border-radius:16px;background:#fff;overflow:hidden}.overview-metrics>div{padding:22px 24px}.overview-metrics>div+div{border-left:1px solid #eeebf2}.overview-metrics dt{color:#777184;font-size:.78rem}.overview-metrics dd{margin:7px 0 0;color:#3f394e;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:650;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.overview-metrics>div:nth-child(2) dd{color:#6257c8}.overview-detail{display:block;margin-top:7px;color:#827b8e;font-size:.72rem}.overview-note{margin:10px 0 0;color:#827b8e;font-size:.72rem}@media(max-width:720px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metrics>div{padding:18px 16px}.overview-metrics>div:nth-child(3){border-left:0}.overview-metrics>div:nth-child(n+3){border-top:1px solid #eeebf2}.overview-metrics dt{font-size:.72rem}.overview-detail{font-size:.68rem}}

/* ChemLab result cards share the T2 demo layout. */
.hero{padding-bottom:24px}.intro{max-width:720px}.context{margin-top:20px}.section-note{color:#70697e;font-size:.85rem;max-width:850px;margin:-6px 0 22px}.instrument{margin:0 0 10px;color:#6257c8;font-size:.76rem;font-weight:600}.task-card .episode-body{padding-top:0;display:flex;flex-direction:column;height:calc(100% - 65px)}.task-card .task-description{min-height:48px;margin-bottom:18px}.states{display:flex;gap:14px;margin:0 0 18px;flex:1}.state{background:#f8f7fc;border:1px solid #eeebf6;border-radius:10px;padding:14px 16px;flex:1;min-width:0}.state-label,.state-initial{display:block;color:#7a7289;font-size:.72rem}.state-value{display:block;font-size:1.4rem;color:#493d72;letter-spacing:-.02em;margin:6px 0;font-weight:650;overflow-wrap:anywhere}.state-initial{font-size:.69rem}.task-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.task-metrics dt{color:#827b8e;font-size:.7rem}.task-metrics dd{color:#3f394e;font-size:.85rem;font-weight:600;margin:5px 0 0}.links{flex-wrap:wrap;gap:8px 20px}.links a{font-size:.8rem;padding:4px 0}.native-section{margin-top:42px}.provenance{margin-top:36px;border:1px solid #e5e2ed;border-radius:12px;background:#fff;padding:18px 22px}.provenance>summary{cursor:pointer;color:#6257c8;font-size:.87rem;font-weight:600}.provenance li{margin:8px 0}.provenance p,.provenance li{font-size:.82rem;color:#70697e}.provenance h3{font-size:.9rem}.hash{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.overview-metrics>div:last-child dd{font-size:1.8rem}#detail-content h3{font-size:.9rem;margin-top:24px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;border-bottom:1px solid #eeeaf3;padding:10px 12px 10px 0;min-width:90px}th{color:#75658b;font-size:.75rem}.command{position:relative;border:1px solid #eeeaf3;border-radius:10px;padding:12px 14px;margin:12px 0}.command strong{font-size:.8rem;color:#655579}.command pre{font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}.command-status{font-size:.7rem;color:#27715a}.load-error{color:#a24040;background:#fff1f1;padding:16px;border-radius:10px}#detail-content li{font-size:.85rem;margin:6px 0}.native-card video{width:100%}@media(max-width:440px){.state{padding:12px}.states{gap:8px}.state-value{font-size:1.2rem}.overview-metrics>div:last-child dd{font-size:1.5rem}.brand{font-size:.95rem}header>a:last-child{font-size:.72rem}.provenance{padding:16px}.task-card .task-description{min-height:0}}

.integration-warning { border:1px solid #c89949; background:#fff7e7; color:#5c451f; padding:1rem 1.25rem; border-radius:12px; line-height:1.6; }
.view-controls {display:flex;gap:.5rem;padding:.7rem;background:var(--surface);flex-wrap:wrap;}
.view-controls button[aria-pressed="true"]{background:#6257c8;color:white;}

.view-controls button { border:1px solid #dedaf1; border-radius:999px; padding:.4rem .8rem; background:#f7f6fc; color:#5145a8; font-family:inherit; font-size:.78rem; line-height:1.3; font-weight:600; cursor:pointer; }
.view-controls button:hover { border-color:#6257c8; }
.view-controls button[aria-pressed="true"] { border-color:#6257c8; background:#6257c8; color:white; }

.catalog-section {margin: 2rem 0; padding: 1.2rem; border: 1px solid var(--line, #ddd); border-radius: 14px;}
.catalog-section summary {font-size: 1.1rem; font-weight: 650; cursor: pointer;}
#catalog-search {display: block; width: min(100%, 36rem); padding: .75rem; margin: .6rem 0; border: 1px solid #c6c6d4; border-radius: 8px; font: inherit;}
.catalog-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 1rem;}
.catalog-card {border: 1px solid #dedee8; border-radius: 12px; overflow: hidden; background: white;}
.catalog-card img {display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #eef0f3;}
.catalog-body {padding: 1rem;}
.catalog-body h3 {margin: .35rem 0; font-size: 1rem;}

.catalog-body {overflow-wrap: anywhere;}

/* Keep the overview compact and put supporting detail behind disclosure. */
.hero{padding:34px 0 22px}.hero h1{margin-bottom:14px}.intro{margin:0;font-size:1.05rem}.context{margin:12px 0 0;font-size:.8rem}#overview{margin-bottom:26px}.overview-metrics>div{padding:18px 22px}.overview-metrics>div:last-child dd{font-size:clamp(1.6rem,3vw,2.1rem)}.section-heading>a{font-size:.85rem}.task-metrics dt{font-size:.76rem}.task-metrics dd{font-size:1rem}.native-card .links{margin-top:14px;padding-top:9px}.native-card .links button{font-size:.85rem}.catalog-section label{display:block;margin-top:20px}.catalog-section>summary .muted{margin-left:8px}.catalog-details{margin-top:12px;font-size:.8rem;color:#70697e}.catalog-details summary{font-size:.8rem;font-weight:500;color:#6257c8}.catalog-details p{margin:12px 0;line-height:1.6}.catalog-details a{display:inline-block;margin-bottom:4px}.footnote{margin:22px 0 26px}@media(max-width:720px){.hero{padding:28px 0 22px}.section-heading{flex-direction:row;align-items:center;gap:12px}.section-heading>a{font-size:.78rem}.overview-metrics>div{padding:16px}.overview-metrics dt{font-size:.73rem}.context{font-size:.74rem}}

/* One synchronized video with overview on the left and native screen on the right. */
.episodes{grid-template-columns:minmax(0,1fr)}.player video{aspect-ratio:32/9}.split-labels{display:grid;grid-template-columns:1fr 1fr;padding:9px 0;background:#f8f7fc;color:#6257c8;font-size:.82rem;font-weight:600;text-align:center}.split-labels>span+span{border-left:1px solid #e5e2ed}.native-card .episode-body{display:flex;align-items:center;justify-content:space-between;gap:24px}.native-card .task-metrics{flex:1;max-width:620px}.native-card .links{margin:0;padding:0;border:0;flex-shrink:0}@media(max-width:600px){.split-labels{font-size:.75rem;padding:8px 0}.native-card .episode-body{display:block}.native-card .task-metrics{max-width:none}.native-card .links{margin-top:14px;padding-top:9px;border-top:1px solid #eeebf2}}
