.media-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.media-heading .website-button{flex-shrink:0}.media-library>p.subtitle{color:#748198;font-size:14px;line-height:1.7}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:24px}.media-card{padding:16px;background:white;border:1px solid #dce4ef;border-radius:12px;min-width:0}.media-drop{height:180px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;border:2px dashed #cbd5e1;border-radius:8px;padding:12px;background:#f8fafc;color:#64748b;font-size:12px}.media-drop.dragover{border-color:#2563eb;background:#eff6ff}.media-thumbnail{max-width:100%;max-height:130px;object-fit:contain}.media-name{overflow-wrap:anywhere;font-size:13px}.media-file{display:block;font-size:13px;color:#34557e}.media-file input{display:block;width:100%;margin-top:8px}.media-status{font-size:13px;line-height:1.5;min-height:20px}.media-card[aria-busy="true"]{opacity:.65}.media-status.error{color:#b91c1c}

.media-delete-note{margin:10px 0;color:#748198;font-size:12px;line-height:1.5}

.media-unused-note{color:#748198;font-size:12px;line-height:1.5}.media-card .media-file-delete{display:flex;width:fit-content;margin:14px 0 0 auto;color:#b42336;border-color:#e8c4ca}
.media-image-link[href]{color:#2466cc;text-decoration:underline;cursor:pointer}.media-image-link:focus-visible{outline:2px solid #3377dd;outline-offset:3px}