giga refacotr

styles/easy-battlemap.css

@@ -1,48 +0,0 @@
-#easy-battlemap-drop-area {
-  margin-bottom: 10px;
-  background: rgba(0, 0, 0, 0.1);
-  border: 1px solid #7a7971;
-  border-radius: 5px;
-}
-
-#easy-battlemap-drop-area header {
-  background: rgba(0, 0, 0, 0.2);
-  padding: 5px;
-  border-bottom: 1px solid #7a7971;
-  text-align: center;
-}
-
-.easy-battlemap-dropzone {
-  padding: 15px;
-  text-align: center;
-  min-height: 120px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.easy-battlemap-instructions {
-  font-style: italic;
-  color: #777;
-  margin-bottom: 10px;
-}
-
-.easy-battlemap-status {
-  display: flex;
-  justify-content: space-around;
-  margin: 10px 0;
-}
-
-.easy-battlemap-status .status-value {
-  font-weight: bold;
-}
-
-.create-scene-button {
-  width: 80%;
-  margin: 0 auto;
-}
-
-#easy-battlemap-drop-area.highlight {
-  border-color: #ff6400;
-  background-color: rgba(255, 100, 0, 0.1);
-}

styles/quick-battlemap.css

@@ -0,0 +1,64 @@
+/* Keep it minimal and lean on Foundry's built-in styles */
+#quick-battlemap-drop-area .window-header {
+    user-select: none;
+    cursor: move;
+}
+
+#quick-battlemap-drop-area .quick-battlemap-instructions {
+    font-style: italic;
+    margin: 0 0 0.5rem 0;
+    border-bottom: 1px solid var(--color-border-light-primary);
+}
+
+#quick-battlemap-drop-area .status-value {
+    font-weight: bold;
+}
+
+#quick-battlemap-drop-area .create-scene-button {
+    margin-left: auto;
+}
+
+/* Drag-and-drop highlight */
+#quick-battlemap-drop-area.highlight .window-content {
+    outline: 2px solid var(--color-border-highlight, #ff6400);
+    background-color: rgba(255, 100, 0, 0.08);
+}
+
+/* Spinner row */
+#quick-battlemap-drop-area .ebm-progress-row {
+    align-items: center;
+    gap: 8px;
+}
+
+#quick-battlemap-drop-area .ebm-spinner {
+    width: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--color-primary, #ff6400);
+}
+
+#quick-battlemap-drop-area .ebm-no-grid {
+    justify-content: unset !important;
+}
+
+#quick-battlemap-drop-area .ebm-no-grid input {
+    margin: 0px 0px !important;
+}
+
+#quick-battlemap-drop-area .area {
+    width: 100%;
+    padding: 15px;
+    border: 1px solid #333;
+    background: rgba(0, 0, 0, 0.7);
+}
+
+#quick-battlemap-drop-area #dropZone {
+    border: 2px dashed #bbb;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    padding: 50px;
+    text-align: center;
+    font: 21pt bold arial;
+    color: #bbb;
+}