.share-card-frame {
  margin-block: 10px 14px;
}

#share-card-preview {
  display: block;
  width: min(100%, 370px);
  height: auto;
  margin-inline: auto;
  border-radius: 18px;
  background-color: #24201d;
  box-shadow: 0 12px 28px #0005;
}

#share-card-preview[hidden],
#save-share-card[hidden],
#share-card-status:empty {
  display: none;
}

#share-card-status {
  margin: 0;
  padding: 18px;
  border-radius: 18px;
  background: var(--sheet-control, #333);
  color: var(--sheet-secondary, #ded6ce);
  text-align: center;
  font-size: 13px;
}

.share-card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 110px), 1fr));
  gap: 8px;
}

#share-dialog .share-card-actions :is(#save-share-card, #copy-share, #system-share) {
  width: 100%;
  justify-content: center;
  margin: 0;
  padding-inline: 8px;
  white-space: nowrap;
  text-decoration: none;
}