.rz-controls { align-items: start; }
.rz-size, .rz-pixels, .rz-percent { display: grid; gap: 10px; align-content: start; }
.rz-wh { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.rz-wh .kv-input-unit { max-width: 150px; }
.rz-x { font-size: 1.4rem; font-weight: 700; padding-bottom: 8px; color: var(--muted); }
.rz-formats span { padding: 8px 12px; }
.rz-bulk { display: flex; gap: 6px; flex-wrap: wrap; }

.rz-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rz-item {
  display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px 16px; align-items: center;
  padding: 12px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--sunken);
}
@media (min-width: 640px) { .rz-item { grid-template-columns: 88px minmax(0, 1fr) auto; } }
.rz-thumb {
  width: 100%; aspect-ratio: 1; border-radius: 8px; overflow: hidden;
  background: repeating-conic-gradient(var(--line) 0 25%, var(--surface) 0 50%) 0 0 / 14px 14px;
}
.rz-thumb img { width: 100%; height: 100%; object-fit: contain; }
.rz-info { min-width: 0; }
.rz-info p { margin: 0; }
.rz-name { font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rz-dims { font-variant-numeric: tabular-nums; font-weight: 650; }
.rz-meta { color: var(--muted); font-size: 0.92rem; }
.rz-err { color: var(--err); font-size: 0.92rem; }
.rz-actions { display: flex; gap: 6px; flex-wrap: wrap; grid-column: 1 / -1; }
@media (min-width: 640px) { .rz-actions { grid-column: auto; justify-content: flex-end; } }
.rz-item.is-working .rz-thumb { opacity: 0.5; }
.rz-status { margin: 0; color: var(--muted); font-size: 0.92rem; }