/* R11: phone scene has a width-based footprint; menu follows in document flow.
   The photographic stage retains its original 853:1844 geometry. */
@media(max-width:500px){
 html{height:auto!important;overflow-x:clip!important;overflow-y:auto!important;background:#e4e5e1}
 html[data-theme=dark]{background:#1c2424}
 body.studio{position:relative!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:clip!important}
 .studio>main{order:0;position:relative!important;flex:none!important;width:100%;height:calc(100vw * 1.62)!important;min-height:0!important;overflow:visible!important}
 .studio .hero-world,.studio .inner-stage{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;height:calc(100vw * 1844 / 853)!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
 .studio .object-dock{order:1;position:relative!important;flex:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0 auto!important;z-index:12!important}
 .studio>.slim-footer,.studio.home-view>.slim-footer{order:2;position:relative!important;flex:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;z-index:12!important}
 .studio:not(.home-view) .r10d-tools{position:absolute!important}
 .studio>.studio-header{position:absolute!important;inset:0 0 auto 0!important}
}

@media(min-width:420px) and (max-width:500px){.studio:not(.home-view) .scene-mobile .r8-lamp-switch{left:3.28253224%!important}}