/* THERAKI_MEDIA_LIBRARY_V2: gemeinsame zugängliche Bildauswahl */
.media-tools{display:grid;gap:7px;margin:8px 0;font-size:12px}
.media-tools label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.media-tools select{max-width:100%;padding:6px}
.media-status{font-size:12px;color:var(--g500,#475569);line-height:1.5;overflow-wrap:anywhere}
.media-pages{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:10px 0;flex-wrap:wrap}
.media-pages button,.media-clear{padding:6px 9px;border:1px solid var(--g300,#cbd5e1);border-radius:6px;background:#fff;color:var(--g800,#1e293b);cursor:pointer}
.media-pages button:disabled{opacity:.45;cursor:default}
.media-card{font:inherit;text-align:center;color:inherit;min-width:0;cursor:pointer;background:#fff;border:1px solid var(--g200,#e2e8f0);border-radius:7px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:3px}
.media-card img{display:block;width:100%;height:66px;object-fit:contain}
.media-card span{font-size:11px;overflow-wrap:anywhere;line-height:1.3}
.media-card small{font-size:10px;color:var(--g500,#475569)}
.media-card.on{border:2px solid var(--accent,#2563eb);background:var(--accent-light,#eff6ff)}
.media-card:focus-visible,.media-pages button:focus-visible,.media-clear:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.media-card:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}
.media-empty{grid-column:1/-1;padding:12px;line-height:1.5;font-size:12px}
.img-swap-panel .media-card img{height:85px}
.img-swap-panel .media-tools{grid-template-columns:1fr 1fr}
.img-swap-panel .media-tools label:first-child{grid-column:1/-1}
@media(max-width:480px){.img-swap-panel .media-tools{grid-template-columns:1fr}.img-swap-panel{width:calc(100vw - 24px);max-height:90vh;overflow:auto}}