/* Shared Site Media controls: compact browsing, explicit advanced filters. */
.site-media-organization[hidden] { display: none !important; }
[data-site-workspace-surface] main [data-site-media-library] { gap: 12px; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-manager { height: auto; min-height: 0; overflow: visible; gap: 12px; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-results { overflow: visible; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-browser-toolbar { display: grid; grid-template-columns: minmax(160px, 1fr) auto auto 88px; gap: 8px; padding: 0; align-items: center; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-search { min-width: 0; width: 100%; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-search input { height: 44px; border-radius: 10px; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-browser-toolbar > button { height: 44px; min-height: 44px; border-radius: 10px; gap: 5px; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-filter-toggle[aria-expanded=true] { border-color: var(--media-accent); color: var(--media-accent); background: var(--media-soft); }
[data-site-workspace-surface] main [data-site-media-library] .site-media-filter-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 6px; padding-inline: 3px; font-size: 10px; line-height: 1; background: var(--media-soft); color: var(--media-accent); }
[data-site-workspace-surface] main [data-site-media-library] .site-media-view { display: grid; grid-template-columns: 44px 44px; width: 88px; height: 44px; min-height: 44px; padding: 0; gap: 0; border: 0; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--media-line); overflow: visible; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-view button { width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; border-radius: 9px; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-view button:focus-visible { outline-offset: -3px; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-organization { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; align-items: end; min-width: 0; padding: 14px; border: 1px solid var(--media-line); border-radius: 12px; background: var(--media-soft); }
[data-site-workspace-surface] main [data-site-media-library] .site-media-organization label { display: grid; gap: 6px; min-width: 0; width: 100%; flex: none; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-organization label > span { font-size: 12px; font-weight: 600; color: var(--media-muted); }
[data-site-workspace-surface] main [data-site-media-library] .site-media-organization select { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; height: 44px; min-height: 44px; border-radius: 10px; font-size: 16px; padding: 8px 30px 8px 11px; color-scheme: light; }
[data-site-workspace-surface].dark main [data-site-media-library] .site-media-organization select,
.dark [data-site-workspace-surface] main [data-site-media-library] .site-media-organization select { color-scheme: dark; }
[data-site-workspace-surface] main [data-site-media-library] .site-media-reset { justify-self: start; min-height: 44px; padding: 8px 12px; border: 1px solid var(--media-line); border-radius: 10px; color: var(--media-ink); background: var(--media-panel); }
@media (max-width: 767px) {
  [data-site-workspace-surface] main [data-site-media-library] { gap: 12px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; border-radius: 16px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header > div:first-child { min-width: 0; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header h2 { margin: 0; font-size: 23px; line-height: 1.2; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header p,
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header > div:first-child > span { display: none; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header > div:last-child { display: flex; flex-wrap: nowrap; width: auto; gap: 6px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header button { min-height: 44px; height: 44px; padding-inline: 8px; font-size: 12px; gap: 5px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-page-header button:first-child { width: 44px; padding: 0; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-summary { min-height: 44px; flex-wrap: wrap; justify-content: flex-start; gap: 8px; border: 0; border-bottom: 1px solid var(--media-line); border-radius: 0; padding: 0; box-shadow: none; background: transparent; font-size: 11px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-summary > span { white-space: nowrap; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-summary > button { margin-left: auto; min-height: 44px; height: 44px; padding-inline: 5px; font-size: 11px; gap: 3px; white-space: nowrap; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-manager { padding: 12px; border-radius: 16px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-browser-toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 88px; gap: 8px 6px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-search { grid-column: 1 / -1; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-search input { font-size: 16px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-browser-toolbar > button { min-width: 0; padding-inline: 2px; gap: 3px; font-size: 12px; white-space: nowrap; letter-spacing: -.01em; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-browser-toolbar > button svg { width: 16px; height: 16px; flex-shrink: 0; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-type-filters { flex-wrap: nowrap; width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; gap: 6px; padding: 1px 1px 4px; scrollbar-width: thin; overscroll-behavior-inline: contain; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-type-filters button { min-height: 44px; padding: 8px; font-size: 12px; border-radius: 10px; white-space: nowrap; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-organization { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 12px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-result-count { margin: 0; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-empty { min-height: 210px; padding: 24px 14px; gap: 10px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-empty > svg { width: 44px; height: 44px; padding: 10px; }
  [data-site-workspace-surface] main [data-site-media-library] .site-media-empty h3 { font-size: 18px; }
}