.media-editor-tools { margin: 0 0 24px; }
.media-editor-tools[hidden] { display: none; }
.section-index-header[data-section-title] .section-index-header__title:has(.media-tools-toggle) { grid-template-columns: 50px minmax(0, 1fr) 44px; }
.media-tools-toggle { width:44px; height:30px; align-self:center; padding:0; border:1px solid var(--line); border-radius:4px; background:transparent; color:var(--soft); font:400 12px/1 "Space Grotesk",sans-serif; cursor:pointer; }
.media-tools-toggle:hover, .media-tools-toggle[aria-expanded="true"] { color:var(--ink); border-color:var(--soft); }
.media-tools-toggle:focus-visible { outline:2px solid var(--accent, #7c54ba); outline-offset:3px; }
.media-summary-tools summary { width: fit-content; cursor: pointer; color: var(--soft); font: 400 14px/24px "Space Grotesk", sans-serif; }
.media-editor-tools .media-design-switcher { margin: 16px 0 0; }
.media-editor-tools + .about-section { margin-top: 0; }
.is-reviewing .media-editor-tools .media-design-switcher { display: flex; }
.media-summary-tools { margin-top: 12px; }
.media-summary-tools .about-section-filters { justify-content: flex-start; margin-top: 8px; }
.media-reference-count[hidden] { display: none !important; }
#media-reference-sort { flex-wrap: nowrap; }
#media-reference-sort button { white-space: nowrap; }
@media (max-width: 700px) {
  .section-index-header[data-section-title] .section-index-header__title:has(.media-tools-toggle) { grid-template-columns: 44px minmax(0, 1fr) 44px; column-gap:10px; }
  .media-tools-toggle { align-self:start; margin-top:5px; }
  .media-design-preview .about-section__heading { flex-wrap: wrap; }
  #media-reference-sort { width: 100%; justify-content: flex-start; gap: 4px; overflow-x: auto; padding-bottom: 4px; }
  #media-reference-sort button { font-size: 13px; flex: none; padding-inline: 6px; }
}