From 589dcb71f8f684fe29a7f47a657b46feed83b24c Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 12 Oct 2026 05:01:22 +0000
Subject: [PATCH] Style wall strokes and the live diorama preview

---
 ventures/dollhouse/style.css | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/ventures/dollhouse/style.css b/ventures/dollhouse/style.css
index b67a9c6..47329ec 100644
--- a/ventures/dollhouse/style.css
+++ b/ventures/dollhouse/style.css
@@ -145,7 +145,7 @@ header p {
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 6px;
-  overflow: hidden;
+  overflow: auto;
   min-height: 400px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
 }
@@ -161,7 +161,7 @@ header p {
 
 .grid-cell {
   position: absolute;
-  border: 1px solid #eee;
+  border: 1px solid transparent;
   cursor: crosshair;
 }
 
@@ -177,9 +177,14 @@ header p {
 
 .wall {
   position: absolute;
-  background-color: #8B4513;
-  border: 1px solid #5D2906;
+  background-color: #8d7b66;
+  border-radius: 2px;
   z-index: 10;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+}
+
+.wall-preview {
+  background-color: rgba(0, 123, 255, 0.55);
 }
 
 .furniture {
@@ -188,13 +193,16 @@ header p {
   align-items: center;
   justify-content: center;
   color: white;
-  font-weight: bold;
-  font-size: 12px;
+  font-weight: 600;
+  font-size: 11px;
   border-radius: 4px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   z-index: 20;
   pointer-events: auto;
   cursor: move;
+  overflow: hidden;
+  text-align: center;
+  padding: 2px;
 }
 
 /* Controls */
@@ -235,10 +243,17 @@ header p {
   background-color: #e9f7ef;
   border-radius: 4px;
   font-size: 0.9rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
 }
 
 .share-info p {
   margin: 0;
+  flex: 1;
+  min-width: 0;
+  word-break: break-all;
 }
 
 /* Sections Styling */
@@ -405,8 +420,9 @@ footer a:hover {
 
 /* Diorama SVG */
 #diorama-svg {
-  background-color: white;
+  background-color: #f7f4ef;
   border: 1px solid #ddd;
   border-radius: 4px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
-}
\ No newline at end of file
+  display: block;
+}