skills upload function styles.css

app/static/styles.css

@@ -80,6 +80,26 @@ h2 {
   gap: 20px;
 }
 
+.collection-upload {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: end;
+  margin-bottom: 24px;
+  padding: 16px;
+  border: 1px solid #dbe2ee;
+  border-radius: 8px;
+  background: #fbfcfe;
+}
+
+.collection-upload .status-text {
+  grid-column: 1 / -1;
+}
+
+.collection-upload input[type="file"] {
+  min-height: 42px;
+}
+
 .drop-zone {
   border: 1px dashed #8aa1bd;
   border-radius: 8px;
@@ -207,7 +227,8 @@ button:disabled {
   }
 
   .header,
-  .controls {
+  .controls,
+  .collection-upload {
     grid-template-columns: 1fr;
     display: grid;
   }