*{box-sizing:border-box}html,body{height:100%}body{color:#fff;touch-action:manipulation;background:#111;margin:0;padding:0;font-family:sans-serif;line-height:1.5}body h1{font-size:2rem}body a{color:inherit;text-decoration:none}body button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}body img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;max-width:100%;height:auto}.app{dynamic-range-limit:standard}.app.hdr-on{dynamic-range-limit:no-limit}:root{--sec:.3s}:root[data-direction=next]::view-transition-old(viewer-image){animation:push-out-left var(--sec)ease both}:root[data-direction=next]::view-transition-new(viewer-image){animation:push-in-from-right var(--sec)ease both}:root[data-direction=prev]::view-transition-old(viewer-image){animation:push-out-right var(--sec)ease both}:root[data-direction=prev]::view-transition-new(viewer-image){animation:push-in-from-left var(--sec)ease both}@keyframes push-in-from-right{0%{translate:100%}to{translate:0}}@keyframes push-in-from-left{0%{translate:-100%}to{translate:0}}@keyframes push-out-left{0%{translate:0}to{translate:-100%}}@keyframes push-out-right{0%{translate:0}to{translate:100%}}.gallery-grid{max-width:1152px;margin:0 auto;padding:32px}.gallery-grid .gallery-header{text-align:center;margin-bottom:40px}.gallery-grid .gallery-header h1{color:#fff;margin:0;font-size:2rem}.gallery-grid .grid-container{grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:160px;gap:8px;display:grid}.gallery-grid .grid-item{cursor:pointer;border:none;height:100%;padding:0;display:block;position:relative;overflow:hidden}.gallery-grid .grid-item img{object-fit:cover;width:100%;height:100%;transition:all .3s;display:block}.gallery-grid .grid-item:hover img{scale:1.05}@media (max-width:768px){.gallery-grid{padding:16px}.gallery-grid .grid-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-auto-rows:140px}}.image-viewer{color:#fff;background:#000;width:100vw;height:100vh;overflow:hidden}.image-viewer .viewer-stage{width:100%;height:100%}.image-viewer .viewer-stage .main-image{object-fit:contain;width:100%;height:100%}.image-viewer .viewer-controls{view-transition-name:viewer-controls;pointer-events:none;justify-content:space-between;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.image-viewer .viewer-controls .nav-button,.image-viewer .viewer-controls .close-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:inherit;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#ffffff4d;border:1px solid #ffffff80;border-radius:50%;place-items:center;transition:all .3s;display:grid;scale:1}:is(.image-viewer .viewer-controls .nav-button,.image-viewer .viewer-controls .close-button):active{scale:.8}.image-viewer .viewer-controls .nav-button{width:56px;height:56px;font-size:1rem}.image-viewer .viewer-controls .nav-button .nav-icon{width:24px;height:24px;transition:all .3s;display:block;translate:0}.image-viewer .viewer-controls .nav-button:disabled,.image-viewer .viewer-controls .nav-button.disabled{opacity:.4;pointer-events:none}.image-viewer .viewer-controls .close-button{width:48px;height:48px;position:absolute;top:32px;right:32px}.image-viewer .viewer-controls .close-icon{transition:all .3s;display:inline-block;rotate:none}@media (any-hover:hover){.image-viewer .viewer-controls .nav-button:hover,.image-viewer .viewer-controls .close-button:hover{background:#fff3;scale:1.05}.image-viewer .viewer-controls .nav-button.prev:hover .nav-icon{translate:-4px}.image-viewer .viewer-controls .nav-button.next:hover .nav-icon{translate:4px}.image-viewer .viewer-controls .close-button:hover .close-icon{rotate:90deg}}.image-viewer .image-metadata{view-transition-name:image-metadata;color:#ffffff54;font-size:.625rem;position:absolute;bottom:16px;left:16px}@media (max-width:768px){.image-viewer .viewer-controls{padding:24px}.image-viewer .viewer-controls .nav-button{width:48px;height:48px;font-size:1.5rem}.image-viewer .viewer-controls .close-button{width:44px;height:44px;top:24px;right:24px}}.hdr-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);view-transition-name:hdr-controls;background:#000000b3;border-radius:12px;gap:4px;padding:12px 16px;display:grid;position:fixed;top:16px;left:16px}.hdr-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.hdr-switch__label{font-size:.75rem}.hdr-support{color:#fffc;margin:0;font-size:.75rem}.hdr-warning{font-size:.625rem}