Simplify download progress UI rendering and fix queue DOM insertion

web/css/resolver-main.css

@@ -424,40 +424,6 @@
     gap: var(--mr-spacing-8);
 }
 
-.mr-download-progress-item {
-    padding: var(--mr-spacing-8);
-    border: 1px solid var(--mr-border);
-    border-radius: var(--mr-radius-xl);
-    background: rgba(255, 255, 255, 0.025);
-}
-
-.mr-download-progress-item-head {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--mr-spacing-8);
-    margin-bottom: var(--mr-spacing-5);
-    color: var(--mr-text-muted);
-    font-size: var(--mr-font-sm);
-    font-weight: 700;
-}
-
-.mr-download-progress-item-head > span:first-child {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.mr-download-progress-item-head > span:last-child {
-    flex: 0 0 auto;
-    color: var(--mr-text);
-}
-
-.mr-download-progress-item .mr-progress-container {
-    margin-top: 0;
-}
-
 .mr-civitai-open-btn {
     background: transparent;
     color: var(--mr-color-civitai);

web/css/resolver-shell.css

@@ -682,6 +682,10 @@
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
 }
 
+.mr-download-queue-items > .mr-download-queue-item:not(:last-child) {
+    margin-bottom: 0;
+}
+
 /* The Missing Models preview already provides the panel's horizontal padding. */
 #model-resolver-modal .mr-missing-detail-pane .mr-download-progress-slot .mr-download-queue-item {
     margin: 0;