.media-library{padding:26px}
.media-library-heading h3{margin:0 0 6px;font-size:20px;color:#19304f}
.media-help{color:#62748a;font-size:13px;line-height:1.55;margin:6px 0}
.media-upload{padding:20px;border:1px dashed #a9bdd3;background:#f8fbff;border-radius:12px;margin:20px 0}
.media-upload label{margin-top:0;font-weight:600}
.media-upload input{max-width:560px;background:#fff}
.media-upload button{display:block;margin-top:10px}
.media-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) auto;align-items:end;gap:14px;margin:0 0 10px}
.media-toolbar label{font-weight:600;font-size:13px}
.media-toolbar .media-refresh{margin:0;height:43px}
.media-status{font-size:13px;color:#536980;min-height:20px}
.media-status[data-error=true]{color:#b42318;font-weight:600}
.media-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;margin-top:14px}
.media-asset{border:1px solid #e1e8f0;border-radius:12px;overflow:hidden;background:white;min-width:0;box-shadow:0 3px 14px rgba(31,58,91,.06)}
.media-thumb{display:block;margin:0;border-radius:0;border:0;padding:0;width:100%;height:170px;background:#eaf1f7;overflow:hidden}
.media-thumb img,.media-thumb video{display:block;width:100%;height:100%;object-fit:cover}
.media-thumb:hover{opacity:.9}
.media-asset-body{padding:14px}
.media-asset-name{display:block;font-size:14px;overflow-wrap:anywhere;line-height:1.4}
.media-in-use{margin:8px 0 0;color:#7b4b05;font-size:12px}
.media-asset-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.media-asset-actions button,.media-download{padding:8px 10px;font-size:12px;margin:0;border-radius:6px}
.media-download{border:1px solid #c0cde0;color:#235790;text-decoration:none;background:#fff;display:inline-flex}
.media-asset-actions .media-delete{background:#fff3f3;color:#a62929;border:1px solid #eac9c9}
.media-asset-actions button:disabled{opacity:.45;cursor:not-allowed}
.media-empty{grid-column:1/-1;padding:32px 12px;text-align:center;color:#607186;background:#f8fafc;border-radius:10px}
.media-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;color:#607186}
.media-pager button{margin:0}
.media-dialog{max-width:min(960px,94vw);max-height:90vh;width:760px;box-sizing:border-box;padding:16px;border:0;border-radius:13px;box-shadow:0 20px 65px #0004}
.media-dialog::backdrop{background:#162337ba}
.media-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.media-dialog-head strong{overflow-wrap:anywhere}
.media-dialog-head button{margin:0}
.media-dialog-content{margin-top:12px;display:flex;justify-content:center;background:#edf2f7;border-radius:9px;overflow:hidden}
.media-dialog-content img,.media-dialog-content video{display:block;max-width:100%;max-height:72vh;object-fit:contain}
@media(max-width:740px){.media-library{padding:16px}.media-toolbar{grid-template-columns:1fr 1fr}.media-toolbar .media-refresh{grid-column:1/-1}.media-results{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.media-thumb{height:135px}}
@media(max-width:450px){.media-toolbar{grid-template-columns:1fr}.media-results{grid-template-columns:1fr}}