:root{--hero-control-space:168px}
.hero-demo .stage{inset:0 0 auto!important;height:calc(100% - var(--hero-control-space))!important;min-height:0!important;overflow:hidden}
.hero-demo #hero-demo-controls{inset:0;isolation:isolate;padding-bottom:16px}
.hero-demo #hero-demo-controls:after{content:'';position:absolute;z-index:-1;bottom:0;left:0;right:0;height:var(--hero-control-space);background:#0f1510;border-top:1px solid #ffffff0b;pointer-events:none}
.hero-demo .hero-models{flex-shrink:0;margin-bottom:0}
.hero-demo .hero-demo-hint{min-height:30px;margin-top:10px;max-width:470px;flex-shrink:0;color:#91a38e;font-size:11px;line-height:1.5}
.hero-demo .hero-models>button{min-height:68px}
.hero-demo .fallback{padding-top:35px}
.hero-demo .fallback svg{height:100%;max-height:calc(100% - 45px);padding-bottom:10px}
@media(max-width:650px){:root{--hero-control-space:168px}.hero-demo #hero-demo-controls{padding:12px 10px 14px}.hero-demo .hero-demo-hint{max-width:335px;font-size:10px;min-height:30px}.hero-demo .hero-models>button{min-height:65px}.hero-demo .hero-selection{top:10px;right:10px}}
.hero-demo .hero-scene-actions{position:absolute;top:12px;right:14px;display:flex;gap:6px;pointer-events:auto}.hero-demo #hero-demo-controls .hero-scene-actions button{display:inline-flex!important;background:#192219;border-color:#3b4b39;color:#bfceb7;font-size:10px}.hero-demo #hero-demo-controls .hero-selection{top:56px;right:14px;max-width:90%;flex-wrap:wrap;justify-content:flex-end}.hero-demo #hero-demo-controls .hero-selection button{display:inline-flex!important;background:#192219;border-color:#3b4b39;color:#bfceb7}.hero-demo #hero-demo-controls .hero-selection button[aria-pressed=true]{background:#484124;border-color:#9c8540;color:#f4daa0}@media(max-width:650px){.hero-demo .hero-demo-instruction{max-width:125px;font-size:9px}.hero-demo .hero-scene-actions{top:10px;right:10px}.hero-demo #hero-demo-controls .hero-scene-actions button{font-size:9px;padding:6px 8px}.hero-demo #hero-demo-controls .hero-selection{top:53px;right:10px}.hero-demo #hero-demo-controls .hero-selection button{font-size:9px}}

/* Thumbnail frames must not inherit the catalogue's 70px minimum or its light fill. */
.hero-demo .hero-models .model-preview-frame{min-height:0!important;min-width:0;background:transparent!important;box-shadow:none;border:0;align-self:center;justify-self:center;overflow:hidden}.hero-demo .hero-models .model-thumbnail{display:block;min-height:0;background:transparent;object-fit:contain}.hero-demo #hero-demo-controls .hero-scene-actions button,.hero-demo #hero-demo-controls .hero-selection button,.hero-demo #hero-demo-controls .hero-zoom button{display:flex!important;align-items:center;justify-content:center;text-align:center;line-height:1.15;padding-top:0;padding-bottom:0}.hero-demo .hero-models>button>span:not(.model-preview-frame),.hero-demo .hero-models small{justify-self:center;text-align:center;line-height:1.2}