Refactor map editing and school creation UI components. Update styles for the dialog and map editor, enhancing layout and responsiveness. Introduce new localization strings for map editing features. Replace the inline map editor with a separate dialog for improved usability. Update event handling for map editing actions and hints.

src/HSchool.Client/src/style.css

@@ -369,10 +369,44 @@ body {
   color: var(--text);
 }
 
-.dialog--wide {
-  min-width: 640px;
-  max-width: 860px;
-  width: min(860px, calc(100vw - 32px));
+.dialog--screen[open] {
+  display: flex;
+  flex-direction: column;
+  min-width: unset;
+  max-width: none;
+  width: min(1080px, calc(100vw - 24px));
+  height: min(800px, calc(100vh - 24px));
+  padding: 16px 20px 20px;
+}
+
+.dialog--screen .screen__header {
+  flex: 0 0 auto;
+  margin-bottom: 12px;
+}
+
+.dialog--screen .screen__title {
+  font-size: 19px;
+}
+
+.dialog--screen .map-editor {
+  flex: 1;
+  min-height: 0;
+  grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.3fr);
+  gap: 16px;
+}
+
+.dialog--screen .map-editor__pane,
+.dialog--screen .map-editor__details {
+  min-height: 0;
+  overflow: auto;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 10px;
+}
+
+.dialog--screen .dialog__actions {
+  flex: 0 0 auto;
+  margin-top: 12px;
 }
 
 .dialog::backdrop {
@@ -419,9 +453,9 @@ body {
   color: var(--text-muted);
 }
 
-.field__row {
-  display: flex;
-  gap: 8px;
+.field .hint {
+  margin: 0;
+  font-size: 13px;
 }
 
 .mod-list {
@@ -437,14 +471,6 @@ body {
   font-size: 14px;
 }
 
-.map-editor-host {
-  max-height: 360px;
-  overflow: auto;
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 8px;
-}
-
 .map-editor {
   display: grid;
   grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.4fr);