Add pink media stage and sharing modal system

apps/catalog/src/styles.css

@@ -209,6 +209,56 @@ textarea {
   gap: 0.75rem;
 }
 
+.catalog-modal-action-list,
+.catalog-detail-modal {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.catalog-history-table {
+  display: grid;
+  min-width: 46rem;
+  overflow: hidden;
+  border-radius: var(--nodedc-radius-card);
+  background: var(--nodedc-glass-control-bg);
+}
+
+.catalog-history-row {
+  display: grid;
+  min-height: 3.5rem;
+  grid-template-columns: minmax(12rem, 1.7fr) minmax(7rem, 0.7fr) minmax(6rem, 0.6fr) minmax(9rem, 0.9fr) 6rem;
+  align-items: center;
+  gap: 0.75rem;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  color: var(--nodedc-text-secondary);
+  padding: 0.62rem 0.8rem;
+  font-size: var(--nodedc-font-size-sm);
+}
+
+.catalog-history-row:last-child {
+  border-bottom: 0;
+}
+
+.catalog-history-row--head {
+  min-height: 2.35rem;
+  color: var(--nodedc-text-muted);
+  font-size: var(--nodedc-font-size-xs);
+  font-weight: 760;
+  text-transform: uppercase;
+}
+
+.catalog-history-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.25rem;
+}
+
+.catalog-history-actions .nodedc-icon-button {
+  width: 2rem;
+  height: 2rem;
+  flex-basis: 2rem;
+}
+
 .catalog-surface-stack .nodedc-glass {
   display: flex;
   min-height: 4rem;