/* Retain the whole composition for selected slides in both viewer modes. */
#lightbox .slide-image[data-presentation],
#preview .admin-preview-slide[data-presentation]{
 inset:0;left:0;top:0;transform:none;
 width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;
}
#lightbox .stage:has([data-presentation=logo-light]),
#preview .admin-preview-stage:has([data-presentation=logo-light]){background:#f7f5f4!important}
#lightbox .stage:has([data-presentation=logo-dark]),
#preview .admin-preview-stage:has([data-presentation=logo-dark]){background:#090b0c!important}
#lightbox .stage:has([data-presentation=poster]),
#preview .admin-preview-stage:has([data-presentation=poster]){background:#dcdcdc!important}
#lightbox .stage:has([data-presentation=shirt]),
#preview .admin-preview-stage:has([data-presentation=shirt]){background:#ab9d8a!important}
/* Keep controls legible on the two light backgrounds. */
#lightbox:has([data-presentation=logo-light]),
#lightbox:has([data-presentation=poster]){color:#22231f}
#lightbox:has([data-presentation=logo-light]) :is(.lightbox-bottom,#image-fit-toggle),
#lightbox:has([data-presentation=poster]) :is(.lightbox-bottom,#image-fit-toggle){color:#22231f;filter:none}