/* Frame the approved artwork without the concept-sheet label at its top. */
body:not(.viewing-results)>main{max-width:640px;min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6svh,64px) 0 24px}
body:not(.viewing-results) #landing{margin:0}
.reference-hero{aspect-ratio:1122 / 1342;overflow:hidden}
.reference-art{position:absolute;top:-4.47094%;left:0;width:100%;height:auto}
.reference-hero #upload{top:85.022%;height:7.362%}
.reference-hero #sample{top:93.524%;height:5.015%}
#landing #error:empty{display:none}
#landing .privacy{margin:22px 20px 12px;text-align:center;line-height:1.8}
body:not(.viewing-results) #guide{box-sizing:border-box;width:calc(100% - 40px);margin:10px auto 0;padding:16px 0}
@media(min-width:700px){body:not(.viewing-results)>main{max-width:580px}#landing .privacy{margin-top:18px}}
/* Reserve space for privacy and the closed guide before sizing the artwork. */
body:not(.viewing-results)>main{min-height:100svh;padding:16px 0;gap:0}
body:not(.viewing-results) .reference-hero{width:min(100%,calc((100svh - 200px) * .8360656));margin:0 auto;flex:none}
body:not(.viewing-results) #landing .privacy{margin:14px 16px 8px;font-size:11px;line-height:1.65}
body:not(.viewing-results) #landing .privacy small{margin-top:6px}
body:not(.viewing-results) #guide{margin:6px auto 0;padding:12px 0}
body:not(.viewing-results) #guide>summary{min-height:24px}