Improve map editor workflow controls

tools/map_editor/styles.css

@@ -3,6 +3,7 @@
   --bg: #101214;
   --panel: #181b1f;
   --panel-2: #20242a;
+  --panel-3: #14171b;
   --line: #343a42;
   --text: #e8edf2;
   --muted: #9aa4af;
@@ -40,11 +41,27 @@ button,
   cursor: pointer;
 }
 
+button:disabled {
+  color: #68727d;
+  border-color: #272c33;
+  background: #15181d;
+  cursor: not-allowed;
+}
+
 button:hover,
 .file-button:hover {
   border-color: var(--accent);
 }
 
+button:disabled:hover {
+  border-color: #272c33;
+}
+
+.primary-button {
+  border-color: #3977c9;
+  background: #17365f;
+}
+
 .app-header {
   height: 72px;
   display: flex;
@@ -88,7 +105,7 @@ button:hover,
   background: var(--panel);
   border-right: 1px solid var(--line);
   overflow: auto;
-  padding: 14px;
+  padding: 12px;
 }
 
 .right-panel {
@@ -97,17 +114,37 @@ button:hover,
 }
 
 section + section {
-  margin-top: 18px;
+  margin-top: 12px;
 }
 
 h2 {
-  margin: 0 0 10px;
+  margin: 0;
   font-size: 13px;
   color: var(--muted);
   text-transform: uppercase;
   letter-spacing: 0.06em;
 }
 
+.tool-card {
+  border: 1px solid var(--line);
+  background: var(--panel-3);
+  border-radius: 6px;
+  padding: 10px;
+}
+
+.section-title {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.section-title span {
+  color: var(--muted);
+  font-size: 11px;
+}
+
 .field-grid,
 .property-panel {
   display: grid;
@@ -140,6 +177,11 @@ textarea {
   gap: 8px;
 }
 
+.button-grid button,
+.button-grid .file-button {
+  text-align: center;
+}
+
 .object-section {
   min-height: 0;
 }
@@ -157,6 +199,7 @@ textarea {
   border-radius: 6px;
   padding: 8px;
   cursor: pointer;
+  text-align: left;
 }
 
 .object-item:hover {
@@ -222,6 +265,13 @@ textarea {
   border-color: var(--danger);
 }
 
+.layer-actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  margin-top: 10px;
+}
+
 #outputText {
   height: 220px;
   resize: vertical;