.render-thumbnails{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:4;max-width:calc(100% - 48px)}
.render-thumbnails button{display:block;padding:0;border:2px solid #ffffffb3;background:#fff;width:104px;flex:0 1 104px;min-width:0;aspect-ratio:16/9;box-shadow:0 3px 14px #0003;overflow:hidden;transition:transform .18s,border-color .18s}
.render-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}
.render-thumbnails button:hover{transform:translateY(-4px);border-color:var(--lime)}
.render-dialog{width:85vw;max-width:85vw;max-height:90svh;border:0;padding:0;background:transparent;overflow:auto;margin:auto;outline:none;box-shadow:0 14px 60px #0005}
.render-dialog::backdrop{background:#111914bb}
.render-dialog img{display:block;width:100%;height:auto}
body:has(.render-dialog[open]){overflow:hidden}
@media(max-width:1000px){.render-thumbnails{bottom:80px}}
@media(max-width:700px){.render-thumbnails{width:calc(100% - 44px);max-width:530px;gap:6px;bottom:77px}.render-thumbnails button{flex:1}}
/* Compact atmospheric grid, separate from the project renders. */
.render-thumbnails{bottom:100px}
.atmosphere-strip{position:absolute;bottom:72px;left:4vw;width:244px;z-index:4}
.atmosphere-label{display:block;margin-bottom:6px;color:white;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 5px #0008}
.atmosphere-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:6px}
.atmosphere-thumbnails button{width:100%;aspect-ratio:1;height:auto;padding:0;border:1px solid #ffffffb3;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0003}
.atmosphere-thumbnails button:hover{border-color:var(--lime)}
.atmosphere-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}
.atmosphere-dialog{box-sizing:border-box;width:min(85vw,1280px);height:min(85svh,720px);max-width:1280px;max-height:720px;padding:16px;margin:auto;border:1px solid #ffffffa6;background:rgba(255,255,255,.82);box-shadow:0 16px 60px #17231644;backdrop-filter:blur(12px);outline:none;overflow:hidden}
.atmosphere-dialog::backdrop{background:rgba(245,246,240,.38);backdrop-filter:blur(5px)}
.atmosphere-dialog img{display:block;width:100%;height:100%;object-fit:contain}
body:has(.atmosphere-dialog[open]){overflow:hidden}
@media(max-width:1100px){.atmosphere-strip{width:184px}}
@media(max-width:700px){.atmosphere-dialog{padding:10px}.atmosphere-strip{left:22px;bottom:170px;width:160px}.atmosphere-thumbnails{gap:5px}.hero{min-height:640px}}
.atmosphere-dialog{transform-origin:0 0;cursor:zoom-out}.atmosphere-thumbnails button{cursor:zoom-in}