.image-lightbox{position:fixed;inset:0;margin:auto;border:0;padding:0;width:min(1320px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);border-radius:12px;background:#fff;color:#16191f;box-shadow:0 24px 90px #101b4050;overflow:hidden}
.image-lightbox::backdrop{background:rgba(16,23,42,.75);backdrop-filter:blur(4px)}
.image-lightbox-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 64px)}
.image-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border-bottom:1px solid #e5e7ec;flex:none}
.image-lightbox header p{margin:0;font-size:15px;line-height:1.6;color:#626875}
.image-lightbox button{flex:none;border:1px solid #dfe3eb;border-radius:6px;padding:10px 16px;background:#fff;color:#2446ed;font:inherit;cursor:pointer;min-height:44px}
.image-lightbox button:focus-visible{outline:3px solid #2446ed;outline-offset:3px}
.image-lightbox-body{padding:16px;overflow:auto;min-height:0;background:#f5f6fa;display:flex;align-items:center;justify-content:center}
.image-lightbox-body img{display:block;max-width:100%;max-height:calc(100dvh - 180px);width:auto;height:auto;object-fit:contain}
@media(max-width:760px){.image-lightbox{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:8px}.image-lightbox-panel{max-height:calc(100dvh - 32px)}.image-lightbox header{padding:12px;gap:12px}.image-lightbox header p{font-size:13px}.image-lightbox button{padding:8px 12px}.image-lightbox-body{padding:6px}.image-lightbox-body img{max-height:calc(100dvh - 160px)}}