From 39fb777ae6bfa5cb87c6555a2245f34a8e3679bc Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 7 May 2026 19:43:28 +0200
Subject: [PATCH] Add styles for concept editor and markdown preview components

---
 src/styles.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/styles.css b/src/styles.css
index 818b6d9..ea74fed 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -342,6 +342,31 @@ select {
   gap: 8px;
 }
 
+.concept-editor {
+  flex: 1;
+  min-height: 240px;
+}
+
+.markdown-preview {
+  flex: 1;
+  min-height: 314px;
+  padding: 16px 18px;
+  overflow: auto;
+  border: 1px solid var(--field-border);
+  border-radius: var(--control-radius);
+  background: var(--surface);
+  box-shadow: inset 0 1px 2px rgba(159, 18, 57, 0.04);
+}
+
+.markdown-preview:focus {
+  outline: 2px solid rgba(159, 18, 57, 0.2);
+  border-color: var(--accent);
+}
+
+.markdown-preview__empty {
+  color: var(--subtle);
+}
+
 .image-prompt {
   min-height: 110px;
   background: var(--surface);