/* GScenes download state only. Layout stays in the original template CSS. */
html{scroll-behavior:smooth}body{--gscenes-brand:#5c8dff;--gscenes-accent:#ff5590}
dialog#gscenes-download-dialog{width:min(460px,calc(100% - 32px));border:1px solid #ffffff2c;border-radius:12px;background:#191924;color:white;padding:32px;font-family:inherit;box-shadow:0 24px 90px #0008}
#gscenes-download-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
#gscenes-download-dialog h2{margin:0 24px 16px 0;font-size:23px;line-height:1.5}#gscenes-download-dialog p{font-size:14px;color:#b8b8c7;line-height:1.85;margin:0}.gscenes-dialog-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;width:38px;height:38px}
[data-gscenes-qr]{min-height:90px;display:flex;justify-content:center;align-items:center;padding:12px;border:1px dashed currentColor;font-size:12px;line-height:1.7;text-align:center}[data-gscenes-qr] img{display:block;background:#fff;padding:6px;object-fit:contain}
.materials [data-material]{position:relative}.materials [data-material]:after{content:attr(data-material);position:absolute;bottom:5px;right:5px;padding:4px 6px;background:#12121de8;color:white;font:10px/1.4 monospace;z-index:5;border:1px solid #ffffff50;pointer-events:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.gscenes-dialog-qr{margin-top:20px}.gscenes-dialog-qr[hidden]{display:none}.gscenes-dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.gscenes-dialog-actions a{padding:10px 15px;border:1px solid #ffffff40;border-radius:6px;color:#fff;background:#5c8dff;text-decoration:none}

/* Clip the original rotated poster at the viewport edge on tablets. */
@media(min-width:561px) and (max-width:820px){.hero-visual{overflow:clip}}