/* ==========================================================================
   SHARE SHEET — preview of the photo / clip with Close · Save · Share
   ========================================================================== */

.sheet {
  position: absolute; inset: 0; z-index: 50;
  display: flex; align-items: flex-end; justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s var(--ease-out);
}
.sheet.is-open { opacity: 1; pointer-events: auto; }

.sheet__panel {
  width: auto;
  max-width: min(460px, calc(100% - 24px));
  margin: 0 12px calc(var(--safe-bottom) + 12px);
  padding: 12px 12px 16px;
  border-radius: 32px;
  display: flex; flex-direction: column; gap: 16px;
  transform: translateY(60px) scale(0.96);
  transition: transform 0.6s var(--spring);
}
.sheet.is-open .sheet__panel { transform: none; }

.sheet__media { display: flex; justify-content: center; }
.sheet__media img,
.sheet__media video {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: calc(100vh - 200px - var(--safe-top) - var(--safe-bottom));
  border-radius: 22px;
  background: #000;
  object-fit: contain;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.sheet__actions { display: flex; justify-content: center; gap: 20px; }
.sheet__actions .icon-btn { width: 56px; height: 56px; }
.sheet__actions .icon-btn svg { width: 22px; height: 22px; }

.sheet__primary {
  color: #0b0b0a;
  background: var(--ink);
}