.collection-editor-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:auto; }
.collection-editor-actions .button { min-height:36px; padding-inline:13px; font-size:11px; white-space:nowrap; }
#collection-preview[aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
#collection-sharing-dialog { width:min(560px,calc(100% - 32px)); }
#collection-sharing-dialog .dialog-top { margin-bottom:12px; }
#collection-sharing-description { margin-bottom:17px; }
.collection-sharing-status { margin:0 0 22px; color:#59634f; font-size:11px; font-weight:600; line-height:1.6; }
.collection-sharing-modes { min-width:0; margin:0; padding:0; border:0; display:grid; gap:10px; }
.collection-sharing-modes legend { padding:0; margin-bottom:10px; font-size:12px; font-weight:570; }
.collection-sharing-modes label { display:flex; align-items:flex-start; gap:11px; margin:0; padding:14px 15px; border:1px solid var(--line); border-radius:8px; background:#fff; cursor:pointer; }
.collection-sharing-modes label:has(input:checked) { background:#f5f6f1; border-color:#a8b29c; }
.collection-sharing-modes label:has(input:disabled) { cursor:default; }
.collection-sharing-modes input { flex-shrink:0; width:16px; height:16px; margin:2px 0 0; accent-color:var(--accent); }
.collection-sharing-modes input:focus-visible { outline:2px solid #d96a60; outline-offset:4px; }
.collection-sharing-modes label > span { min-width:0; }
.collection-sharing-modes strong { display:block; margin-bottom:4px; font-size:12px; font-weight:600; line-height:1.5; }
.collection-sharing-modes label span span { display:block; color:var(--muted); font-size:11px; font-weight:400; line-height:1.7; }
.collection-sharing-notice { padding:12px 14px; margin:19px 0 0; border-left:3px solid #b4bea7; border-radius:0 5px 5px 0; background:#f4f5ef; color:#58634c; font-size:11px; line-height:1.8; }
#collection-sharing-published { margin-top:17px; }
.collection-sharing-copy-row { display:flex; align-items:center; gap:8px; }
.collection-sharing-copy-row .input-wrap { flex:1; min-width:0; background:#f8f8f5; border-color:#c7cdbf; }
.collection-sharing-copy-row input { font-size:11px; }
.collection-sharing-copy-row .button { flex-shrink:0; padding-inline:14px; min-height:46px; font-size:11px; }
.collection-sharing-privacy-actions { display:flex; flex-wrap:wrap; align-items:center; gap:13px 22px; margin-top:23px; }
.collection-sharing-privacy-actions:has(button:not([hidden])) { padding-top:17px; border-top:1px solid var(--line); }
.collection-sharing-privacy-actions .text-button { min-height:32px; font-size:11px; }
#collection-sharing-make-private { color:var(--accent); }
#collection-sharing-reload { margin-top:15px; min-height:38px; font-size:11px; }
#collection-sharing-dialog .dialog-footnote { line-height:1.7; }
@media (max-width:760px) {
  .collection-editor-toolbar { flex-wrap:wrap; gap:14px; }
  .collection-editor-toolbar > .collection-private { margin-left:auto; }
  .collection-editor-actions { flex-basis:100%; }
}
@media (max-width:600px) {
  .collection-editor-actions { gap:7px; }
  .collection-editor-actions .button { flex:1; min-width:0; padding-inline:9px; }
  #collection-sharing-dialog .dialog-content { padding:23px 20px; }
  .collection-sharing-modes label { padding:12px; }
  #collection-sharing-dialog .dialog-footnote { padding-inline:20px; font-size:10px; }
  #collection-sharing-dialog .dialog-actions { flex-wrap:wrap; }
  #collection-sharing-dialog .dialog-actions .button { padding-inline:14px; }
}
@media (max-width:380px) {
  .collection-sharing-copy-row { align-items:stretch; flex-direction:column; }
  .collection-sharing-copy-row .button { align-self:flex-end; min-height:36px; }
  #collection-sharing-dialog .dialog-actions .button-primary { flex:1; }
}
#collection-sharing-public-fields { margin-top:18px; }
.collection-sharing-profile { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin-bottom:18px; }
.collection-sharing-profile .input-hint { flex:1; min-width:150px; margin:0; overflow-wrap:anywhere; }
.collection-sharing-profile .text-button { font-size:11px; min-height:32px; }
#collection-sharing-slug { font-size:12px; }
#collection-sharing-profile-status { overflow-wrap:anywhere; }
