Persist catalog layout and add inspector toolbar

apps/catalog/src/styles.css

@@ -110,10 +110,6 @@ textarea {
   gap: 1rem;
 }
 
-.catalog-grid--foundation {
-  grid-template-columns: 1.1fr 0.9fr;
-}
-
 .catalog-grid--single {
   grid-template-columns: 1fr;
 }
@@ -160,7 +156,6 @@ textarea {
   line-height: 1.5;
 }
 
-.catalog-theme-row,
 .catalog-inline,
 .catalog-window-actions-demo {
   display: flex;
@@ -173,37 +168,6 @@ textarea {
   flex-wrap: wrap;
 }
 
-.catalog-swatches {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 0.5rem;
-}
-
-.catalog-swatch {
-  display: grid;
-  min-width: 0;
-  gap: 0.4rem;
-  border: 0;
-  border-radius: 0.9rem;
-  background: var(--nodedc-glass-control-bg);
-  color: var(--nodedc-text-muted);
-  padding: 0.55rem;
-  font-size: 0.68rem;
-  cursor: pointer;
-}
-
-.catalog-swatch span {
-  height: 2.4rem;
-  border-radius: 0.65rem;
-  background: var(--swatch);
-}
-
-.catalog-swatch[data-active="true"] {
-  background: var(--nodedc-glass-control-hover);
-  color: var(--nodedc-text-primary);
-}
-
-.catalog-surface-stack,
 .catalog-form {
   display: grid;
   gap: 0.75rem;
@@ -313,14 +277,6 @@ textarea {
   flex-basis: 2rem;
 }
 
-.catalog-surface-stack .nodedc-glass {
-  display: flex;
-  min-height: 4rem;
-  align-items: center;
-  color: var(--nodedc-text-secondary);
-  font-size: 0.78rem;
-}
-
 .catalog-engine-control-stack {
   display: grid;
   width: min(var(--nodedc-inspector-inner-width), 100%);
@@ -328,80 +284,6 @@ textarea {
   gap: 0.75rem;
 }
 
-.catalog-shell-diagram {
-  display: grid;
-  min-height: 16rem;
-  grid-template-columns: minmax(8rem, 0.28fr) minmax(15rem, 1fr) minmax(7rem, 0.22fr);
-  grid-template-rows: 3.2rem 1fr;
-  gap: 0.6rem;
-  border-radius: 1.1rem;
-  background: var(--nodedc-canvas-soft);
-  padding: 0.6rem;
-}
-
-.catalog-shell-diagram span {
-  display: grid;
-  place-items: center;
-  border-radius: 0.9rem;
-  background: var(--nodedc-glass-control-bg);
-  color: var(--nodedc-text-muted);
-  font-size: 0.72rem;
-  font-weight: 700;
-}
-
-.catalog-shell-diagram__header {
-  grid-column: 1 / -1;
-}
-
-.catalog-shell-diagram__nav {
-  background: var(--nodedc-glass-control-hover) !important;
-}
-
-.catalog-shell-diagram__content {
-  background: var(--nodedc-glass-control-bg) !important;
-}
-
-.catalog-environment-demo {
-  display: grid;
-  min-height: 30rem;
-  grid-template-columns: minmax(0, 24.375rem) minmax(14rem, 1fr);
-  align-items: start;
-  gap: clamp(1rem, 4vw, 4rem);
-  border-radius: var(--nodedc-radius-card);
-  background: var(--nodedc-canvas-soft);
-  padding: clamp(1rem, 3vw, 2rem);
-}
-
-.catalog-environment-card {
-  width: min(24.375rem, 100%);
-  padding: 1.125rem 0.75rem;
-}
-
-.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;
-}
-
-.catalog-environment-title span {
-  color: var(--nodedc-text-muted);
-  font-size: 0.7rem;
-}
-
-.catalog-environment-draft {
-  margin: -0.25rem 0.875rem 0.75rem;
-  color: var(--nodedc-text-muted);
-  font-size: 0.68rem;
-  line-height: 1.4;
-}
-
 .catalog-icon-catalog {
   display: grid;
   gap: 1rem;
@@ -489,8 +371,7 @@ textarea {
 }
 
 @media (max-width: 1280px) {
-  .catalog-grid,
-  .catalog-grid--foundation {
+  .catalog-grid {
     grid-template-columns: 1fr;
   }
 
@@ -557,7 +438,6 @@ textarea {
     gap: 0.25rem;
   }
 
-  .catalog-swatches,
   .catalog-icon-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -566,32 +446,12 @@ textarea {
     grid-template-columns: 1fr;
   }
 
-  .catalog-shell-diagram {
-    grid-template-columns: 1fr 1.5fr;
-    grid-template-rows: 3rem 7rem 7rem;
-  }
-
-  .catalog-shell-diagram__header {
-    grid-column: 1 / -1;
-  }
-
-  .catalog-shell-diagram__stage {
-    grid-column: 1 / -1;
-  }
-
-  .catalog-environment-demo {
-    min-height: auto;
-    grid-template-columns: 1fr;
-    padding: 0.75rem;
-  }
-
   .catalog-window-actions-demo .nodedc-button {
     width: 100%;
   }
 }
 
 @media (max-width: 430px) {
-  .catalog-swatches,
   .catalog-icon-grid {
     grid-template-columns: 1fr;
   }