.unit-media{position:relative;display:grid;place-items:center;width:100%;height:180px;margin:14px 0 12px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:radial-gradient(circle at 50% 38%,#29343a 0,#11181c 64%);color:var(--muted);cursor:pointer}.unit-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.unit-media:hover img{transform:scale(1.025)}.unit-media-glyph{font:72px/1 Georgia,serif;color:#536169;text-shadow:0 12px 24px #000}.unit-media>small{position:absolute;bottom:17px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.unit-media.image-error img{display:none}.unit-media.guide{flex:0 0 118px;width:118px;height:96px;margin:0 18px 0 0}.unit-media.guide .unit-media-glyph{font-size:48px}.guide-header>div:nth-of-type(1){flex:1}
.media-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:#020506dd;backdrop-filter:blur(5px)}.media-dialog{width:min(1050px,96vw);max-height:92vh;overflow:auto;padding:22px}.media-dialog-head,.manual-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.media-dialog-head h2,.manual-card-head h3{margin:3px 0}.media-current{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.media-current .unit-media{height:155px;margin:0}.media-current p{color:var(--muted);line-height:1.5}.media-current a,.openverse-item a{color:var(--acid)}.media-tabs{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;padding-top:20px}.media-tabs h3{margin:0 0 8px}.media-search{display:flex;gap:8px;margin:14px 0}.media-search input,.media-url-form input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0d1418;color:var(--ink)}.openverse-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:440px;overflow:auto}.openverse-item{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#0c1215}.openverse-item img{width:105px;height:110px;object-fit:cover;border-radius:6px}.openverse-item b,.openverse-item small,.openverse-item a{display:block;font-size:11px}.openverse-item small{margin:4px 0;color:var(--muted)}.openverse-item .button{margin-top:8px;padding:6px 8px;font-size:10px}.upload-zone{display:grid;place-items:center;min-height:72px;padding:14px;border:1px dashed #506069;border-radius:10px;background:#10171b;color:var(--muted);cursor:pointer}.upload-zone input[type=file]{margin-top:8px}.media-url-form{display:grid;gap:8px;margin:12px 0 20px}.media-source-links,.manual-actions{display:flex;flex-wrap:wrap;gap:8px}.media-source-links .button,.manual-actions .button{padding:8px 10px;font-size:11px}.media-tabs section>.check-inline{display:flex;gap:8px;align-items:center;margin:16px 0;color:var(--muted)}.danger-button{margin-top:8px;background:#3a1818;color:#ffaaa2}
.manual-card{margin-bottom:18px;padding:20px}.manual-card-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.manual-status{padding:7px 9px;border:1px solid #684037;border-radius:7px;color:#e7a99c;font-size:10px;font-weight:900;text-transform:uppercase}.manual-status.ok{border-color:#4c692d;color:var(--acid)}.manual-actions{margin:16px 0}.manual-card .notice{margin-bottom:0}
@media(max-width:760px){.media-tabs,.media-current{grid-template-columns:1fr}.openverse-results{grid-template-columns:1fr}.unit-media.guide{flex-basis:90px;width:90px;height:90px}.guide-header{flex-wrap:wrap}.media-current .unit-media{width:100%}}