/* Medienübersicht (Host) */
.ml-overlay *{box-sizing:border-box}
.ml-overlay{position:fixed;inset:0;z-index:2000;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px}
.ml-panel{width:min(1500px,100%);height:min(92vh,100%);display:flex;flex-direction:column;background:var(--panel,#122d43);border:1px solid #537594;border-radius:16px;box-shadow:0 20px 60px #0009;overflow:hidden}
.ml-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ffffff1f}.ml-head h2{margin:0;font-size:20px}
.ml-close{width:36px;height:36px;border-radius:50%;padding:0;font-size:18px}
.ml-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.ml-tools input{flex:1 1 280px;min-width:0}.ml-tools select{flex:0 1 190px}
.ml-sub{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0 16px 8px;font-size:13px;color:var(--text-muted,#9fb0d0)}
.ml-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:4px 16px 16px;align-content:start;grid-auto-rows:max-content;min-height:0}
.ml-card{display:flex;flex-direction:column;border-radius:12px;border:1px solid #ffffff22;background:#0b1a33aa;overflow:hidden;min-width:0}
.ml-card.unused{border-style:dashed;border-color:#f4c54288}
.ml-preview{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0006}
.ml-preview img{max-width:100%;max-height:150px;object-fit:contain}.ml-preview video{max-width:100%;max-height:150px}.ml-preview audio{width:92%}
.ml-icon{font-size:40px}
.ml-info{display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px;min-width:0;flex:1}
.ml-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-meta{font-size:12px;color:var(--text-muted,#9fb0d0)}
.ml-uses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.ml-uses li{display:flex;flex-direction:column}.ml-uses span{color:var(--text-muted,#9fb0d0)}.ml-more{color:var(--text-muted,#9fb0d0)}
.ml-unused{font-size:12px;font-weight:700;color:#f4c542}
.ml-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.ml-actions>*{font-size:12px;padding:5px 9px}.ml-actions select{flex:1 1 100%;max-width:100%;min-width:0;box-sizing:border-box}
.ml-empty{grid-column:1/-1;text-align:center;color:var(--text-muted,#9fb0d0)}
@media (max-width:600px){.ml-overlay{padding:0}.ml-panel{height:100%;border-radius:0}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}