.media-library-page .heading {align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-bottom:24px}
.media-library-page .heading > div {flex:1 1 320px}
.media-library-page .heading h2 {margin:0}
.library-filters {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:20px;background:#f7f8f8;border:1px solid var(--line,#e2e5e8);border-radius:16px}
.library-filters .library-search-field {grid-column:1 / -1}
.library-filters label,.library-edit label,.library-upload label:not(.media-upload-button) {display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.library-filters input,.library-filters select,.library-edit input,.library-edit select,.library-upload input:not([type=file]),.library-upload select {box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:48px;padding:11px 12px;line-height:1.4}
.library-filters select {text-overflow:ellipsis}
.library-results-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px}
.library-results-heading p {margin:0;color:var(--muted,#68727e);font-size:14px}
.library-results-heading button {font-size:14px;min-height:40px;padding:8px 12px}
.media-library-page .library-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px;align-items:stretch}
.media-library-page .library-card {gap:0;padding:0;overflow:hidden;border-radius:18px;margin:0;box-shadow:none}
.library-card-preview {display:block;width:100%;border:0;border-bottom:1px solid var(--line,#e2e5e8);border-radius:0;padding:0;margin:0;background:#fff3f6}
.library-card-preview img {display:block;width:100%;height:190px!important;object-fit:contain;border-radius:0!important}
.library-video-placeholder {height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff3f6;color:var(--accent,#ff5075)}
.library-video-placeholder > span:first-child {font-size:36px}
.library-card-content {display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;flex:1;min-width:0}
.library-card-content h3 {font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.library-kind {align-self:flex-start;font-size:12px;line-height:1.4;padding:4px 9px;border-radius:7px;background:#fff1f4;color:#b42e4b}
.library-card-speakers {font-size:14px;line-height:1.45;color:var(--muted,#68727e);margin:0;overflow-wrap:anywhere}
.library-file-details,.library-usage {font-size:13px;line-height:1.5;min-width:0}
.library-file-details summary,.library-usage summary {cursor:pointer;color:#555f6b;line-height:1.5;font-size:13px;font-weight:400}
.library-file-details[open] summary,.library-usage[open] summary {margin-bottom:8px}
.library-file-details code {display:block;font-size:11px;overflow-wrap:anywhere;white-space:normal}
.library-file-details small,.library-usage small {font-size:12px;overflow-wrap:anywhere;color:var(--muted,#68727e)}
.library-usage ul {margin:0;padding-left:18px}
.library-usage li + li {margin-top:10px}
.library-usage strong {font-weight:400;overflow-wrap:anywhere}
.library-unattached,.library-legacy-note {font-size:12px;line-height:1.45;color:var(--muted,#68727e);margin:0}
.library-card-actions {display:grid;gap:8px;padding:0 18px 18px;margin-top:auto}
.library-card-actions button {font-size:14px;min-height:42px;line-height:1.4;white-space:normal;margin:0;padding:9px 12px}
.library-upload {box-sizing:border-box;width:100%;max-width:760px;margin-top:36px;padding:24px;background:#f8f9f9;border:1px solid var(--line,#e2e5e8);border-radius:18px;scroll-margin-top:24px}
.library-upload h2 {font-size:21px;margin:0 0 12px}
.library-upload p {font-size:14px;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}
.library-upload small {display:block;font-size:13px;line-height:1.5;color:var(--muted,#68727e)}
.library-upload .actions {margin-top:20px}
.library-upload .media-upload-button {display:block;box-sizing:border-box;width:100%;margin:20px 0 8px;padding:16px;font-size:15px;line-height:1.5;background:#fff;color:#c73858}
.media-upload-button:focus-within {outline:3px solid rgb(255 80 117 / 20%);outline-offset:2px}
.library-dialog {box-sizing:border-box;width:min(760px,calc(100% - 24px));min-width:0}
.library-dialog-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;margin-bottom:20px}
.library-dialog-heading h2 {margin:0;font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.library-dialog-heading .library-close {flex-shrink:0;min-height:40px;font-size:14px;padding:8px 12px;margin:0}
.library-dialog .library-upload {margin-top:0;border:0;padding:0;background:transparent}
.library-preview img,.library-preview video {display:block;max-width:100%;width:100%;max-height:68dvh;object-fit:contain;background:#f7f8f8;border-radius:12px}
.library-edit {display:grid;gap:20px}
.library-edit label {margin:0;font-size:15px}
.library-edit small,.library-edit-note {font-size:13px;line-height:1.5;color:var(--muted,#68727e);margin:0}
.library-file-id {font-size:12px;line-height:1.4;color:var(--muted,#68727e);overflow-wrap:anywhere;margin:0}
[data-library-status] {font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:900px){.library-filters {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.library-filters {grid-template-columns:1fr;padding:14px;gap:14px}.library-upload {padding:16px}.library-dialog-heading {flex-wrap:wrap}.library-dialog-heading h2 {font-size:20px}.library-results-heading {align-items:flex-start}.media-library-page .heading > div {flex-basis:100%}}
