.header{padding:var(--margin-desktop);z-index:100;pointer-events:none;mix-blend-mode:difference;position:fixed;top:0;left:0;right:0}.header-grid{gap:var(--gap-desktop);grid-template-columns:repeat(12,1fr);display:grid}.header-menu{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:var(--font-size-desktop);font-weight:var(--font-weight-light);color:#fff;text-align:left;background:0 0;border:none;grid-column:1;padding:0;transition:font-weight .15s}.header-menu:hover{font-weight:var(--font-weight-medium)}.header-series{font-size:var(--font-size-desktop);font-weight:var(--font-weight-light);color:#fff;white-space:nowrap;grid-column:3}.header-series-position{opacity:.7}@media (max-width:1024px){.header{padding:var(--margin-mobile);position:absolute}.header-grid{flex-direction:column;gap:4px;display:flex}.header-menu,.header-series{font-size:var(--font-size-mobile)}}
.grid-container{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;width:100vw;height:100lvh;position:relative;overflow:hidden}.grid-container.viewer-active{cursor:default;transition:background-color .6s}.grid-container:active{cursor:grabbing}.grid-container.viewer-active:active{cursor:default}.grid-container::-webkit-scrollbar{display:none}.grid-canvas{position:absolute;top:0;left:0}.grid-item{will-change:transform}.grid-item .image-wrapper{overflow:hidden}.grid-item img{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;display:block}.image-info{opacity:0;padding:8px 0;transition:opacity .2s}.grid-item:hover .image-info{opacity:1}.image-info p{color:#333;margin:0;font-size:14px}.image-info .image-position{color:#666}.grid-loading,.grid-error{color:#666;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-error{color:#c00}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.grid-container{height:calc(var(--vh,1vh)*100);height:100dvh}}