/* One scene, one decision. Motion always follows a visitor action. */
.home-hero{align-items:center}.home-hero h1{font-size:clamp(38px,4.3vw,68px)}.home-scene .scene{height:210px}.home-scene .scene-label .tool-name{font-size:10px;gap:5px}.scene-label .tool-logo{width:17px;height:17px;flex-basis:17px}.scene-label .tool-name>span{display:inline;color:#b9c8e1}.scene-label .tool-name>.icon{width:17px;height:17px}.mission{border:0;border-radius:0;background:transparent;padding:12px 0 4px;margin-bottom:20px;scroll-margin-top:var(--header-offset,130px)}.mission-request{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 0}.mission-request>span{font:10px var(--mono);color:#8a9aba}.mission-request p{flex-basis:100%;font-size:17px;line-height:1.65;letter-spacing:-.015em;color:#dee6f4;margin:2px 0 6px}.mission-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:15px 0;border-bottom:1px solid #2b374b}.mission-route>span{position:relative}.mission-route>span+span:before{content:'';position:absolute;left:-13px;top:12px;width:9px;height:1px;background:#455e84}.mission-route small{display:block;font-size:10px;color:#859ab9;margin-top:6px}.mission[data-state=idle] .mission-route{opacity:.65}.mission-route>[data-state=waiting]{opacity:.45}.mission-route>[data-state=active] .tool-name{color:#e3edff}.mission-route>[data-state=active] .tool-logo{animation:source-scan .7s ease-in-out infinite alternate}.mission[data-state=review] .mission-route .tool-logo{animation:none}.mission-status{font-size:12px;line-height:1.7;color:#a8bad6;min-height:40px;margin:13px 0}.mission-output{margin:14px 0}.mission-source{font-size:11px;color:#afc1df}.mission-source summary{cursor:pointer;padding:8px 0}.mission-source p{padding:10px 14px;border:1px solid #2c3d57;background:#101a2a;border-radius:4px;line-height:1.75}.mission-draft{margin-top:12px;padding:14px 16px;background:#131e31;border:1px solid #354a6a;border-radius:5px}.mission-draft>span{font:9px var(--mono);color:#99b3db}.mission-draft>p{font-size:13px;line-height:1.7;margin:7px 0 0;color:#d1def0}.mission-actions{display:flex;align-items:center;gap:18px}.mission-actions .demo-primary{padding:12px 16px;font-size:12px}.mission-actions [hidden],.mission-contact[hidden],.mission-output[hidden]{display:none}.mission-reset{background:none;border:0;padding:10px 0;color:#97afda;font-size:11px}.mission-contact{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#bcd0fb;margin-top:15px}.mission-contact .icon{width:16px;height:16px}.mission[data-state=approved] .mission-status{color:#b2cfef}.mission-paused *,.mission-paused *::before{animation-play-state:paused!important}
.design-choice{padding:17px 0;margin-top:18px;border-top:1px solid #2d3a50;color:#b8c9e0;font-size:12px}.design-choice summary{cursor:pointer;display:flex;align-items:center;gap:14px}.design-choice p{font-size:13px;line-height:1.8;max-width:680px;color:#acbed8;margin:13px 0 10px}.choice-author{display:block;color:#7f97bc;font-size:10px}.home-scene .design-choice{border:0;padding:4px 0;margin:12px 0}.demo-challenge{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;margin:10px 0 18px;border-bottom:1px solid #2c3a50}.demo-challenge strong{font-size:13px;font-weight:500;color:#cdddf3}.demo-challenge p,.demo-challenge small{display:block;font-size:11px;color:#8ea6c7;line-height:1.6;margin:5px 0 0}.demo-challenge button,.review-actions button{border:1px solid #3f587f;border-radius:4px;background:#142139;color:#cbdaf3;padding:10px 13px;font:11px Manrope,sans-serif;white-space:nowrap}.demo-challenge button:hover,.review-actions button:hover{background:#0d182b}.demo-challenge button:disabled{opacity:.6}.test-challenge{justify-content:start;cursor:pointer}.test-challenge>span:first-child{margin-right:auto}.test-challenge input{accent-color:#5277e8;flex-shrink:0;width:16px;height:16px}.test-challenge>span:last-child{font-size:11px;max-width:100px}.test-failed{color:#f1be96!important}.test-failed .icon{color:#e3ad81}.result-shelf{border-top:1px solid #334159;border-bottom:1px solid #334159;margin:20px 0 0;padding:18px 0}.result-shelf[hidden]{display:none}.result-shelf>summary{cursor:pointer;font-size:13px;color:#c1d3ee}.saved-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:22px}.saved-results article{padding:0 16px 0 0;min-width:0}.saved-results h3{font-size:14px;color:#d7e1f1;font-weight:500}.saved-results p{font-size:12px;line-height:1.85;color:#9eb4d0;white-space:pre-line;overflow-wrap:anywhere}.results-note{font-size:10px;line-height:1.7;color:#8096b5;margin-top:20px}.project-menu strong{font-size:14px;line-height:1.5}.project-menu small{font-size:11px;color:#8fa6c6}
.review-lab{padding:24px}.review-lab[hidden]{display:none}.review-lab h4{font-size:23px;font-weight:500;line-height:1.4;margin:12px 0}.review-lab>p{font-size:13px;color:#a9bdd8;line-height:1.8}.review-checks{font:10px var(--mono);color:#a2c9ba;margin:20px 0 8px}.review-lab pre{padding:14px!important;background:#0c1320;border:1px solid #30415e;border-radius:4px;font-size:12px!important}.review-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.review-actions button[aria-pressed=true]{background:#213756;color:#d3e5ff}.review-actions button:disabled{cursor:default}.review-explanation{margin-top:18px;color:#d6e1f1;font-size:13px;line-height:1.8}.review-explanation p{color:#a8bdd9}.review-reset{border:0;background:none;color:#b1cafa;padding:10px 0;font-size:11px}.dev-artifact.is-reviewing>pre,.dev-artifact.is-reviewing>.copy-snippet,.dev-artifact.is-reviewing>.dev-tool-picker,.dev-artifact.is-reviewing>div:not(.review-lab){display:none}.dev-artifact:not(.is-reviewing)>.review-lab{display:none}.dev-artifact>.review-lab{display:block;background:none;border:0}.dev-artifact>.review-lab[hidden]{display:none}
.personal-note{display:grid;grid-template-columns:1fr 2fr;gap:45px;align-items:start;margin-top:40px;padding-top:30px;border-top:1px solid #303d50}.personal-note>div{display:grid;gap:9px}.personal-note strong{font-size:23px;font-weight:500;color:#dde5f2;letter-spacing:-.035em}.personal-note>div>span:last-child{font-size:12px;color:#91a6c3}.personal-note p{margin:0;max-width:620px;font-size:15px;line-height:1.9;color:#aabbcf}.mission button:focus-visible,.demo-challenge button:focus-visible,.review-lab button:focus-visible,.design-choice summary:focus-visible,.result-shelf summary:focus-visible{outline:2px solid #81a5ff;outline-offset:4px}
@media(max-width:760px){.home-scene .scene{height:185px}.home-hero h1{font-size:38px}.mission-request p{font-size:16px}.mission-route{gap:12px}.mission-route .tool-name{font-size:11px;gap:6px}.mission-route .tool-logo{width:20px;height:20px;flex-basis:20px}.demo-challenge{align-items:start;flex-wrap:wrap;gap:10px}.test-challenge>span:first-child{flex-basis:100%}.test-challenge>span:last-child{max-width:none}.saved-results{grid-template-columns:1fr;gap:14px}.review-lab{padding:18px}.review-actions button{white-space:normal}.personal-note{grid-template-columns:1fr;gap:20px}.personal-note p{font-size:14px}.project-menu strong{font-size:13px}.project-menu small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mission-route>[data-state=active] .tool-logo{animation:none}}

.review-lab .copy-snippet{display:none}