From 8473944fce8c82439eee0d7de7821ee08504b341 Mon Sep 17 00:00:00 2001
From: Leopoldadmin <leopold.hammerschmidt@media-on.de>
Date: Mon, 22 Jun 2026 05:55:32 +0000
Subject: [PATCH] feat: Add CSS styles for CanvasArea component

---
 frontend/src/components/CanvasArea.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 frontend/src/components/CanvasArea.css

diff --git a/frontend/src/components/CanvasArea.css b/frontend/src/components/CanvasArea.css
new file mode 100644
index 0000000..340986e
--- /dev/null
+++ b/frontend/src/components/CanvasArea.css
@@ -0,0 +1,26 @@
+.canvas-area {
+  flex: 1;
+  background-color: var(--background);
+  overflow: hidden;
+  position: relative;
+}
+
+.canvas-placeholder {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  color: var(--secondary);
+  font-family: var(--font-family);
+}
+
+.canvas-placeholder p {
+  margin: 0;
+  padding: 0;
+}
+
+.placeholder-subtext {
+  font-size: var(--font-size-sm);
+  margin-top: var(--spacing-sm);
+}
\ No newline at end of file