Add editor interface

assets/style.css

@@ -233,11 +233,52 @@ main {
     text-shadow: none;
 }
 
+/* === Editor toolbar === */
+.editor-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+    border: 1px solid #0a0;
+    border-bottom: none;
+    padding: 0.4rem 0.6rem;
+    background: #001a00;
+}
+
+.btn-tool {
+    background: none;
+    border: none;
+    color: #0f0;
+    font: inherit;
+    font-size: 0.85rem;
+    cursor: pointer;
+    padding: 0 0.15rem;
+    text-shadow: 0 0 4px #0a0;
+    white-space: nowrap;
+}
+.btn-tool::before {
+    content: "[";
+    color: #060;
+}
+.btn-tool::after {
+    content: "]";
+    color: #060;
+}
+.btn-tool:hover {
+    color: #fff;
+    text-shadow: 0 0 6px #0f0;
+}
+
+.toolbar-sep {
+    width: 1px;
+    background: #060;
+    margin: 0 0.2rem;
+    align-self: stretch;
+}
+
 /* === Edit form === */
 .edit-form {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
 }
 
 textarea {
@@ -245,7 +286,10 @@ textarea {
     min-height: 60vh;
     background: #000;
     border: 1px solid #0a0;
-    color: white;
+    border-top: none;
+    color: #0f0;
+    caret-color: #0f0;
+    text-shadow: 0 0 4px #0a0;
     font: inherit;
     font-size: 0.9rem;
     line-height: 1.6;