:root{--surface:#fff;--soft:#edf4f0;--border:var(--line);color-scheme:only light}

.sharing-form { display: grid; gap: .65rem; max-width: 44rem; margin: 1.5rem 0; }
.sharing-form button { justify-self: start; }
.sharing-form label:has([type=checkbox]) { display: inline-flex; align-items: center; gap: .5rem; margin-right: 1rem; }
.sharing-form input[type=checkbox] { width: auto; min-height: 24px; }
.sharing-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1rem; }
.sharing-links a { overflow-wrap: anywhere; }
.sharing-page details { margin-block: 1rem; }
.sharing-page summary { cursor: pointer; padding: .75rem 0; font-weight: 600; }
.sharing-page img { max-width: 100%; object-fit: contain; background: white; }