/* Current browsers keep the original cascade. iOS 15.0–15.3 lack small viewport units. */
#legacy-layout-loading{display:none}
@supports not (height:100svh){
 .preview-shell{min-height:var(--pati-viewport-height,100vh)}
 .app-viewport.device-desktop{width:min(1440px,100%,max(720px,calc((var(--pati-viewport-height,100vh) - 48px) * 1.7777778)));height:min(1000px,calc(var(--pati-viewport-height,100vh) - 48px),calc((100vw - 48px) * .95))}
 @media(max-width:899px){.preview-shell{min-height:var(--pati-viewport-height,100vh);padding:0}.app-viewport.device-mobile,.app-viewport.device-desktop{width:100%;height:var(--pati-viewport-height,100vh);min-height:0;box-shadow:none}}
}
/* The polyfill rewrites this condition once layout rules are ready, avoiding
   a flash of missing container-query styles on older WebKit. */
@supports not (container-type:inline-size){
 #review-main{visibility:hidden}
 #legacy-layout-loading{display:block;position:fixed;inset:45% 20px auto;text-align:center;font:24px/1.3 VT323,monospace;color:#254e46}
}
