*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#fff;color:#111}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}.gallery{height:100%;height:100svh;min-height:260px;max-width:1600px;margin:0 auto;padding:24px 30px 18px;display:grid;grid-template-rows:minmax(0,1fr);gap:0}.stage{position:relative;min-height:0;padding:0 48px}.stage:focus{outline:none}.stage:focus-visible{outline:1px solid #111;outline-offset:5px}.swiper{height:100%;width:100%;overflow:hidden}.swiper-wrapper{height:100%}.swiper-slide{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.swiper-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:48px;border:0;background:#fff;color:#111;cursor:pointer;padding:10px}.previous{left:0}.next{right:0}.arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}.arrow:disabled{opacity:.18;cursor:default}.arrow:focus-visible{outline:1px solid #111;outline-offset:2px}.arrow:not(:disabled):hover{background:#f3f3f3}.image-error{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:white;text-align:center;font-size:14px}.image-error[hidden],#library-error[hidden]{display:none}.image-error button{font:inherit;background:white;border:1px solid #999;padding:8px 16px;cursor:pointer}#library-error{position:absolute;inset:20%;text-align:center;font-size:14px;line-height:1.6}a{color:inherit}@media(max-width:600px){.gallery{padding:16px 12px 12px;gap:0}.stage{padding:0 30px}.arrow{width:30px;padding:3px}}@media(max-height:450px){.gallery{padding-top:10px;gap:0}}
/* Keep the virtual track from expanding the grid beyond its viewport. */
.gallery{grid-template-columns:minmax(0,1fr)}.stage,.swiper{min-width:0;max-width:100%}body{overflow-x:hidden}