.ox-img-list li { cursor: grab; flex-wrap: wrap; }
.ox-img-list li.is-drag { opacity: .45; }
.ox-img-list li.is-over { outline: 2px dashed var(--accent); }
.ox-img-thumb { width: 56px; height: 56px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: 8px; background: var(--surface); }
.ox-img-thumb img { max-width: 56px; max-height: 56px; transition: transform .2s; }
.ox-img-name { flex: 1 1 140px; min-width: 0; overflow-wrap: anywhere; font-weight: 700; }
.ox-img-meta { font-size: .85em; opacity: .75; font-weight: 400; }
.ox-img-grip { font-size: 1.3em; opacity: .5; }
.ox-img-list button { min-width: 44px; min-height: 44px; }
@media (prefers-reduced-motion: reduce) { .ox-img-thumb img { transition: none; } }