/* LiteBox v1.1 - Lightweight Fancybox Alternative | Vanilla JS | MIT License */
:root{--lb-bg:rgba(0,0,0,.92);--lb-ui:#fff;--lb-ui-hover:rgba(255,255,255,.85);--lb-caption-bg:rgba(0,0,0,.6);--lb-radius:6px;--lb-z:99999;--lb-transition:.3s cubic-bezier(.4,0,.2,1)}
.litebox-overlay{position:fixed;inset:0;z-index:var(--lb-z);background:var(--lb-bg);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--lb-transition);-webkit-user-select:none;user-select:none;touch-action:pan-y}
.litebox-overlay.lb-active{opacity:1}
.litebox-overlay.lb-closing{opacity:0;pointer-events:none}
.litebox-wrap{position:relative;max-width:94vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.litebox-content{position:relative;transform:scale(.92) translateY(12px);opacity:0;transition:transform var(--lb-transition),opacity var(--lb-transition)}
.lb-active .litebox-content{transform:scale(1) translateY(0);opacity:1}
.litebox-content img{display:block;max-width:94vw;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:var(--lb-radius);box-shadow:0 8px 40px rgba(0,0,0,.5)}
.litebox-content img.lb-zoomed{max-width:none;max-height:none;cursor:zoom-out;border-radius:0}
.litebox-content iframe,.litebox-content video{display:block;max-width:94vw;max-height:85vh;border:0;border-radius:var(--lb-radius);box-shadow:0 8px 40px rgba(0,0,0,.5)}
.litebox-caption{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:var(--lb-caption-bg);color:var(--lb-ui);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:center;border-radius:0 0 var(--lb-radius) var(--lb-radius);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.litebox-btn{position:absolute;z-index:2;background:none;border:0;color:var(--lb-ui);cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.litebox-btn:hover{opacity:1}
.litebox-btn:active{transform:scale(.9)}
.litebox-btn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.litebox-close{top:16px;right:16px}
.litebox-close svg{width:24px;height:24px}
.litebox-prev,.litebox-next{top:50%;transform:translateY(-50%)}
.litebox-prev:hover,.litebox-next:hover{transform:translateY(-50%) scale(1.1)}
.litebox-prev:active,.litebox-next:active{transform:translateY(-50%) scale(.9)}
.litebox-prev{left:12px}
.litebox-next{right:12px}
.litebox-counter{position:absolute;top:18px;left:18px;color:var(--lb-ui);font:500 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;opacity:.7;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.litebox-loader{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--lb-ui);border-radius:50%;animation:lb-spin .7s linear infinite}
@keyframes lb-spin{to{transform:rotate(360deg)}}
.litebox-thumbs{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:rgba(0,0,0,.5);border-radius:8px;backdrop-filter:blur(6px);max-width:80vw;overflow-x:auto}
.litebox-thumbs img{width:48px;height:48px;object-fit:cover;border-radius:4px;opacity:.5;cursor:pointer;transition:opacity .2s,outline .2s;flex-shrink:0}
.litebox-thumbs img:hover{opacity:.8}
.litebox-thumbs img.lb-thumb-active{opacity:1;outline:2px solid var(--lb-ui);outline-offset:1px}
@media(max-width:640px){.litebox-btn svg{width:24px;height:24px}.litebox-prev{left:6px}.litebox-next{right:6px}.litebox-close{top:10px;right:10px}.litebox-counter{top:12px;left:12px;font-size:12px}.litebox-caption{font-size:13px;padding:8px 12px}.litebox-thumbs{bottom:8px;gap:4px;padding:4px}.litebox-thumbs img{width:36px;height:36px}}