.generation-gallery{min-width:0;background:#fff}.generation-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:24px;margin-top:28px}.generation-photo{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.generation-enlarge{display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:1px solid #dce6ec;border-radius:14px;overflow:hidden;background:#f1f6f8;cursor:zoom-in}.generation-enlarge img{display:block;width:100%;height:clamp(300px,48vw,580px);object-fit:contain}.generation-photo figcaption{font-size:14px;line-height:1.5;padding:14px 2px;color:#506477}.generation-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 18px}.generation-controls button{width:46px;height:46px;background:transparent;border:1px solid #cbdadd;border-radius:50%;font-size:22px;color:#0a2239;cursor:pointer}.generation-controls button:disabled{opacity:.35;cursor:default}.generation-controls button:first-child{order:0}.generation-status{order:1;min-width:65px;text-align:center;font-size:14px;color:#506477;font-variant-numeric:tabular-nums}.generation-controls button:nth-child(2){order:2}.generation-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:6px 3px 14px;scrollbar-width:thin}.generation-thumbnails button{flex:0 0 84px;padding:2px;border:2px solid transparent;border-radius:8px;background:#f1f6f8;cursor:pointer}.generation-thumbnails button[aria-current=true]{border-color:#127c87}.generation-thumbnails img{display:block;width:76px;height:60px;object-fit:contain}.generation-gallery button:focus-visible,.generation-track:focus-visible,.generation-original:focus-visible{outline:3px solid #168b91;outline-offset:3px}.generation-dialog{width:min(1100px,94vw);max-width:94vw;max-height:92dvh;padding:16px;border:0;border-radius:14px;background:#0a2239;color:#fff}.generation-dialog::backdrop{background:#0a2239cf}.generation-dialog>img{display:block;width:100%;height:auto;max-height:calc(92dvh - 125px);object-fit:contain}.generation-close{display:block;margin:0 0 12px auto;min-height:44px;padding:10px 16px;border:1px solid #ffffff60;border-radius:8px;background:transparent;color:#fff;font:inherit;cursor:pointer}.generation-original{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:14px;text-underline-offset:4px}html:has(.generation-dialog[open]){overflow:hidden}
@media(max-width:767px){.generation-track{gap:16px;margin-top:20px}.generation-enlarge img{height:clamp(260px,85vw,430px)}.generation-photo figcaption{font-size:13px}.generation-thumbnails button{flex-basis:72px}.generation-thumbnails img{width:64px;height:52px}.generation-dialog{padding:12px}}
@media(prefers-reduced-motion:reduce){.generation-track,.generation-thumbnails{scroll-behavior:auto}}