/* Hybrid premium pilot. The other seven illustrations retain their existing design. */
#native-demo[data-scenario=loitering] .native-stage{display:block;min-height:0;padding:0;background:#102436}
#native-demo[data-scenario=loitering] .native-review{display:none}
#native-demo[data-scenario=loitering] .native-art{max-width:none;margin:0;width:100%}
#native-demo[data-scenario=loitering] .native-art>img{width:100%;height:auto;aspect-ratio:3/2}
.lp-composition{position:relative;isolation:isolate}
.lp-environment{display:block;width:100%;height:auto;aspect-ratio:3/2;overflow:hidden}
.lp-aside{position:absolute;right:2.5%;top:5%;bottom:5%;width:25.5%;display:flex;flex-direction:column;justify-content:space-between;gap:15px;z-index:1}
.lp-card{border:1px solid #87b6c18c;border-radius:12px;background:linear-gradient(130deg,#244758db,#0c2739e8);box-shadow:0 10px 28px #020c1a50,inset 0 1px 0 #c4edf41c;padding:15px;color:#dceef1;transform-origin:center}
.lp-mobile-report-details{display:none}
.lp-card-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid #759baa66;padding-bottom:10px;font-size:12px;font-weight:600;color:#9ce5cd}
.lp-card-title>span{display:grid;place-items:center;width:24px;height:24px;background:#7cd3bb;color:#123b3c;border-radius:50%;font-size:17px;flex-shrink:0}
.lp-card p{font-size:11px;line-height:1.5;margin:9px 0 4px;color:#d0e5eb}.lp-card .lp-sop-note{font-size:10px;color:#b7ced7}
.lp-delivery{border-top:1px solid #608b9966;padding-top:9px;margin-top:10px;color:#8ce3cd;font-size:11px}.lp-delivery span{display:block;font-size:9px;color:#c1d6df}
.lp-monitor{border:1px solid #6893a2a6;border-radius:11px;overflow:hidden;background:#0c263ae8;box-shadow:0 12px 30px #030e1e70}
.lp-monitor svg{display:block;width:100%;height:auto}
.lp-monitor-label{display:flex;justify-content:space-between;gap:5px;padding:8px 10px;color:#e6f1f4;font-size:10px}.lp-monitor-label span{font-size:7px;color:#8bdce1;letter-spacing:.5px}
.lp-monitor .lp-review-state{color:#f4c67e;font-size:10px;line-height:1.5;margin:8px 10px 3px;font-weight:600}.lp-monitor .lp-review-copy{color:#b5ced8;font-size:8px;line-height:1.6;margin:0 10px 9px}
#native-demo[data-scenario=loitering][data-phase="3"] .lp-review-state,#native-demo[data-scenario=loitering][data-phase="4"] .lp-review-state,#native-demo[data-scenario=loitering][data-phase="5"] .lp-review-state{color:#8ee0c3}
#native-demo[data-scenario=loitering] .demo-detail{align-items:flex-start}#native-demo[data-scenario=loitering] #demo-plan{width:auto;height:auto;min-height:44px;border-radius:5px;padding:12px 15px;font-size:11px;line-height:1.5;flex:0 0 145px}
.addons .demo-menu button b{transition:transform .2s}.addons .demo-menu button[aria-selected=true] b{transform:translateX(3px)}
body:has(#native-demo[data-in-view=true])>.chat-launcher{visibility:hidden}
.addons .demo-controls{padding-right:20px;flex-wrap:wrap}.addons #demo-replay{white-space:normal;text-align:left}
.demo-ask{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #5e8596;border-radius:24px;background:#173c50;color:#dcf1f4;font-size:11px;white-space:nowrap}
.demo-ask svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:1100px) and (min-width:781px){.lp-aside{width:29%;right:2%;top:3%;bottom:3%}.lp-card{padding:10px}.lp-card-title{font-size:10px}.lp-card p{font-size:9px}.lp-monitor .lp-review-copy{display:none}.lp-monitor svg{max-height:100px}.lp-monitor-label{font-size:9px}.lp-monitor-label span{display:none}}
@media(max-width:780px){.addons .demo-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.addons .demo-menu button{min-height:48px;gap:7px}.lp-environment{aspect-ratio:1100/920}.lp-aside{position:relative;inset:auto;width:auto;padding:14px;display:grid;grid-template-columns:1fr;gap:14px;background:linear-gradient(#102839,#0d2639)}.lp-monitor{order:0;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.lp-monitor-label{grid-column:1/-1;font-size:11px;border-bottom:1px solid #47667555}.lp-monitor-label span{font-size:8px}.lp-monitor svg{grid-row:2/4;grid-column:1;height:auto;align-self:stretch}.lp-monitor .lp-review-state{font-size:11px;margin:8px 10px 3px;align-self:end}.lp-monitor .lp-review-copy{font-size:10px;align-self:start}.lp-card{order:1;width:100%;padding:14px 16px}.lp-card-title{font-size:13px}.lp-card p{font-size:12px}.lp-card .lp-sop-note{font-size:11px}.lp-delivery{font-size:12px}.lp-delivery span{display:inline;margin-left:10px;font-size:10px}.addons .demo-controls{padding:14px 16px 20px;align-items:flex-start;flex-direction:column}.addons #demo-replay{margin-right:0}.demo-ask{align-self:flex-start}#native-demo[data-scenario=loitering] .demo-detail{flex-direction:column;gap:15px}#native-demo[data-scenario=loitering] #demo-plan{flex:0 0 auto}.lp-timer .counter{font-size:36px}}
@media(prefers-reduced-motion:reduce){.addons .demo-menu button b{transition:none}}
@media(max-width:780px){.lp-composition{display:flex;flex-direction:column}.lp-environment{order:0;aspect-ratio:4/5}.lp-composition>.mobile-scenario-finding{order:1}.lp-aside{order:2;display:flex;padding:16px;gap:16px}.lp-monitor,.lp-card{display:block!important;width:100%;opacity:1!important;transform:none!important}.lp-monitor{order:0}.lp-monitor-label{display:flex;padding:13px 15px;font-size:16px}.lp-monitor-label span{font-size:12px;text-align:right}.lp-monitor svg{display:block;width:100%;height:auto}.lp-monitor .lp-review-state{margin:14px 16px 5px;font-size:17px;line-height:1.45}.lp-monitor .lp-review-copy{margin:0 16px 16px;font-size:16px;line-height:1.5}.lp-reviewed{opacity:1!important}.lp-card{order:1;padding:19px 18px}.lp-card-title,.lp-card p{font-size:16px}.lp-card .lp-sop-note{font-size:16px}.lp-desktop-report{display:none}.lp-mobile-report-details{display:block}.lp-mobile-report-details h4{margin:13px 0;color:#fff;font-size:18px}.lp-mobile-report-details dl{margin:0}.lp-mobile-report-details dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #759baa66;font-size:16px;line-height:1.5}.lp-mobile-report-details dt{color:#9bc4d2}.lp-mobile-report-details dd{margin:0;color:#fff}.lp-delivery{opacity:1!important;transform:none!important;padding-top:13px;font-size:17px}.lp-delivery span{display:block;margin:3px 0 0;font-size:16px}}