/* Generated from site-src/styles.css; keep the official share design. */
.share-actions { width: 100%; margin-top: 16px; }
.share-actions__heading { margin: 0 0 10px; color: var(--ink); font-size: 13px; font-weight: 800; text-align: center; }
.share-actions__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.share-action {
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-rows: 62px;
  overflow: hidden;
  border: 1px solid rgba(16,17,20,.14);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 7px 18px rgba(16,17,20,.08);
  transition: transform 120ms var(--ease), box-shadow 160ms var(--ease);
}
.share-action__brand { min-width: 0; padding: 7px 3px 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #fff; }
.share-action__icon { width: 24px; height: 24px; flex: 0 0 auto; }
.share-action__brand-name { max-width: 100%; overflow: hidden; font-size: 11px; line-height: 1; font-weight: 800; text-overflow: ellipsis; }
.share-action--instagram .share-action__brand { background: linear-gradient(135deg, #405de6 0%, #5851db 22%, #833ab4 45%, #c13584 67%, #e1306c 83%, #fd1d1d 100%); }
.share-action--x .share-action__brand { background: #000; }
.share-action--line .share-action__brand { background: #06c755; }
.share-action:active { transform: scale(.975); }
.share-actions__guidance { margin: 9px 4px 0; color: var(--muted); font-size: 11px; line-height: 1.65; text-align: center; }
.share-actions__assist { margin-inline-start: .4em; display: inline-flex; gap: .7em; align-items: baseline; }
.share-actions__save,
.share-actions__text-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.share-actions__text-button { cursor: pointer; }
.share-actions__save:focus-visible,
.share-actions__text-button:focus-visible { outline: 2px solid #245dce; outline-offset: 2px; border-radius: 2px; }
.share-action[aria-busy="true"] { cursor: progress; }
.share-action:focus-visible { outline: 3px solid #245dce; outline-offset: 3px; }