/* A single unfolding Room session; the actual product remains the visual language. */
.session-meta{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.15px;text-transform:none;color:#8c8680}.session-indicator{height:5px;width:5px;border-radius:50%;background:#a99983;box-shadow:0 0 0 3px #aa9b8710}.session-meta button{width:26px;height:26px;display:grid;place-items:center;border:1px solid #e6e1d9;border-radius:50%;padding:0;color:#8c8680;margin-left:5px;transition:background .2s,border-color .2s}.session-meta button:hover{background:#f0ede7;border-color:#c8c0b4}.demo-top{align-items:center;min-height:26px;margin-bottom:12px}.demo-caption{margin-top:15px;padding-top:0;font-size:9px;color:#969086}.actual-room .session-hidden{display:none!important}.actual-room .session-mention{animation:mention-arrives 2s ease-out both}.actual-room .session-file{animation:file-arrives 1.2s ease-out both}.actual-room .ar-session-idle{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#a69e93;font-size:12px;text-align:center}.ar-session-idle .ar-icon{width:22px;height:22px;opacity:.45}.actual-room .ar-session-run-line{font-size:12px;color:#8c8680;padding:8px 0 5px;margin:0;display:flex;align-items:center;gap:7px}.actual-room.session-paused *{animation-play-state:paused!important}.actual-room .ar-run-header{transition:background .5s}.actual-room.session-transfer .ar-run-header{background:#f2eee5}.actual-room .ar-run-reply p{margin-bottom:14px}.session-meta.finished .session-indicator{background:#9ba48c}.session-meta.finished #session-pause{visibility:hidden;pointer-events:none}.hero-stage .room-viewport{cursor:default}
@keyframes session-breathe{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
@keyframes mention-arrives{0%{background:#d9c6a1;box-shadow:0 0 0 4px #dfcfb44d}100%{background:#e7e5e1;box-shadow:0 0 0 0 transparent}}
@keyframes file-arrives{0%{border-color:#b5a387;box-shadow:0 0 0 3px #c4b18c20}100%{border-color:#e8e4de;box-shadow:0 0 0 0 transparent}}
@media(max-width:560px){.session-meta{font-size:8px;gap:6px;max-width:185px;letter-spacing:0}.demo-top>span:first-child{font-size:7px;letter-spacing:.6px}.session-meta button{width:25px;height:25px;margin-left:1px}.session-indicator{width:4px;height:4px}.demo-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.session-meta button{display:none}.actual-room .ar-session-waiting i{animation:none}.actual-room .session-mention,.actual-room .session-file{animation:none}}
.actual-room .handoff-message{margin-top:18px}.actual-room .ar-run-reply>.ar-transcript-file{margin:0 0 16px}.actual-room .handoff-message .ar-message-content{padding-bottom:2px}
/* A short native-scroll passage holds the Room while the handoff unfolds. */
.room-scroll-track{position:relative;width:100%;overflow:visible}.room-scroll-scene{position:sticky;top:var(--room-scene-top,80px);width:100%}.session-meta button{display:none!important}.actual-room.scene-scrubbing .ar-messages{overflow-y:hidden}.actual-room .scroll-mention{background:#dfd2b9;box-shadow:0 0 0 2px #dfd2b926}.session-meta{font-variant-numeric:tabular-nums}.room-scroll-scene .demo-top{margin-top:0}

@media(prefers-reduced-motion:reduce){.room-scroll-scene{position:relative;top:0}.room-scroll-track{height:auto!important}}

/* Observed live Room run status: 12/16px, 6px gaps, 6px green pulse. */
.actual-room .ar-session-waiting{display:flex;align-items:center;gap:6px;min-width:0;margin:6px 0 0;font-size:12px;line-height:16px;color:#6e6863}
.actual-room .ar-session-waiting>.ar-icon{height:12px;width:12px}
.actual-room .ar-session-waiting>strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#16181a}
.actual-room .ar-native-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.actual-room .ar-native-status i,.actual-room #run-status.is-working:before{content:'';display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#4a6552;animation:ar-native-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.actual-room .ar-session-waiting button{padding:0;border:.6px solid transparent;border-radius:6px;color:#4a463f;font-size:12px;line-height:16px;white-space:nowrap;background:transparent}
.actual-room .ar-session-waiting button:hover{text-decoration:underline;text-underline-offset:4px}
.actual-room #run-status.is-working{display:flex;align-items:center;gap:6px;color:#6e6863}
.actual-room.session-transfer .ar-run-header{background:transparent}
.actual-room .ar-view-run{padding:0 0 0 6px;margin-top:4px;line-height:16px;color:#6e6863}
.actual-room .ar-view-run:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes ar-native-pulse{50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){.actual-room .ar-native-status i,.actual-room #run-status.is-working:before{animation:none}}

/* Automatic playback keeps the native working row and makes pending output visible. */
.room-scroll-scene.room-autoplay-scene{position:relative;top:auto}.room-scroll-track{height:auto!important}
.room-autoplay-toggle{position:absolute;right:22px;bottom:12px;z-index:12;width:28px;height:28px;display:grid;place-items:center;border:1px solid #d8d2c8;border-radius:50%;background:#faf9f6d9;color:#6e6863;font-size:11px;cursor:pointer}.room-autoplay-toggle:hover{background:#fff}.room-autoplay-toggle:focus-visible{outline:2px solid #4a6552;outline-offset:3px}.room-autoplay-toggle[hidden]{display:none}
.actual-room .ar-thinking{display:flex;align-items:center;gap:9px;margin-top:22px;color:#8c8680;font-size:12px;line-height:20px}
.ar-thinking-dots{display:inline-flex;gap:3px;align-items:center;height:16px}.ar-thinking-dots i{width:4px;height:4px;border-radius:50%;background:#8b9388;animation:ar-thinking-dot 1.2s ease-in-out infinite}.ar-thinking-dots i:nth-child(2){animation-delay:.16s}.ar-thinking-dots i:nth-child(3){animation-delay:.32s}
.ar-thinking-label{animation:ar-thinking-label 1.8s ease-in-out infinite}.actual-room .ar-native-status i,.actual-room #run-status.is-working:before{animation:ar-native-pulse 1.4s ease-in-out infinite}
@keyframes ar-thinking-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes ar-thinking-label{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.actual-room .ar-thinking *{animation:none!important}}