fix: image floats, link color metadata

app/public/app.js

@@ -104,7 +104,7 @@ globalThis.init_editor = (
         autoCloseBrackets: true,
         autofocus: true,
         viewportMargin: Number.POSITIVE_INFINITY,
-        inputStyle: "contenteditable",
+        inputStyle: "textarea",
         highlightFormatting: false,
         fencedCodeBlockHighlighting: false,
         xml: false,
@@ -141,6 +141,10 @@ globalThis.tab_editor = () => {
     document.getElementById("editor_tab_button").classList.remove("camo");
     document.getElementById("preview_tab_button").classList.add("camo");
     document.getElementById("metadata_tab_button").classList.add("camo");
+
+    if (document.getElementById("metadata_css")) {
+        document.getElementById("metadata_css").remove();
+    }
 };
 
 globalThis.tab_preview = async () => {

app/public/style.css

@@ -14,7 +14,6 @@
     --color-green: hsl(100, 84%, 20%);
     --color-yellow: oklch(47% 0.157 37.304);
     --color-purple: hsl(284, 84%, 20%);
-    --color-primary: oklch(67.3% 0.182 276.935);
 
     --shadow-x-offset: 0;
     --shadow-y-offset: 0.125rem;
@@ -57,8 +56,17 @@ body {
     line-height: 1.5;
     letter-spacing: 0.15px;
     font-family:
-        "Inter", "Poppins", "Roboto", ui-sans-serif, system-ui, sans-serif,
-        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Inter",
+        "Poppins",
+        "Roboto",
+        ui-sans-serif,
+        -apple-system,
+        BlinkMacSystemFont,
+        system-ui,
+        sans-serif,
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
         "Noto Color Emoji";
     color: var(--color-text);
     background: var(--color-surface);