/* The toolbar occupies the viewer's existing top lane. Status overlays the
   reserved caption lane, so loading, dismissal and saving never reflow photos. */
html body main.app-shell #photoLightbox .photo-lightbox-export {
  position: absolute !important;
  top: calc(max(12px, env(safe-area-inset-top)) + 4px) !important;
  right: calc(max(14px, env(safe-area-inset-right)) + 54px) !important;
  z-index: 12 !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  box-sizing: border-box;
  min-height: 44px; min-width: 120px; max-width: calc(100% - 160px);
  margin: 0; padding: 8px 12px; gap: 7px;
  border: 1px solid #bfded5; border-radius: 14px;
  color: #00243f; background: #e8f5f0; box-shadow: 0 2px 8px #001a2b24;
  font: 650 14px/1.2 system-ui, sans-serif;
  transform: none !important; transition: background-color .15s ease;
  touch-action: manipulation;
}
html body main.app-shell #photoLightbox .photo-lightbox-export::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3m-4 4 4-4 4 4M7 10H5a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1h-2'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body main.app-shell #photoLightbox .photo-lightbox-export:not(:disabled):active { background: #d2eee5; }
html body main.app-shell #photoLightbox .photo-lightbox-export[hidden] { display: none !important; }
html body main.app-shell #photoLightbox .photo-lightbox-export:disabled { opacity: .6; }
html body main.app-shell #photoLightbox .photo-lightbox-export:focus-visible { outline: 2px solid #73dac6; outline-offset: 3px; }
html body main.app-shell #photoLightbox .photo-lightbox-export-status {
  position: absolute; z-index: 12;
  left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  margin: 0; text-align: center; pointer-events: none;
  color: #cce9e7; font: 500 13px/1.3 system-ui, sans-serif;
}
html body main.app-shell #photoLightbox.has-photo-export-status #photoLightboxCaption { visibility: hidden; }
html body main.app-shell #photoLightbox.has-native-photo-export .photo-lightbox-gallery img {
  -webkit-touch-callout: none;
  -webkit-user-select: none; user-select: none;
  -webkit-user-drag: none;
}