plugin infrastruktur

public/plugins/canvas/canvas.css

@@ -0,0 +1,43 @@
+/* Canvas Plugin styles */
+#ascii-canvas-overlay { background: rgba(0,0,0,0.5); backdrop-filter: blur(2px); }
+.ascii-grid {
+    white-space: pre;
+    user-select: none;
+    -webkit-user-select: none;
+    display: inline-block;
+    width: max-content;
+}
+.ascii-cursor { background: var(--t-accent); color: var(--t-bg); }
+.ascii-char-btn {
+    font-family: var(--t-font-mono, monospace);
+    font-size: 13px;
+    width: 22px;
+    height: 22px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--t-border);
+    border-radius: 3px;
+    background: var(--t-bg);
+    color: var(--t-text);
+    cursor: pointer;
+    transition: all 0.1s;
+    padding: 0;
+    line-height: 1;
+}
+.ascii-char-btn:hover { background: var(--t-raised); color: var(--t-bright); }
+.ascii-char-btn.active {
+    background: var(--t-accent);
+    color: var(--t-bg);
+    border-color: var(--t-accent);
+}
+.ascii-char-group { display: inline-flex; gap: 2px; margin-right: 6px; }
+#ascii-canvas-toolbar .toolbar-btn.active { background: var(--t-accent); color: var(--t-bg); }
+
+/* Preview rendering of ```ascii blocks */
+.prose pre.ascii-art {
+    line-height: 1.35;
+    letter-spacing: 0;
+    white-space: pre;
+    font-size: 0.85em;
+}