:root{--ink:#0f172a;--ink2:#1e293b;--gray:#64748b;--gray2:#94a3b8;--border:#e2e8f0;--bg:#ffffff;--bg2:#f8fafc;--blue:#3b82f6;--blue-dark:#2563eb;--blue-pale:#eff6ff;--blue-text:#3b82f6;--radius:12px;--radius-sm:8px}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 48px 48px;cursor:zoom-out}.lightbox__close{position:absolute;top:20px;right:24px;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:20px;cursor:pointer;padding:8px;line-height:1;transition:color .15s}.lightbox__close:hover{color:#fff}.lightbox__frame{flex:1 1;min-height:0;width:100%;max-width:100%;position:relative;cursor:default}.lightbox__img,.lightbox__video{object-fit:contain;border-radius:4px;animation:lightbox-in .2s ease}.lightbox__video{position:absolute;inset:0;width:100%;height:100%}.lightbox__bar{flex-shrink:0;display:flex;align-items:center;gap:20px;margin-top:20px;cursor:default}.lightbox__bar-btn{background:hsla(0,0%,100%,.08);border:none;color:hsla(0,0%,100%,.7);font-size:16px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.lightbox__bar-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.lightbox__bar-count{color:hsla(0,0%,100%,.5);font-size:13px;letter-spacing:.05em;min-width:36px;text-align:center}@keyframes lightbox-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.lightbox{padding:56px 16px 32px}}