:root{--klb-bg: #0b0b0f;--klb-fg: #f5f5f7;--klb-muted: rgba(245, 245, 247, 0.7);--klb-accent: #5b8cff;--klb-radius: 12px;--klb-backdrop: rgba(0, 0, 0, var(--klb-backdrop-opacity, 0.85));--klb-backdrop-blur: 8px;--klb-backdrop-opacity: 0.85;--klb-z: 100000;--klb-toolbar-bg: rgba(20, 20, 28, 0.55);--klb-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);--klb-thumb-size: 64px;--klb-ease: cubic-bezier(0.22, 1, 0.36, 1);--klb-duration: 350ms;--klb-drag-opacity: 1}html.klb-scroll-locked{overflow:hidden;padding-inline-end:var(--klb-sbw, 0px)}.klb{position:fixed;inset:0;z-index:var(--klb-z);display:flex;align-items:center;justify-content:center;color:var(--klb-fg);opacity:1;pointer-events:none}.klb--open{pointer-events:auto}.klb--closing{pointer-events:none}.klb--closing .klb-backdrop{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.klb--closing .klb-backdrop::before{opacity:0}.klb--closing .klb-stage,.klb--closing .klb-toolbar,.klb--closing .klb-nav,.klb--closing .klb-counter,.klb--closing .klb-thumbs,.klb--closing .klb-progress{opacity:0}.klb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0);opacity:1;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:backdrop-filter var(--klb-duration) var(--klb-ease),-webkit-backdrop-filter var(--klb-duration) var(--klb-ease)}.klb-backdrop::before{content:"";position:absolute;inset:0;background:var(--klb-backdrop);opacity:0;transition:opacity var(--klb-duration) var(--klb-ease);pointer-events:none}.klb--open .klb-backdrop{backdrop-filter:blur(var(--klb-backdrop-blur));-webkit-backdrop-filter:blur(var(--klb-backdrop-blur))}.klb--open .klb-backdrop::before{opacity:var(--klb-drag-opacity, 1)}.klb-stage,.klb-toolbar,.klb-nav,.klb-counter,.klb-thumbs,.klb-progress{transition:opacity var(--klb-duration) var(--klb-ease)}.klb-stage{position:relative;z-index:2;width:100%;height:100%;max-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 24px;box-sizing:border-box}.klb--has-thumbs .klb-stage{padding-bottom:calc(var(--klb-thumb-size, 64px) + 72px)}.klb-content{position:relative;z-index:2;max-width:90vw;max-height:min(90vh,90dvh);border-radius:var(--klb-radius);overflow:hidden;box-shadow:var(--klb-shadow);background:rgba(0,0,0,0);opacity:0}.klb-content--ready{opacity:1}.klb--has-thumbs .klb-content{max-height:min(70vh,100dvh - 220px)}.klb-media{display:block;max-width:90vw;max-height:min(85vh,85dvh);width:auto;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none}.klb-media--image{cursor:zoom-in;transition:transform .15s ease-out}.klb-media--image.klb-zoomed{cursor:grab}.klb-media--video,.klb-media--iframe,.klb-media--ajax{width:min(90vw,1100px);max-height:min(85vh,85dvh);background:#000}.klb-media--iframe{border:0;min-height:50vh;aspect-ratio:16/9}.klb-media--ajax{background:var(--klb-fg);color:#111;padding:24px;overflow:auto}.klb--has-thumbs .klb-media{max-height:min(68vh,100dvh - 240px)}.klb-inline-content{display:block !important;visibility:visible !important;max-width:min(90vw,800px);max-height:min(85vh,85dvh);overflow:auto;background:#fff;color:#111;padding:24px;border-radius:var(--klb-radius)}.klb-protect{position:absolute;inset:0;z-index:3}.klb-loader{position:absolute;width:40px;height:40px;border:3px solid hsla(0,0%,100%,.25);border-top-color:#fff;border-radius:50%;animation:klb-spin .7s linear infinite;z-index:3}.klb-caption{position:relative;z-index:2;margin-top:12px;max-width:min(90vw,800px);text-align:center;color:var(--klb-muted);font-size:.95rem;line-height:1.4}.klb-counter{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:4;font-size:.875rem;color:var(--klb-muted);background:var(--klb-toolbar-bg);backdrop-filter:blur(8px);padding:6px 12px;border-radius:999px}.klb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border:0;border-radius:50%;background:var(--klb-toolbar-bg);color:var(--klb-fg);cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px);transition:opacity .2s,transform .2s}.klb-nav:hover{transform:translateY(-50%) scale(1.06)}.klb-nav:disabled{opacity:.35;cursor:default}.klb-nav--prev{left:12px}.klb-nav--next{right:12px}.klb-nav svg{width:22px;height:22px}.klb-error{text-align:center;padding:32px;background:rgba(0,0,0,.6);border-radius:var(--klb-radius)}@keyframes klb-spin{to{transform:rotate(360deg)}}@media(max-width: 720px){.klb-stage{padding:48px 8px 16px}.klb-nav{width:40px;height:40px}.klb-nav--prev{left:4px}.klb-nav--next{right:4px}}.klb-toolbar{position:absolute;top:12px;right:12px;z-index:5;display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--klb-toolbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .25s,transform .25s}.klb--idle .klb-toolbar,.klb--idle .klb-nav,.klb--idle .klb-counter,.klb--idle .klb-thumbs{opacity:0;pointer-events:none}.klb--slideshow.klb--idle .klb-toolbar,.klb--slideshow.klb--idle .klb-nav,.klb--slideshow.klb--idle .klb-counter,.klb--slideshow.klb--idle .klb-thumbs{opacity:1;pointer-events:auto}.klb-btn{width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,0);color:var(--klb-fg);cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}.klb-btn:hover{background:hsla(0,0%,100%,.12);transform:scale(1.05)}.klb-btn svg{width:20px;height:20px}.klb-thumbs{position:absolute;z-index:8;left:50%;transform:translateX(-50%);max-width:min(92vw,900px);transition:opacity .25s}.klb-thumbs--bottom{bottom:12px}.klb-thumbs--top{top:56px}.klb-thumbs-track{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px;border-radius:14px;background:var(--klb-toolbar-bg);backdrop-filter:blur(10px);-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.klb-thumbs-track::-webkit-scrollbar{width:0;height:0;display:none}.klb-thumb{flex:0 0 var(--klb-thumb-size);width:var(--klb-thumb-size);height:var(--klb-thumb-size);border:2px solid rgba(0,0,0,0);border-radius:10px;padding:0;overflow:hidden;background:hsla(0,0%,100%,.08);cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s,transform .15s}.klb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.klb-thumb.is-active{opacity:1;border-color:var(--klb-accent);transform:translateY(-2px)}.klb-thumb--icon{display:grid;place-items:center;color:var(--klb-fg);font-weight:600}@media(prefers-reduced-motion: reduce){.klb,.klb-backdrop,.klb-stage,.klb-content,.klb-toolbar,.klb-nav,.klb-counter,.klb-thumbs,.klb-progress,.klb-loader,.klb-progress-bar{transition:none !important;animation:none !important}.klb--open .klb-backdrop{backdrop-filter:blur(var(--klb-backdrop-blur));-webkit-backdrop-filter:blur(var(--klb-backdrop-blur))}.klb--open .klb-backdrop::before{opacity:1}.klb-content{transform:none;opacity:1}}.klb-content.klb-anim-zoom{animation:klb-zoom-in var(--klb-duration) var(--klb-ease)}.klb-content.klb-anim-fade{animation:klb-fade-in var(--klb-duration) var(--klb-ease)}.klb-content.klb-anim-slide-next{animation:klb-slide-next var(--klb-duration) var(--klb-ease)}.klb-content.klb-anim-slide-prev{animation:klb-slide-prev var(--klb-duration) var(--klb-ease)}@keyframes klb-zoom-in{from{transform:scale(0.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes klb-fade-in{from{opacity:0}to{opacity:1}}@keyframes klb-slide-next{from{transform:translateX(48px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes klb-slide-prev{from{transform:translateX(-48px);opacity:0}to{transform:translateX(0);opacity:1}}.klb-progress{position:absolute;top:0;left:0;right:0;z-index:9;height:3px;background:hsla(0,0%,100%,.12);opacity:0;pointer-events:none;transition:opacity .2s}.klb-progress.is-active{opacity:1}.klb-progress-bar{height:100%;width:0;background:var(--klb-accent);border-radius:0 2px 2px 0;will-change:width}.klb-btn-slideshow.is-active{background:rgba(91,140,255,.25)}.klb--slideshow .klb-thumbs,.klb--slideshow .klb-toolbar,.klb--slideshow .klb-nav,.klb--slideshow .klb-counter{opacity:1;pointer-events:auto}.klb-theme-light{--klb-bg: #f4f4f7;--klb-fg: #111;--klb-muted: rgba(17, 17, 17, 0.7);--klb-backdrop: rgba(255, 255, 255, var(--klb-backdrop-opacity, 0.82));--klb-toolbar-bg: rgba(255, 255, 255, 0.72)}.klb-theme-glass{--klb-bg: transparent;--klb-fg: #fff;--klb-muted: rgba(255, 255, 255, 0.75);--klb-backdrop: rgba(10, 14, 28, clamp(0.2, var(--klb-backdrop-opacity), 0.72));--klb-backdrop-blur: 18px;--klb-toolbar-bg: rgba(255, 255, 255, 0.12)}.klb-theme-dark{--klb-bg: #0b0b0f;--klb-fg: #f5f5f7}