.dz-media-shell { display: grid; gap: 16px; }
.dz-media-card { display: grid; gap: 14px; padding: 20px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
.dz-media-card h2 { margin: 0; font-size: 1.15rem; }
.dz-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dz-media-grid-note { grid-column: 1 / -1; }
.dz-media-field { display: grid; gap: 6px; min-width: 0; }
.dz-media-field > span { color: var(--muted); font-size: .82rem; font-weight: 700; }
.dz-media-field input, .dz-media-field select { min-width: 0; width: 100%; }
.dz-media-file { padding: 13px; border: 1px dashed var(--border); border-radius: 10px; background: var(--surface-2); }
.dz-media-files { display: grid; gap: 6px; margin: 0; padding-left: 20px; color: var(--muted); font-size: .85rem; }
.dz-media-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dz-media-progress { height: 8px; overflow: hidden; border-radius: 999px; background: var(--surface-2); }
.dz-media-progress > span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--primary); transition: width .15s ease; }
.dz-media-note { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.dz-media-results { display: grid; gap: 8px; }
.dz-media-result { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; }
.dz-media-result small { color: var(--muted); }
@media (max-width: 680px) { .dz-media-grid { grid-template-columns: 1fr; } .dz-media-card { padding: 15px; } }