Style wall strokes and the live diorama preview

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);
-}
+  display: block;
+}