.manual-media-library { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--sia-line); }
.manual-media-library[hidden] { display: none; }
.manual-media-column { min-width: 0; }
.manual-media-column h4 { margin: 0 0 12px; color: var(--sia-heading); font-size: 14px; font-weight: 800; }
.manual-media-column h4:focus-visible { outline: 2px solid var(--sia-teal); outline-offset: 4px; }
.manual-media-files { list-style: none; padding: 0; margin: 0; }
.manual-media-file { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--sia-line); min-width: 0; }
.manual-media-thumbnail { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 10px; overflow: hidden; background: var(--sia-teal-soft); color: var(--sia-teal-dark); }
.manual-media-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.manual-media-thumbnail svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.manual-media-details { flex: 1; min-width: 0; }
.manual-media-details strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: var(--sia-text); }
.manual-media-details small { display: block; margin-top: 4px; font-size: 11px; color: var(--sia-muted); }
.manual-media-library button { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--sia-line-strong); border-radius: 12px; background: var(--sia-surface); color: var(--sia-text); cursor: pointer; }
.manual-media-library .manual-media-remove { color: var(--sia-danger); border-color: var(--sia-danger); background: var(--sia-danger-soft); }
.manual-media-remove svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.manual-media-library button:focus-visible { outline: 2px solid var(--sia-teal); outline-offset: 3px; }
.manual-media-library button:hover:not(:disabled) { border-color: var(--sia-teal); }
.manual-media-library .manual-media-remove:hover { border-color: var(--sia-danger); filter: brightness(.95); }
.manual-media-library button:disabled { opacity: .45; cursor: default; }
.manual-media-pager { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.manual-media-pager > span { flex: 1; font-size: 12px; color: var(--sia-muted); }
.manual-media-empty { margin: 0; padding: 20px 0; font-size: 13px; color: var(--sia-muted); }
@media (max-width: 700px) { .manual-media-library { grid-template-columns: minmax(0,1fr); } }