/* Version 0.2: Lightbox context, slideshow transition, background lock */
body.lightbox-open { overflow: hidden; }
.lightbox-backdrop { background: rgb(0 0 0 / 72%); }
.lightbox-panel { z-index: 1; }
.lightbox-topbar { display: grid; grid-template-columns: 1fr minmax(0, 2fr) 1fr; }
.source-heading { margin: 0; overflow: hidden; color: #e3e2dd; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.lightbox-actions { justify-content: flex-end; }
.icon-button.is-playing { border-color: #a75b5b; color: #ffb3b3; }
.image-stage { position: relative; }
.image-stage::after { position: absolute; inset: 0; content: ""; background: #000; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.image-stage.is-fading::after { opacity: 1; }
@media (max-width: 760px) { .lightbox-topbar { grid-template-columns: 1fr auto; } .source-heading { display: none; } }