desk view

frontend/src/skeuomorphic_ws.css

@@ -12,7 +12,7 @@
   flex-direction: column;
   min-height: 0;
   position: relative;
-  background: #7a7c7c;
+  background-color: var(--surface-subtle);
 }
 
 .skeuo-header {
@@ -21,7 +21,7 @@
   justify-content: space-between;
   gap: 1rem;
   padding: 0.75rem 1rem 0.5rem;
-  background-color: var(--surface-subtle, rgba(255, 255, 255, 0.08));
+  background-color: var(--surface-subtle);
 }
 
 .skeuo-header__meta {
@@ -277,6 +277,20 @@ body.skeuo-cursor-remove * {
   overflow: hidden;
 }
 
+.skeuo-item__card--empty {
+  background:
+    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.32), transparent 60%),
+    radial-gradient(circle at 72% 78%, rgba(0, 0, 0, 0.08), transparent 65%),
+    linear-gradient(135deg, #e6e1d6 0%, #d2cdc2 100%);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+}
+
 .skeuo-item__card img {
 }
 
@@ -286,3 +300,25 @@ body.skeuo-cursor-remove * {
   letter-spacing: normal;
   color: var(--muted);
 }
+
+.skeuo-item__empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  gap: 0.5rem;
+  padding: 1rem;
+  text-align: center;
+}
+
+.skeuo-item__title {
+  font-size: 0.95rem;
+  font-weight: 500;
+  color: #3b3b3b;
+  max-width: 90%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}