.scan-camera-shell>header{padding-top:max(.6rem, env(safe-area-inset-top));padding-bottom:.6rem}.scan-camera-shell>header img{height:1.6rem}.scan-camera-shell>main{padding-top:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.scan-camera-shell .camera-view h2{font-size:1.5rem;line-height:1.2}.camera-preview{width:min(100%, calc((100svh - 27rem) * var(--camera-aspect)));width:min(100%, calc((100dvh - 27rem) * var(--camera-aspect)));min-width:8rem;aspect-ratio:var(--camera-aspect);margin-inline:auto}.camera-guide{position:absolute;inset:4%}@media (orientation:landscape) and (height<=600px){.scan-camera-shell>main{padding-top:.4rem}.scan-camera-shell>main>:first-child{margin-bottom:.4rem}.camera-view{grid-template-columns:minmax(0,1fr) minmax(9rem,.65fr);align-items:center;gap:.6rem;display:grid}.camera-view .camera-heading{grid-column:1/-1}.camera-view>*{margin-block:0}.camera-preview{width:min(100%, calc((100svh - 15rem) * var(--camera-aspect)));width:min(100%, calc((100dvh - 15rem) * var(--camera-aspect)))}.camera-view .camera-shoot{justify-content:center}.camera-view .camera-shoot button{white-space:normal;height:auto;min-height:2.75rem}}
