.image-share-dialog { box-sizing:border-box; width:520px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); margin:auto; padding:28px; border:1px solid #dbd4cb; border-radius:16px; background:#faf8f4; color:#302a31; box-shadow:0 24px 80px #302a3133; font:15px/1.5 "DM Sans",system-ui,sans-serif; overflow:auto; overscroll-behavior:contain; }
.image-share-dialog::backdrop { background:#302a3177; }
.image-share-dialog * { box-sizing:border-box; }
.image-share-dialog [hidden] { display:none !important; }
.image-share-dialog button,.image-share-dialog input { font:inherit; }
.image-share-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:-28px; z-index:1; padding-top:8px; margin-top:-8px; background:#faf8f4; }
.image-share-heading h2 { margin:0; font-size:23px; font-weight:600; }
.image-share-heading button { border:0; background:none; color:inherit; font-size:28px; width:44px; height:44px; flex-shrink:0; cursor:pointer; }
.image-share-dialog p { margin:12px 0 22px; color:#706770; }
.image-share-dialog button { cursor:pointer; }
.image-share-dialog button:disabled { cursor:wait; opacity:.55; }
.image-share-primary { border:0; border-radius:8px; background:#3c1a47; color:white; padding:13px 20px; width:100%; }
.image-share-fallback label { display:block; margin-bottom:7px; font-size:13px; }
.image-share-fallback input { min-width:0; width:100%; border:1px solid #dbd4cb; border-radius:8px; padding:12px; background:white; color:inherit; font-size:16px; }
.image-share-dialog .buttonGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px 7px; margin:26px 0; }
.image-share-dialog .button { display:flex; flex-direction:column; align-items:center; gap:7px; background:none; border:0; color:inherit; padding:0; min-width:0; }
.image-share-dialog .button img { width:44px; height:44px; padding:11px; border-radius:50%; background:#706770; }
.image-share-dialog .share-label { font-size:11px; }
.image-share-dialog .link img { background:#3c1a47; }.image-share-dialog .facebook img { background:#4267b2; }.image-share-dialog .twitter img { background:#302a31; }.image-share-dialog .pinterest img { background:#cb2027; }.image-share-dialog .reddit img { background:#ff4500; }.image-share-dialog .whatsapp img { background:#25a853; }.image-share-dialog .snapchat img { background:#fffc00; }.image-share-dialog .wechat img { background:#4ec034; }
.image-share-native,.image-share-stop { display:block; width:100%; min-height:44px; border:1px solid #dbd4cb; border-radius:8px; padding:10px; background:transparent; color:#3c1a47; margin-top:10px; }
.image-share-stop { border:0; text-decoration:underline; font-size:13px!important; }
.image-share-dialog .image-share-status { font-size:13px; margin:14px 0 0; min-height:20px; }
.image-share-dialog .image-share-status:empty { display:none; }
.image-share-dialog :focus-visible { outline:3px solid #93689e; outline-offset:3px; }
@media(max-width:600px) {
  .image-share-dialog { padding:18px; }
  .image-share-heading { top:-18px; }
  .image-share-dialog .buttonGrid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 8px; margin:22px 0; }
}
/* Keep four actions inside small thumbnails; Download and Share sit together. */
@media(max-width:760px) {
  #imageStudio .studio-card:has([data-action=share]) .studio-actions { display:grid; grid-template-columns:repeat(2,32px); }
  #imageStudio .studio-gallery[data-layout=single] .studio-card:has([data-action=share]) .studio-actions { grid-template-columns:repeat(2,44px); }
  #imageStudio .studio-gallery[data-layout=single] .studio-card:has([data-action=share]) .studio-action { width:44px; height:44px; }
  #imageStudio .studio-gallery[data-layout=three] .studio-card:has([data-action=share]) .studio-actions { grid-template-columns:repeat(2,24px); }
}