Align application surfaces with Launcher and SEO

apps/catalog/src/styles.css

@@ -281,7 +281,7 @@ textarea {
   grid-template-rows: 3.2rem 1fr;
   gap: 0.6rem;
   border-radius: 1.1rem;
-  background: color-mix(in srgb, var(--nodedc-canvas-soft) 76%, transparent);
+  background: var(--nodedc-canvas-soft);
   padding: 0.6rem;
 }
 
@@ -300,11 +300,11 @@ textarea {
 }
 
 .catalog-shell-diagram__nav {
-  background: color-mix(in srgb, var(--nodedc-glass-control-hover) 90%, transparent) !important;
+  background: var(--nodedc-glass-control-hover) !important;
 }
 
 .catalog-shell-diagram__content {
-  background: color-mix(in srgb, var(--nodedc-glass-control-hover) 70%, transparent) !important;
+  background: var(--nodedc-glass-control-bg) !important;
 }
 
 .catalog-environment-demo {
@@ -314,9 +314,7 @@ textarea {
   align-items: start;
   gap: clamp(1rem, 4vw, 4rem);
   border-radius: var(--nodedc-radius-card);
-  background:
-    radial-gradient(circle at 18% 24%, rgb(var(--nodedc-accent-rgb) / 0.13), transparent 22rem),
-    color-mix(in srgb, var(--nodedc-canvas-soft) 86%, transparent);
+  background: var(--nodedc-canvas-soft);
   padding: clamp(1rem, 3vw, 2rem);
 }
 
@@ -326,9 +324,16 @@ textarea {
 }
 
 .catalog-environment-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0 0.875rem 0.875rem;
+}
+
+.catalog-environment-title > div {
   display: grid;
   gap: 0.3rem;
-  padding: 0 0.875rem 0.875rem;
 }
 
 .catalog-environment-title span {
@@ -337,20 +342,12 @@ textarea {
 }
 
 .catalog-environment-draft {
-  margin: 0;
+  margin: -0.25rem 0.875rem 0.75rem;
   color: var(--nodedc-text-muted);
   font-size: 0.68rem;
   line-height: 1.4;
 }
 
-.catalog-environment-with-action {
-  display: grid;
-  width: min(var(--nodedc-inspector-inner-width), 100%);
-  grid-template-columns: minmax(0, 1fr) var(--nodedc-control-height);
-  align-items: center;
-  gap: var(--nodedc-space-2);
-}
-
 .catalog-icon-catalog {
   display: grid;
   gap: 1rem;