.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.media-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.media-item:hover{border-color:var(--primary);box-shadow:0 0 10px #6366f133}.media-preview{background:#000;justify-content:center;align-items:center;height:120px;display:flex;position:relative}.media-info{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.media-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.media-size{color:var(--text-muted);font-size:.75rem}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#ffffff05;border-radius:12px;padding:3rem 2rem;transition:all .2s}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#6366f10d}