Migration complete

resources/css/components/tools.css

@@ -15,6 +15,62 @@
     .patcher-grid {
         grid-template-columns: 1fr;
     }
+
+    .patcher-container {
+        padding: 20px;
+    }
+
+    .patcher-dropzone {
+        padding: 40px 15px;
+        gap: 12px;
+    }
+
+    .embed-patch-box {
+        padding: 20px;
+        height: auto;
+    }
+
+    .embed-patch-box-icon {
+        gap: 12px;
+    }
+
+    .embed-patch-box-icon-block {
+        width: 40px;
+        height: 40px;
+    }
+}
+
+@media (max-width: 600px) {
+    .patcher-container {
+        padding: 15px;
+        margin-bottom: 15px;
+    }
+
+    .patcher-grid {
+        gap: 15px;
+    }
+
+    .patcher-dropzone {
+        padding: 30px 12px;
+        gap: 10px;
+        font-size: 0.9rem;
+    }
+
+    .patcher-status-box {
+        margin-top: 15px;
+        padding: 12px;
+        font-size: 0.9rem;
+    }
+
+    .embed-patch-box {
+        padding: 15px;
+        gap: 12px;
+    }
+
+    .btn:disabled {
+        padding: 6px 8px;
+        font-size: 0.8rem;
+    }
 }
 
 .patcher-dropzone {