Add admin distribution editor

admin/public/styles.css

@@ -278,11 +278,17 @@ textarea {
 
 .uploadField {
     display: grid;
-    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-columns: minmax(0, 1fr) auto auto auto;
     gap: 10px;
     align-items: center;
 }
 
+.fieldHelpText {
+    color: var(--muted);
+    font-size: 14px;
+    line-height: 1.5;
+}
+
 .primaryAction,
 .secondaryAction,
 .dangerAction {
@@ -346,6 +352,53 @@ textarea {
     background: rgba(240, 191, 87, 0.1);
 }
 
+.modalBackdrop {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 24px;
+    background: rgba(5, 6, 6, 0.72);
+    backdrop-filter: blur(12px);
+    z-index: 20;
+}
+
+.modalPanel {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    width: min(1100px, 100%);
+    max-height: calc(100vh - 48px);
+    padding: 24px;
+    border: 1px solid var(--line);
+    border-radius: 24px;
+    background: #111412;
+    box-shadow: var(--shadow);
+}
+
+.modalHeader {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 16px;
+}
+
+.distributionTextarea {
+    min-height: 420px;
+    resize: vertical;
+    font-family: "JetBrains Mono", "Fira Code", monospace;
+    font-size: 13px;
+    line-height: 1.55;
+}
+
+.modalActions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
 @media (max-width: 1200px) {
     .adminShell {
         grid-template-columns: 1fr;