.sample-lightbox { width:min(1100px,100vw); max-width:100vw; height:94dvh; max-height:100dvh; padding:.6rem; border:1px solid #6c7186; border-radius:.8rem; background:#11131e; color:#fff; }
.sample-lightbox::backdrop { background:rgba(0,0,0,.9); }
.sample-lightbox__tools { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.sample-lightbox button { min-height:44px; padding:.5rem .8rem; border:1px solid #808697; border-radius:.4rem; color:inherit; background:#252936; }
.sample-lightbox button:disabled { opacity:.35; }
.sample-lightbox button:focus-visible { outline:3px solid #7dd3fc; }
.sample-lightbox__viewport { height:calc(100% - 64px); overflow:auto; overscroll-behavior:contain; }
.sample-lightbox__viewport img { display:block; margin:auto; width:auto; max-width:100%; height:100%; object-fit:contain; }
.sample-lightbox__viewport img.is-zoomed { width:160%; max-width:none; height:auto; }
.sample-end-actions { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin:1rem 0; }
.sample-end-actions .detail-action-tools { flex-basis:100%; margin:0; }
.sample-end-actions .btn, .sample-end-actions .detail-action-button { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:400px) { .sample-lightbox button { padding:.5rem; } }