#real-robot{scroll-margin-top:24px}.robot-guide{font-size:13px;color:#6a807b;margin:0 0 20px}.robot-category{padding:24px 0 32px;border-top:1px solid #d3e2dc;scroll-margin-top:24px}.robot-category-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}.robot-category-heading h4{font:600 26px/1.3 Arial,sans-serif;color:#24474a;margin:0}.robot-category-heading>span{font-size:12px;color:#748883}.robot-view-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.robot-view-switch button,.robot-playback button{border:1px solid #b9d3c9;background:transparent;color:#287b80;border-radius:18px;padding:8px 15px;font:500 12px/1.3 Arial,sans-serif;cursor:pointer}.robot-view-switch button[aria-pressed=true]{background:#e0f2eb;border-color:#75b1af;color:#0e6d77}.robot-trial-id{font-size:11px;color:#78918a}.robot-case p{margin:4px 0 17px;font-size:17px;line-height:1.5;color:#2b4a4d}.robot-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.robot-method{display:grid;gap:12px;min-width:0}.robot-method h5{display:flex;align-items:center;justify-content:space-between;margin:0;font:600 18px Arial,sans-serif;color:#24474a}.robot-method:first-child h5{color:#13808d}.robot-outcome{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:4px 8px;font:600 11px/1.3 Arial,sans-serif;white-space:nowrap}.robot-outcome.success{color:#257451;background:#e4f2e9}.robot-outcome.failure{color:#a84e43;background:#f9eae6}.robot-panel{margin:0;min-width:0;border:1px solid #d0e1da;border-radius:8px;overflow:hidden;background:#f5f9f5}.robot-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;min-height:33px;font:600 12px/1.4 Arial,sans-serif;color:#416464}.robot-panel video{display:block;width:100%;height:auto;object-fit:contain;background:#e8efe9}.robot-execution video{aspect-ratio:16/9}.robot-overlay video,.robot-generated video{aspect-ratio:5/3}.robot-cloud video{aspect-ratio:3/1}.robot-cloud-pair{display:grid;gap:14px}.robot-stage.generation{grid-template-columns:1.3fr 1fr}.robot-playback{display:flex;align-items:center;gap:8px;margin-top:15px}.robot-status{font-size:11px;color:#a84e43}.robot-category .video-dot:nth-child(3n){margin-right:7px}.robot-comparison{margin-bottom:26px}@media(max-width:650px){.robot-stage{gap:10px}.robot-stage.generation{grid-template-columns:1fr}.robot-method{gap:9px}.robot-method h5{font-size:16px}.robot-outcome{font-size:10px;padding:3px 5px}.robot-panel figcaption{font-size:10px;padding:6px}.robot-category-heading h4{font-size:22px}.robot-case p{font-size:14px}.robot-category .video-dot:nth-child(3n){margin-right:2px}.robot-category .video-carousel{gap:7px}.robot-category .video-dots{gap:5px}.robot-category .video-dot{flex-basis:10px;width:10px;height:10px}}@media(max-width:420px){.robot-stage.execution{grid-template-columns:1fr}.robot-view-switch button{font-size:11px;padding:8px 10px}}

.robot-metric-summary{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 28px}.robot-metric-summary>div{padding:20px 24px;border:1px solid #cbded6;border-radius:12px;background:#f6faf6}.robot-metric-summary h4{font:600 16px/1.4 Arial,sans-serif;margin:0 0 14px;color:#416464}.robot-metric-summary p{display:flex;align-items:baseline;gap:14px;margin:7px 0}.robot-metric-summary p>span{min-width:82px;font-size:14px}.robot-metric-summary strong{font:600 28px/1.3 Arial,sans-serif;color:#13808d}.robot-metric-summary p:last-child strong{color:#697f7c}.robot-metric-summary small{font-size:12px;color:#748883}.robot-dual-table{min-width:720px}.robot-dual-table th:first-child{width:52%}.robot-dual-table thead tr:last-child th:first-child{width:auto;padding-left:16px}.robot-dual-table td{white-space:nowrap}.robot-dual-table th[colspan="2"]{text-align:center}.robot-dual-table .total-row small{font-weight:400;color:#748883}.robot-panel figcaption{flex-wrap:wrap}.robot-panel .robot-outcome{font-size:10px}@media(max-width:600px){.robot-metric-summary{gap:10px}.robot-metric-summary>div{padding:12px}.robot-metric-summary h4{font-size:13px}.robot-metric-summary p{flex-wrap:wrap;gap:5px 10px}.robot-metric-summary p>span{min-width:65px;font-size:12px}.robot-metric-summary strong{font-size:22px}.robot-panel figcaption{align-items:flex-start}.robot-panel .robot-outcome{font-size:9px}}

/* Orbitable 3D geometry, loaded only for the active trial. */
.flow3d canvas{display:block;width:100%;aspect-ratio:5/3;touch-action:none;cursor:grab;background:#f5f8f7}
.flow3d canvas:active{cursor:grabbing}.flow3d-hint{font:11px/1.5 Arial,sans-serif;color:#617d7f;margin:6px 12px}
.flow3d-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:6px 12px 12px;font:12px/1.5 Arial,sans-serif;color:#416464}
.flow3d-controls button{border:1px solid #b9d3c9;border-radius:15px;background:transparent;color:#287b80;padding:5px 10px;cursor:pointer}
.flow3d-controls label{display:flex;align-items:center;gap:5px}.flow3d-controls input{accent-color:#168fa4;max-width:85px}.flow3d-controls .flow3d-time{width:100%}.flow3d-time input{flex:1;max-width:none;min-width:0}.flow3d-time output{min-width:48px;font-variant-numeric:tabular-nums}.flow3d-loading{margin:8px 12px;font-size:13px}