/* The research room is a working surface, with its own player controls. */
.intro{padding-top:28px;padding-bottom:26px}.intro h1{font-size:42px}.intro p{margin-top:10px}
#researchRoom{position:relative;margin-bottom:28px;scroll-margin-top:90px;border:1px solid #cfdaca;border-radius:13px;box-shadow:0 8px 34px #224c3410;width:100%;outline:none;background:#fbfcf8}
#researchRoom .room-header{padding:17px 22px;gap:20px;background:#fff;min-height:78px}
#researchRoom .room-heading{margin-right:auto}#researchRoom .room-header .mini-label{font-size:10px;letter-spacing:1.1px;color:#73836a;margin-bottom:7px}#researchRoom .room-header h2{font-size:22px;letter-spacing:-.6px;font-weight:500}#researchRoom .room-3d{font-size:10px;letter-spacing:.4px;padding:3px 6px}
#researchRoom .room-mode button{font-size:13px;padding:8px 13px}.room-view-modes{display:flex;gap:4px;border-left:1px solid #dfe7d6;padding-left:16px}.room-view-modes button{font-size:12px;color:#647a57;background:transparent;border:1px solid transparent;padding:8px 10px;border-radius:5px;white-space:nowrap}.room-view-modes button[aria-pressed=true]{border-color:#a9c297;background:#edf4e4;color:#3a602e}
#researchRoom .room-controlbar{padding:12px 20px;gap:16px;align-items:center;background:#f0f4e9;flex-wrap:wrap}#researchRoom .room-primary-actions{width:auto;margin:0;display:flex;gap:8px}#researchRoom .room-primary-actions .button{font-size:13px;padding:10px 14px;min-height:37px}
.room-scene-tools{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.room-scene-tools button{font-size:12px;padding:8px 11px;border-radius:6px;background:#ffffffb0;border:1px solid #d9e3ce;color:#607d4d}.room-scene-tools button[aria-pressed=true]{color:#315630;background:#dfeccc;border-color:#99b67f}
#researchRoom .room-viewport{height:550px;background:radial-gradient(ellipse at 48% 35%,#fbfbf0 0%,#e6eddf 65%,#d9e4d1 100%);transition:background .35s}
#researchRoom .room-overlay{top:19px;left:22px;right:22px;align-items:start}#researchRoom .room-state{font-size:12px;color:#45613d;padding:8px 11px;background:#ffffffd4;border-color:#ccd9bc}#researchRoom .room-stats{font-size:11px;background:#ffffffb5;padding:8px 11px;border-radius:7px;color:#667e58;gap:16px;flex-wrap:wrap;justify-content:flex-end}#researchRoom .room-stats b{color:#365e32}
#researchRoom .room-label{font-size:12px;padding:8px 11px;border-radius:6px;color:#486a39;background:#fffffff0;border-color:#b4c99f;box-shadow:0 4px 12px #344c2920}.room-label:focus-visible{outline:3px solid #a1be73;outline-offset:3px}#researchRoom .room-label.active{background:#315c46;color:#f2f8e5}#researchRoom .room-label.secondary{font-size:11px}
.room-navigator{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:3px;background:#ffffffe0;backdrop-filter:blur(12px);border:1px solid #ccd8bf;border-radius:8px;padding:4px;box-shadow:0 4px 12px #30462112;max-width:calc(100% - 26px)}.room-navigator button{border:0;border-radius:4px;background:none;color:#647c51;font-size:12px;padding:8px 12px;white-space:nowrap}.room-navigator button[aria-pressed=true]{background:#e2edcf;color:#325428}
#researchRoom .room-camera{left:20px;right:20px;bottom:12px;gap:6px}#researchRoom .room-camera>span{font-size:11px;color:#657b59}#researchRoom .room-camera button{width:32px;height:30px;background:#ffffffe0;border-color:#c7d5b7;color:#557446}.room-camera button:disabled{opacity:.4}
#researchRoom .room-hover{bottom:100px;left:20px;font-size:12px}#researchRoom .room-alert{bottom:100px;font-size:12px;white-space:normal;max-width:90%;text-align:center}
#researchRoom .room-inspector{width:280px;top:64px;right:18px;max-height:calc(100% - 165px);padding:18px;border:1px solid #b9cfa5;background:#ffffffed;box-shadow:0 10px 35px #29432125;border-radius:10px}#researchRoom .inspector-heading{margin-bottom:12px}#researchRoom .inspector-heading span{font-size:10px}#researchRoom .inspector-heading button{width:29px;height:29px}#researchRoom .room-inspector h3{font-size:22px;letter-spacing:-.5px}#researchRoom .room-inspector>strong{font-size:14px;line-height:1.6}#researchRoom .room-inspector>p{font-size:13px;line-height:1.65;color:#61784f;margin-bottom:14px}#researchRoom .inspect-actions{gap:7px}#researchRoom .inspect-actions button{font-size:13px;padding:10px 12px;min-height:38px}#researchRoom .inspect-focus{font-size:12px;line-height:1.7;padding-top:12px;margin-top:14px}
.inspect-telemetry{padding:11px 0;border-top:1px solid #e2ead8;border-bottom:1px solid #e2ead8;margin-bottom:14px}.inspector-stat{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.8;color:#758b65}.inspector-stat b{font:11px var(--mono);color:#4d6a3f;align-self:center}.inspector-meter{height:4px;background:#e7eddf;border-radius:4px;margin:8px 0;overflow:hidden}.inspector-meter i{display:block;height:100%;border-radius:4px}.inspect-tuning{display:grid;gap:9px;margin-bottom:13px}.inspect-tuning:empty{display:none}.inspect-tuning label{font-size:12px;color:#627d51;display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.5}.inspect-tuning input,.inspect-tuning select{width:92px;min-width:0;font:12px var(--mono);border:1px solid #cbdcbb;border-radius:5px;padding:7px;background:#f8fbf4;color:#3c6130}
#researchRoom .room-object-buttons{padding:12px 20px;background:#fcfdf9;gap:7px}#researchRoom .room-object-buttons>span{font-size:10px;color:#7b9168}#researchRoom .room-object-buttons button{font-size:12px;padding:7px 11px;border-radius:5px}
#researchRoom .room-live{padding:19px 22px 14px;gap:20px;background:#fff}#researchRoom .room-live small{font-size:10px;letter-spacing:.6px;color:#7b8e6e}#researchRoom .room-live b{font-size:22px}#researchRoom .room-live b>span{font-size:12px;display:inline}#researchRoom .room-output{font-size:13px;min-height:40px;background:#fff;padding:0 22px 17px}#researchRoom .room-output .output-token{font-size:12px;padding:6px 8px}#researchRoom .room-output>small{font-size:11px;color:#819372}#researchRoom .room-output .toy-line{font-size:13px}
#researchRoom .room-timeline{padding:12px 20px;gap:15px;background:#f4f7ee;border-top:1px solid #e0e8d6;flex-wrap:wrap}#researchRoom .room-phases{gap:4px}#researchRoom .room-phases button{font-size:13px;padding:9px 11px}#researchRoom .room-phases button span{font-size:10px;margin-right:7px;display:inline}#researchRoom .room-playback{gap:5px}#researchRoom .room-playback button{font-size:12px;min-height:36px;padding:8px 10px}#researchRoom .room-playback button:last-child{font-size:12px;padding:8px 10px}.room-speed{display:flex;gap:7px;align-items:center;font-size:12px;color:#6e835d}.room-speed select{border:1px solid #d3e1c5;border-radius:5px;padding:7px;background:#fff;font-size:12px;color:#4e6e3a;width:70px}
.room-seek{display:flex;align-items:center;gap:14px;padding:12px 22px;background:#f4f7ee;border-top:1px solid #e4ebda;font-size:12px;color:#617c4f}.room-seek>input{flex:1;min-width:40px}.room-seek>output{font:12px var(--mono);min-width:84px;text-align:right}.room-seek input:disabled{opacity:.4}
#researchRoom .room-story{padding:22px;min-height:0;background:#fff;position:relative}#researchRoom .room-story .mini-label{font-size:10px;letter-spacing:.8px}#researchRoom .room-story h3{font-size:22px;margin-bottom:9px}#researchRoom .room-story p{font-size:14px;line-height:1.8;max-width:940px;color:#5d7650}.room-signal{float:right;margin-left:15px;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d7e3cb;border-radius:7px;color:#5f7b4c;font-size:12px;background:#f5f9ef}.room-signal strong{font-weight:500;margin-left:7px}.signal-dot{width:6px;height:6px;border-radius:50%;background:#a3bc81}.signal-dot.memory{background:#b79755}.signal-dot.purple{background:#ab96bf}
#researchRoom .room-experiments{padding:0 22px 20px;background:#fff}#researchRoom .room-experiments>span{font-size:10px}#researchRoom .room-experiments button{font-size:12px;padding:8px 10px}.room-footer{display:flex;justify-content:space-between;gap:16px;padding:12px 22px;background:#f5f7ef;border-top:1px solid #e3eadb;color:#88977a;font-size:10px;line-height:1.7}.room-footer>span{flex-shrink:0}#researchRoom .room-footnote{padding:0;font-size:10px}#researchRoom .room-feedback{font-size:13px;padding:12px 22px;line-height:1.7}
#researchRoom.night-lab .room-viewport{background:radial-gradient(ellipse at 45% 40%,#263d42,#14282e 70%,#102027)}#researchRoom.night-lab .room-overlay .room-state,#researchRoom.night-lab .room-stats{background:#213d3bea;color:#bad3b1;border-color:#4c6b5a}#researchRoom.night-lab .room-stats b{color:#d2e8ba}#researchRoom.night-lab .room-camera>span{color:#b0c5b0}
#researchRoom[data-view=theater]{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px)}#researchRoom[data-view=theater] .room-viewport{height:max(560px,calc(100dvh - 240px))}
#researchRoom[data-view=fullscreen]{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;background:#eef3e8}
#researchRoom[data-view=fullscreen] .room-header{min-height:64px;padding:10px 20px;flex-shrink:0}#researchRoom[data-view=fullscreen] .room-controlbar{flex-shrink:0}#researchRoom[data-view=fullscreen] .room-viewport{flex:1;min-height:150px;height:auto}#researchRoom[data-view=fullscreen] .room-object-buttons,#researchRoom[data-view=fullscreen] .room-timeline,#researchRoom[data-view=fullscreen] .room-seek{flex-shrink:0}#researchRoom[data-view=fullscreen] .room-live,#researchRoom[data-view=fullscreen] .room-output,#researchRoom[data-view=fullscreen] .room-story,#researchRoom[data-view=fullscreen] .room-experiments,#researchRoom[data-view=fullscreen] .room-footer,#researchRoom[data-view=fullscreen] .room-progress-track{display:none}
#researchRoom[data-view=fullscreen] .room-feedback{position:absolute;bottom:165px;left:20px;max-width:min(600px,90%);border:1px solid #bfd4ab;border-radius:8px;z-index:9;box-shadow:0 5px 24px #25432030;pointer-events:none}
#researchRoom .room-fallback{max-width:600px;color:#48653e}#researchRoom .room-fallback p{font-size:15px;line-height:1.8;color:#6f845f}#researchRoom .room-fallback strong{font-size:23px}.night-lab .room-fallback strong,.night-lab .room-fallback p{color:#c2d5b2!important}
@media(max-width:1100px){#researchRoom .room-header{gap:12px;flex-wrap:wrap}.room-view-modes{padding-left:10px}.room-scene-tools button{padding:8px}.room-footer{display:block}.room-footer>span{display:block;margin-top:5px}.room-signal{float:none;width:fit-content;margin:0 0 15px}#researchRoom .room-viewport{height:500px}#researchRoom .room-phases button{padding:8px;font-size:12px}}
@media(max-width:760px){.intro h1{font-size:34px}.intro{padding-top:22px;padding-bottom:22px}.intro p{font-size:13px}.intro-actions{margin-top:16px}#researchRoom{scroll-margin-top:70px}#researchRoom .room-header{padding:14px;gap:12px}#researchRoom .room-header .mini-label{font-size:8px}#researchRoom .room-header h2{font-size:20px}#researchRoom .room-mode button{padding:8px 10px;font-size:12px}.room-view-modes{width:100%;padding-left:0;border-left:0;border-top:1px solid #e1e8d8;padding-top:9px;justify-content:space-between}.room-view-modes button{font-size:12px;flex:1}#researchRoom .room-controlbar{padding:11px 13px;gap:10px}#researchRoom .room-primary-actions{width:100%}#researchRoom .room-primary-actions .button{flex:1;text-align:center;font-size:12px;padding:9px 11px}.room-scene-tools{margin:0;gap:5px;justify-content:space-between;width:100%}.room-scene-tools button{font-size:10px;padding:8px 7px;flex:1}.room-scene-tools button:last-child{flex:0}#researchRoom .room-viewport{height:470px}#researchRoom .room-overlay{top:12px;left:12px;right:12px;gap:7px;flex-wrap:wrap}#researchRoom .room-state{font-size:10px;padding:7px 9px}#researchRoom .room-stats{font-size:10px;padding:7px 9px;gap:9px}#researchRoom .room-label{font-size:10px;padding:7px 8px}#researchRoom .room-label.secondary{font-size:9px}.room-navigator{bottom:59px;gap:1px}.room-navigator button{font-size:10px;padding:8px 9px}#researchRoom .room-camera{left:12px;right:12px;gap:4px;flex-wrap:wrap}#researchRoom .room-camera>span{font-size:9px;max-width:130px;line-height:1.5}#researchRoom .room-camera button{width:29px;height:29px}#researchRoom .room-inspector{width:244px;right:10px;top:58px;max-height:calc(100% - 161px);padding:15px}#researchRoom .room-inspector h3{font-size:20px}#researchRoom .room-inspector>p{font-size:12px}#researchRoom .inspect-actions button{font-size:12px}#researchRoom .room-object-buttons{padding:11px 13px;gap:6px}#researchRoom .room-object-buttons button{font-size:11px;padding:7px 9px}#researchRoom .room-object-buttons>span{font-size:9px}#researchRoom .room-live{padding:16px 13px;gap:10px}#researchRoom .room-live small{font-size:8px;line-height:1.6;letter-spacing:0}#researchRoom .room-live b{font-size:18px}#researchRoom .room-live b>span{font-size:10px;display:block}#researchRoom .room-output{font-size:12px;padding:0 13px 14px}#researchRoom .room-timeline{padding:11px 13px;gap:10px}#researchRoom .room-phases{width:100%;flex-basis:100%;justify-content:space-between}#researchRoom .room-phases button{font-size:11px;padding:8px 7px}#researchRoom .room-phases button span{display:none}.room-speed{margin-left:auto}#researchRoom .room-playback button{font-size:12px}#researchRoom .room-story{padding:18px 14px}#researchRoom .room-story h3{font-size:20px}#researchRoom .room-story p{font-size:14px}.room-signal{font-size:11px;flex-wrap:wrap}#researchRoom .room-story .mini-label{font-size:9px}#researchRoom .room-experiments{padding:0 14px 17px;gap:6px}#researchRoom .room-experiments button{font-size:11px}.room-footer{padding:12px 14px}.room-footer>span{display:none}.room-seek{padding:12px 14px;gap:10px;font-size:11px}.room-seek>label{max-width:48px;line-height:1.5}.room-seek>output{min-width:65px;font-size:11px}#researchRoom .room-alert{font-size:11px;bottom:103px}#researchRoom[data-view=theater]{width:calc(100vw - 12px);margin-left:calc(50% - 50vw + 6px)}#researchRoom[data-view=theater] .room-viewport{height:65dvh;min-height:470px}
#researchRoom[data-view=fullscreen] .room-header{padding:10px 12px;min-height:0;gap:7px}#researchRoom[data-view=fullscreen] .room-heading>.mini-label{display:none}#researchRoom[data-view=fullscreen] .room-header h2{font-size:17px}#researchRoom[data-view=fullscreen] .room-view-modes{padding-top:6px}#researchRoom[data-view=fullscreen] .room-controlbar{padding:7px 12px;gap:5px}#researchRoom[data-view=fullscreen] .room-object-buttons{padding:7px 12px;gap:4px}#researchRoom[data-view=fullscreen] .room-object-buttons>span{display:none}#researchRoom[data-view=fullscreen] .room-object-buttons button{padding:5px 7px;font-size:10px}#researchRoom[data-view=fullscreen] .room-timeline{padding:7px 12px;gap:5px}#researchRoom[data-view=fullscreen] .room-seek{padding:6px 12px}#researchRoom[data-view=fullscreen] .room-viewport{height:auto;min-height:170px}#researchRoom[data-view=fullscreen] .room-feedback{bottom:150px;font-size:12px;padding:10px;left:10px}
}
@media(prefers-reduced-motion:reduce){#researchRoom *{scroll-behavior:auto;transition:none}}

.room-screen-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;margin:0;overflow:hidden;background:#edf3e7}.room-screen-dialog::backdrop{background:#172e25}.room-screen-open{overflow:hidden}.room-live-stat{display:none}#researchRoom[data-view=fullscreen] .room-live-stat{display:inline}