.media-manager{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.media-heading h2{margin:0}.media-heading p{color:#666;margin:7px 0 24px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.media-card{border:1px solid var(--line);border-radius:12px;padding:18px}.media-card h3{margin:0 0 14px}.previews{display:grid;grid-template-columns:1.5fr .75fr;gap:10px}.previews figure{margin:0}.previews img,.mobile-preview>div{width:100%;height:150px;object-fit:cover;border-radius:8px;background:#eee}.mobile-preview>div{display:grid;place-items:center;text-align:center;color:#777;font-size:12px;padding:8px}.previews figcaption{text-align:center;color:#777;font-size:12px;margin-top:5px}.media-form label{display:grid;gap:7px;margin:12px 0;font-size:13px;font-weight:700}.media-form input[type=file]{border:1px solid var(--line);padding:10px;border-radius:7px;width:100%}.media-form .check{display:flex;align-items:center;font-weight:400}.media-form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media-form button{border:0;border-radius:7px;background:var(--red);color:#fff;padding:11px;font-weight:700;cursor:pointer}.media-form button:disabled{opacity:.55}.media-form .secondary{background:#666}@media(max-width:800px){.media-manager{padding:18px}.media-grid{grid-template-columns:1fr}.previews img,.mobile-preview>div{height:120px}}