.hylb{z-index:9999;background-color:#121212fa;flex-direction:column;display:none;position:fixed;inset:0}.hylb.is-open{display:flex}.hylb-header{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.hylb-counter{color:#ffffffb3;font-family:var(--font-extra);font-size:var(--text-sm);letter-spacing:.05em}.hylb-counter b{color:var(--color-always-white);font-weight:var(--fw-bold)}.hylb-header-right{align-items:center;gap:var(--space-sm);display:flex}.hylb-iconbtn{border-radius:var(--radius-md);color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .15s;display:flex}.hylb-iconbtn:hover{color:var(--color-always-white);background:#ffffff14;border-color:#ffffff40}.hylb-iconbtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hylb-iconbtn.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-always-white)}.hylb-iconbtn.is-active:hover{border-color:var(--color-secondary);background:var(--color-secondary)}.hylb-iconbtn svg{width:1.25rem;height:1.25rem}.hylb-main{flex-grow:1;display:flex;position:relative;overflow:hidden}.hylb-slider-container{flex-direction:column;flex-grow:1;max-width:100%;display:flex}.hylb-slider{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}.hylb-slides{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;display:flex;overflow-x:auto}.hylb-slides::-webkit-scrollbar{display:none}.hylb-slide{width:100%;height:100%;padding:var(--space-xl);scroll-snap-align:center;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hylb-slide img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:calc(100vh - 220px);box-shadow:0 25px 50px -12px #0009}.hylb-nav{z-index:10;backdrop-filter:blur(8px);width:3.5rem;height:3.5rem;color:var(--color-always-white);cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hylb-nav svg{width:1.5rem;height:1.5rem}.hylb-nav:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);transform:translateY(-50%)scale(1.05)}.hylb-nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hylb-nav:disabled{opacity:.25;cursor:not-allowed}.hylb-prev{left:var(--space-lg)}.hylb-next{right:var(--space-lg)}.hylb-info{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#0006;border-top:1px solid #ffffff0f;display:flex}.hylb-info.is-empty{display:none}.hylb-info-text{color:#ffffffd9;font-size:var(--text-sm);line-height:var(--lh-relaxed);flex-grow:1}.hylb-info-meta{align-items:flex-start;gap:var(--space-sm);color:#ffffff80;font-size:var(--text-xs);flex-direction:column;display:flex}.hylb-info-meta span{align-items:center;gap:var(--space-xs);display:flex}.hylb-gridview{padding:var(--space-lg);flex-grow:1;overflow-y:auto}.hylb-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.hylb-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.hylb-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.hylb-grid{grid-template-columns:repeat(5,1fr)}}.hylb-thumb{aspect-ratio:4/3;border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:2px solid #0000;padding:0;transition:all .2s;position:relative;overflow:hidden}.hylb-thumb:hover{border-color:#ffffff4d;transform:scale(1.02)}.hylb-thumb:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hylb-thumb.is-active,.hylb-thumb.is-active:hover{border-color:var(--color-primary)}.hylb-thumb img{object-fit:cover;width:100%;height:100%}.hylb-thumb-index{bottom:var(--space-xs);right:var(--space-xs);padding:2px var(--space-xs);border-radius:var(--radius-xs);color:var(--color-always-white);font-size:var(--text-xs);font-weight:var(--fw-medium);background:#000000b3;position:absolute}.hylb-footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid #ffffff0f;justify-content:center;align-items:center;display:flex}.hylb-footer p{color:#fff9;max-width:600px;font-size:var(--text-xs);font-weight:var(--fw-medium);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}