.media-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.media-team{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.media-person{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:#fff}.media-person-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:850}.media-person strong,.media-person small{display:block}.media-person small{color:#667085;font-size:12px;margin-top:2px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.media-card{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.media-preview{aspect-ratio:16/10;background:linear-gradient(135deg,#eaf2ff,#f8fbff);display:grid;place-items:center;color:var(--blue);font-size:42px;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover}.media-card-body{padding:14px}.media-card-body h4{margin:0 0 5px;font-size:16px}.media-card-body p{margin:0 0 12px;color:#667085;font-size:13px;line-height:1.45}.media-actions{display:flex;gap:8px;flex-wrap:wrap}.media-actions a,.media-actions button{border:1px solid #d4dfec;background:#fff;color:var(--blue);border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;font-weight:750;text-decoration:none}.media-actions .danger{color:#a72d2d;border-color:#efcaca}.media-empty{grid-column:1/-1;padding:24px;border:1px dashed #cbd8e8;border-radius:16px;text-align:center;color:#667085}.media-form{display:grid;gap:14px;max-width:640px}.media-form label{display:grid;gap:7px;font-size:14px;font-weight:750;color:#465268}.media-form input,.media-form textarea,.media-form select{width:100%;box-sizing:border-box;border:1px solid #d7e1ed;border-radius:12px;padding:13px 14px;font:inherit;background:#fff}.media-form textarea{min-height:90px;resize:vertical}.media-limit{padding:11px 13px;background:#f5f8fc;border-radius:11px;color:#5d6a7e;font-size:13px}.media-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.media-section-head h3{margin:0}@media(max-width:620px){.media-toolbar>*{width:100%}.media-grid{grid-template-columns:1fr}.media-section-head{align-items:flex-start;flex-direction:column}}
.media-preview img{display:block}.media-preview img[hidden]{display:none}.media-preview-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:linear-gradient(145deg,#0f55b5,#0a3f8f);color:#fff}.media-preview-fallback[hidden]{display:none}.media-preview-fallback span{font-size:38px;line-height:1}.media-preview-fallback strong{font-size:16px}.media-preview-fallback small{font-size:12px;opacity:.82}