.save-overlay {
      position: fixed; inset: 0;
      background: rgba(0,0,0,0.92);
      z-index: 100;
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding: 20px;
      opacity: 0; pointer-events: none;
      transition: opacity 0.3s;
    }
    .save-overlay.show { opacity: 1; pointer-events: auto; }
    .save-overlay-hint {
      color: #FFF;
      font-family: var(--font-heading);
      font-size: 1.3rem;
      font-weight: var(--weight-bold);
      text-align: center;
      margin-bottom: 16px;
      line-height: 1.6;
    }
    .save-overlay img {
      max-width: 92vw;
      max-height: 65vh;
      border-radius: var(--radius-md);
      box-shadow: 0 0 30px rgba(255,255,255,0.15);
      -webkit-touch-callout: default !important;
    }
    .save-overlay-close {
      margin-top: 20px;
      padding: 14px 40px;
      border: 2px solid #FFF;
      border-radius: var(--radius-lg);
      background: transparent;
      color: #FFF;
      font-family: var(--font-heading);
      font-size: var(--text-h3);
      font-weight: var(--weight-bold);
      cursor: pointer;
      min-height: 50px;
    }
    .save-overlay-close:active { background: rgba(255,255,255,0.2); }

    /* ─── Footer ─── */