@tangle-network/sandbox-ui 0.139.0 → 0.140.0

package/dist/styles.css

@@ -355,6 +355,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-11 {
+    top: calc(var(--spacing) * 11);
+  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -406,6 +409,9 @@
   .bottom-\[-0\.75rem\] {
     bottom: -0.75rem;
   }
+  .-left-1 {
+    left: calc(var(--spacing) * -1);
+  }
   .-left-1\.5 {
     left: calc(var(--spacing) * -1.5);
   }
@@ -472,6 +478,9 @@
   .z-\[100\] {
     z-index: 100;
   }
+  .order-last {
+    order: 9999;
+  }
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -619,6 +628,9 @@
   .mt-px {
     margin-top: 1px;
   }
+  .-mr-px {
+    margin-right: -1px;
+  }
   .mr-1 {
     margin-right: var(--spacing);
   }
@@ -670,6 +682,9 @@
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
+  .-ml-2 {
+    margin-left: calc(var(--spacing) * -2);
+  }
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
@@ -767,6 +782,10 @@
     width: calc(var(--spacing) * 2) !important;
     height: calc(var(--spacing) * 2) !important;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -1027,6 +1046,9 @@
   .h-\[720px\] {
     height: 720px;
   }
+  .h-\[calc\(100\%-0\.375rem\)\] {
+    height: calc(100% - 0.375rem);
+  }
   .h-\[var\(--avatar-size\)\] {
     height: var(--avatar-size);
   }
@@ -1114,6 +1136,9 @@
   .max-h-full {
     max-height: 100%;
   }
+  .max-h-none {
+    max-height: none;
+  }
   .min-h-0 {
     min-height: 0px;
   }
@@ -1486,9 +1511,6 @@
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
-  .max-w-48 {
-    max-width: calc(var(--spacing) * 48);
-  }
   .max-w-72 {
     max-width: calc(var(--spacing) * 72);
   }
@@ -1519,9 +1541,6 @@
   .max-w-\[85vw\] {
     max-width: 85vw;
   }
-  .max-w-\[120px\] {
-    max-width: 120px;
-  }
   .max-w-\[140px\] {
     max-width: 140px;
   }
@@ -1873,6 +1892,9 @@
   .scroll-mt-\[calc\(var\(--shell-header-height\)_\+_1rem\)\] {
     scroll-margin-top: calc(var(--shell-header-height) + 1rem);
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .scrollbar-none {
     scrollbar-width: none;
   }
@@ -1936,6 +1958,9 @@
   .place-content-center {
     place-content: center;
   }
+  .place-items-center {
+    place-items: center;
+  }
   .items-baseline {
     align-items: baseline;
   }
@@ -2133,9 +2158,6 @@
   .self-start {
     align-self: flex-start;
   }
-  .self-stretch {
-    align-self: stretch;
-  }
   .justify-self-start {
     justify-self: flex-start;
   }
@@ -2239,6 +2261,10 @@
     border-top-left-radius: var(--radius-sm);
     border-top-right-radius: var(--radius-sm);
   }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
   .rounded-t-md {
     border-top-left-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
@@ -2608,9 +2634,6 @@
   .border-t-transparent {
     border-top-color: transparent;
   }
-  .border-b-primary {
-    border-bottom-color: hsl(var(--primary));
-  }
   .\!bg-muted-foreground\/70 {
     background-color: hsl(var(--muted-foreground)) !important;
     @supports (color: color-mix(in lab, red, red)) {
@@ -2716,6 +2739,9 @@
   .bg-\[var\(--field-surface\,var\(--well\)\)\] {
     background-color: var(--field-surface,var(--well));
   }
+  .bg-\[var\(--ix-sel-bg\)\] {
+    background-color: var(--ix-sel-bg);
+  }
   .bg-\[var\(--md3-outline-variant\)\] {
     background-color: var(--md3-outline-variant);
   }
@@ -3288,9 +3314,15 @@
   .px-9 {
     padding-inline: calc(var(--spacing) * 9);
   }
+  .px-\[calc\(var\(--files-inset\)_-_0\.25rem\)\] {
+    padding-inline: calc(var(--files-inset) - 0.25rem);
+  }
   .px-\[var\(--chat-message-px\)\] {
     padding-inline: var(--chat-message-px);
   }
+  .px-\[var\(--files-inset\)\] {
+    padding-inline: var(--files-inset);
+  }
   .px-\[var\(--tool-card-px\)\] {
     padding-inline: var(--tool-card-px);
   }
@@ -3417,6 +3449,9 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
+  .pr-\[var\(--files-inset\)\] {
+    padding-right: var(--files-inset);
+  }
   .pb-0 {
     padding-bottom: 0px;
   }
@@ -3471,6 +3506,9 @@
   .pl-\[2\.375rem\] {
     padding-left: 2.375rem;
   }
+  .pl-\[var\(--files-inset\)\] {
+    padding-left: var(--files-inset);
+  }
   .text-center {
     text-align: center;
   }
@@ -3585,6 +3623,9 @@
   .text-\[length\:var\(--font-size-3xl\,1\.875rem\)\] {
     font-size: var(--font-size-3xl,1.875rem);
   }
+  .text-\[length\:var\(--font-size-base\,1rem\)\] {
+    font-size: var(--font-size-base,1rem);
+  }
   .text-\[length\:var\(--font-size-display\,3rem\)\] {
     font-size: var(--font-size-display,3rem);
   }
@@ -3597,18 +3638,15 @@
   .text-\[length\:var\(--font-size-label\,0\.875rem\)\] {
     font-size: var(--font-size-label,0.875rem);
   }
-  .text-\[length\:var\(--font-size-lg\,1rem\)\] {
-    font-size: var(--font-size-lg,1rem);
-  }
-  .text-\[length\:var\(--font-size-sm\,0\.75rem\)\] {
-    font-size: var(--font-size-sm,0.75rem);
-  }
   .text-\[length\:var\(--font-size-xl\,1\.25rem\)\] {
     font-size: var(--font-size-xl,1.25rem);
   }
   .text-\[length\:var\(--font-size-xs\)\] {
     font-size: var(--font-size-xs);
   }
+  .text-\[length\:var\(--font-size-xs\,0\.75rem\)\] {
+    font-size: var(--font-size-xs,0.75rem);
+  }
   .text-\[length\:var\(--transcript-font-size\)\] {
     font-size: var(--transcript-font-size);
   }
@@ -3780,12 +3818,18 @@
   .break-all {
     word-break: break-all;
   }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
   .whitespace-normal {
     white-space: normal;
   }
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre {
+    white-space: pre;
+  }
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
@@ -4194,6 +4238,10 @@
     --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.45));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[inset_0_-1px_0_hsl\(var\(--border\)\)\] {
+    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, hsl(var(--border)));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[var\(--edge-highlight\)\,var\(--shadow-card\)\] {
     --tw-shadow: var(--edge-highlight), var(--shadow-card);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4457,6 +4505,9 @@
   .\[--field-surface\:hsl\(var\(--card\)\)\] {
     --field-surface: hsl(var(--card));
   }
+  .\[--files-inset\:0\.75rem\] {
+    --files-inset: 0.75rem;
+  }
   .\[-webkit-mask-image\:linear-gradient\(to_right\,transparent\,black_16px\,black_calc\(100\%-16px\)\,transparent\)\] {
     -webkit-mask-image: linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);
   }
@@ -4493,9 +4544,6 @@
       --tw-translate-x: calc(var(--spacing) * 0.5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .group-hover\:bg-primary:is(:where(.group):hover *) {
-      background-color: hsl(var(--primary));
-    }
     .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
       background-color: hsl(var(--primary));
     }
@@ -4504,6 +4552,9 @@
         background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
       }
     }
+    .group-hover\:bg-ring:is(:where(.group):hover *) {
+      background-color: hsl(var(--ring));
+    }
     .group-hover\:text-foreground:is(:where(.group):hover *) {
       color: hsl(var(--foreground));
     }
@@ -4531,15 +4582,15 @@
       opacity: 100%;
     }
   }
-  .group-focus-visible\:bg-primary:is(:where(.group):focus-visible *) {
-    background-color: hsl(var(--primary));
-  }
   .group-focus-visible\:bg-primary\/30:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--primary));
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
     }
   }
+  .group-focus-visible\:bg-ring:is(:where(.group):focus-visible *) {
+    background-color: hsl(var(--ring));
+  }
   .group-focus-visible\/agent\:outline-2:is(:where(.group\/agent):focus-visible *) {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
@@ -4695,9 +4746,6 @@
     .hover\:border-\[var\(--border-accent\)\]:hover {
       border-color: var(--border-accent);
     }
-    .hover\:border-\[var\(--border-default\,hsl\(var\(--border\)\)\)\]:hover {
-      border-color: var(--border-default,hsl(var(--border)));
-    }
     .hover\:border-\[var\(--border-strong\)\]:hover {
       border-color: var(--border-strong);
     }
@@ -5236,9 +5284,6 @@
   .focus-visible\:text-foreground:focus-visible {
     color: hsl(var(--foreground));
   }
-  .focus-visible\:underline:focus-visible {
-    text-decoration-line: underline;
-  }
   .focus-visible\:opacity-100:focus-visible {
     opacity: 100%;
   }
@@ -6094,6 +6139,11 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  @container settings-section (width >= 34rem) {
+    .\@min-\[34rem\]\/settings-section\:text-right {
+      text-align: right;
+    }
+  }
   @container (width >= 36rem) {
     .\@xl\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -6140,6 +6190,15 @@
     }
   }
   @media (pointer: coarse) {
+    .pointer-coarse\:top-14 {
+      top: calc(var(--spacing) * 14);
+    }
+    .pointer-coarse\:h-14 {
+      height: calc(var(--spacing) * 14);
+    }
+    .pointer-coarse\:h-auto {
+      height: auto;
+    }
     .pointer-coarse\:min-h-11 {
       min-height: calc(var(--spacing) * 11);
     }
@@ -6289,6 +6348,9 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
+    display: none;
+  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
     padding-right: 0px;
   }
@@ -6382,6 +6444,9 @@
     --tw-content: '';
     content: var(--tw-content);
   }
+  .\[\&\>button\]\:py-1 > button {
+    padding-block: var(--spacing);
+  }
   @media (width < 40rem) {
     .max-sm\:\[\&\>div\:not\(\:nth-child\(2n\+1\)\)\]\:border-l > div:not(:nth-child(2n+1)) {
       border-left-style: var(--tw-border-style);
@@ -6508,64 +6573,151 @@
 }
 :root, [data-sandbox-ui], [data-sandbox-theme="vault"], [data-sandbox-theme="dawn"], [data-theme="dark"], [data-theme="light"], [data-theme="aubergine"], [data-theme="aubergine-light"], [data-theme="arena"], [data-theme="arena-light"], [data-theme="super"], [data-theme="super-light"], [data-theme="tangle-dark"], [data-theme="tangle-light"], [data-theme="hospitality"], [data-theme="agents"], [data-theme="agents-light"], [data-theme="website"], .light, .dark {
   color-scheme: dark;
-  --md3-surface: #0a0a14;
+  --hsl-background: 240 33% 6%;
+  --hsl-input: 244 29% 9%;
+  --hsl-card: 244 23% 12%;
+  --hsl-secondary: 249 24% 17.5%;
+  --hsl-popover: 247 21% 23%;
+  --hsl-muted: var(--hsl-secondary);
+  --hsl-accent: var(--hsl-secondary);
   --md3-surface-dim: #040408;
+  --md3-surface-container-lowest: var(--md3-surface-dim);
   --md3-surface-bright: #232238;
-  --md3-surface-container-lowest: #040408;
-  --md3-surface-container-low: #12111f;
-  --md3-surface-container: #191826;
-  --md3-surface-container-high: #221f33;
-  --md3-surface-container-highest: #2c2942;
-  --md3-surface-variant: #221f33;
-  --md3-on-surface: #e6e6e6;
-  --md3-on-surface-variant: #b5b5b5;
-  --md3-primary: #A5B4FC;
-  --md3-primary-dim: #7C6CF6;
-  --md3-primary-container: #4C3FC5;
-  --md3-on-primary: #ffffff;
-  --md3-on-primary-container: #E0E7FF;
-  --md3-primary-fixed: #A5AAFC;
-  --md3-primary-fixed-dim: #818CF8;
-  --md3-secondary: #C7D2FE;
-  --md3-secondary-dim: #A5B4FC;
-  --md3-secondary-container: #312E81;
-  --md3-on-secondary: #E8E5FF;
-  --md3-on-secondary-container: #E8E5FF;
-  --md3-tertiary: #10B981;
-  --md3-tertiary-container: var(--surface-success-bg);
-  --md3-outline: #8e8e8e;
-  --md3-outline-variant: #2a293d;
-  --md3-error: #ff5277;
-  --md3-error-dim: #eb2855;
-  --md3-error-container: #82042b;
-  --md3-on-error: #ffffff;
-  --md3-on-error-container: #ffbdf2;
+  --md3-surface: hsl(var(--hsl-background));
+  --md3-surface-container-low: hsl(var(--hsl-input));
+  --md3-surface-container: hsl(var(--hsl-card));
+  --md3-surface-container-high: hsl(var(--hsl-secondary));
+  --md3-surface-container-highest: hsl(var(--hsl-popover));
+  --md3-surface-variant: var(--md3-surface-container-high);
+  --depth-1: var(--md3-surface);
+  --depth-2: var(--md3-surface-container);
+  --depth-3: var(--md3-surface-container-high);
+  --depth-4: var(--md3-surface-container-highest);
+  --bg-root: var(--md3-surface);
+  --bg-dark: var(--depth-1);
+  --bg-card: var(--depth-2);
+  --bg-elevated: var(--depth-4);
+  --bg-section: var(--depth-1);
+  --bg-input: hsl(var(--hsl-input));
+  --sidebar-background: var(--hsl-input);
+  --sidebar-accent: var(--hsl-secondary);
   --md3-inverse-surface: #fdfdfd;
-  --md3-inverse-primary: #4C3FC5;
   --md3-inverse-on-surface: #000000;
-  --md3-surface-tint: #A5B4FC;
-  --hsl-background: 240 33% 6%;
   --hsl-foreground: 0 0% 90.1961%;
-  --hsl-card: 244 23% 12%;
-  --hsl-card-foreground: 0 0% 90.1961%;
-  --hsl-popover: 247 23% 21%;
-  --hsl-popover-foreground: 0 0% 90.1961%;
+  --hsl-muted-foreground: 240 5% 68%;
+  --text-primary: hsl(var(--hsl-foreground));
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
+  --hsl-card-foreground: var(--hsl-foreground);
+  --hsl-popover-foreground: var(--hsl-foreground);
+  --hsl-secondary-foreground: var(--hsl-foreground);
+  --hsl-accent-foreground: var(--hsl-foreground);
+  --sidebar-foreground: var(--hsl-foreground);
+  --sidebar-accent-foreground: var(--hsl-foreground);
+  --md3-on-surface: var(--text-primary);
+  --md3-on-surface-variant: var(--text-muted);
+  --md3-outline: #8e8e8e;
+  --hsl-border: 244 16% 25%;
+  --md3-outline-variant: hsl(var(--hsl-border));
+  --sidebar-border: var(--hsl-border);
+  --border-subtle: hsl(var(--hsl-border));
+  --border-default: hsl(var(--hsl-border));
+  --border-hover: rgba(255, 255, 255, 0.28);
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 249 24% 16%;
-  --hsl-secondary-foreground: 0 0% 90.1961%;
-  --hsl-muted: 249 24% 16%;
-  --hsl-muted-foreground: 240 5% 68%;
-  --hsl-accent: 249 24% 16%;
-  --hsl-accent-foreground: 0 0% 90.1961%;
-  --hsl-destructive: 0 90% 77%;
-  --hsl-destructive-foreground: 0 60% 10%;
-  --hsl-border: 243 20% 20%;
-  --hsl-input: 244 29% 9%;
   --hsl-ring: 233 100% 87%;
-  --hsl-success: 160 84% 39%;
-  --hsl-warning: 40 94% 56%;
-  --hsl-info: 200 88% 56%;
+  --brand-primary: #7C6CF6;
+  --brand-cool: #818CF8;
+  --accent-text: #A5B4FC;
+  --brand-purple: #C7D2FE;
+  --brand-strong: #2E2A5E;
+  --brand-strong-text: #ffffff;
+  --brand-strong-text-muted: rgba(255, 255, 255, 0.7);
+  --brand-strong-text-dim: rgba(255, 255, 255, 0.5);
+  --brand-glow: var(--accent-text);
+  --brand-vibrant: var(--brand-primary);
+  --btn-primary-bg: hsl(var(--hsl-primary));
+  --btn-primary-hover: #5a50d6;
+  --btn-primary-text: #ffffff;
+  --btn-cta-bg: var(--btn-primary-bg);
+  --btn-cta-text: var(--btn-primary-text);
+  --sidebar-primary: var(--hsl-primary);
+  --sidebar-primary-foreground: var(--hsl-primary-foreground);
+  --sidebar-ring: var(--hsl-ring);
+  --md3-primary: var(--accent-text);
+  --md3-primary-dim: var(--brand-primary);
+  --md3-primary-container: var(--btn-primary-bg);
+  --md3-on-primary: #ffffff;
+  --md3-on-primary-container: var(--brand-purple);
+  --md3-primary-fixed: var(--accent-text);
+  --md3-primary-fixed-dim: var(--brand-cool);
+  --md3-secondary: var(--brand-purple);
+  --md3-secondary-dim: var(--accent-text);
+  --md3-secondary-container: var(--brand-strong);
+  --md3-on-secondary: var(--brand-purple);
+  --md3-on-secondary-container: var(--brand-purple);
+  --md3-inverse-primary: var(--btn-primary-bg);
+  --md3-surface-tint: var(--accent-text);
+  --accent-surface-soft: var(--accent-text);
+  @supports (color: color-mix(in lab, red, red)) {
+    --accent-surface-soft: color-mix(in srgb, var(--accent-text) 7%, transparent);
+  }
+  --accent-surface-strong: var(--btn-primary-bg);
+  @supports (color: color-mix(in lab, red, red)) {
+    --accent-surface-strong: color-mix(in srgb, var(--btn-primary-bg) 30%, transparent);
+  }
+  --bg-hover: var(--accent-surface-soft);
+  --bg-selection: var(--brand-primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    --bg-selection: color-mix(in srgb, var(--brand-primary) 28%, transparent);
+  }
+  --border-accent: var(--brand-cool);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border-accent: color-mix(in srgb, var(--brand-cool) 35%, transparent);
+  }
+  --border-accent-hover: var(--brand-cool);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border-accent-hover: color-mix(in srgb, var(--brand-cool) 50%, transparent);
+  }
+  --tangle-gradient: linear-gradient(135deg, var(--btn-primary-bg), var(--accent-text));
+  --tangle-gradient-text: linear-gradient(135deg, var(--brand-purple), var(--accent-text));
+  --accent-gradient-strong: linear-gradient(135deg, var(--btn-primary-bg), var(--brand-primary));
+  --hsl-success: 154.7 60.2% 60.6%;
+  --hsl-warning: 41.5 88.2% 63.3%;
+  --hsl-destructive: 2.8 100% 83.1%;
+  --hsl-destructive-foreground: 0 60% 10%;
+  --hsl-info: 199.7 100% 70.2%;
+  --surface-success-text: hsl(var(--hsl-success));
+  --surface-success-bg: #2f5146;
+  --surface-success-border: #3c7760;
+  --surface-warning-text: hsl(var(--hsl-warning));
+  --surface-warning-bg: #4b4232;
+  --surface-warning-border: #7a6236;
+  --surface-danger-text: hsl(var(--hsl-destructive));
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
+  --surface-info-text: hsl(var(--hsl-info));
+  --surface-info-bg: #2d4e67;
+  --surface-info-border: #3d7292;
+  --status-running: var(--surface-success-text);
+  --status-creating: var(--accent-text);
+  --status-stopped: var(--surface-warning-text);
+  --status-warm: var(--surface-orange-text);
+  --status-cold: var(--surface-info-text);
+  --status-error: var(--surface-danger-text);
+  --status-deleted: var(--text-dim);
+  --brand-emerald: var(--surface-success-text);
+  --md3-tertiary: var(--surface-success-text);
+  --md3-tertiary-container: var(--surface-success-bg);
+  --md3-error: var(--surface-danger-text);
+  --md3-error-dim: var(--md3-error);
+  @supports (color: color-mix(in lab, red, red)) {
+    --md3-error-dim: color-mix(in srgb, var(--md3-error) 85%, black);
+  }
+  --md3-error-container: var(--surface-danger-bg);
+  --md3-on-error: hsl(var(--hsl-destructive-foreground));
+  --md3-on-error-container: var(--surface-danger-text);
   --background: var(--hsl-background);
   --foreground: var(--hsl-foreground);
   --card: var(--hsl-card);
@@ -6589,37 +6741,6 @@
   --warning: var(--hsl-warning);
   --error: var(--hsl-destructive);
   --info: var(--hsl-info);
-  --sidebar-background: 244 29% 9%;
-  --sidebar-foreground: 0 0% 90.1961%;
-  --sidebar-primary: 246 54% 51%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 0 0% 20.7843%;
-  --sidebar-accent-foreground: 0 0% 90.1961%;
-  --sidebar-border: 0 0% 29.8039%;
-  --sidebar-ring: 233 100% 87%;
-  --depth-1: #0a0a14;
-  --depth-2: #191826;
-  --depth-3: #221f33;
-  --depth-4: #2c2942;
-  --status-running: #10B981;
-  --status-creating: #A5B4FC;
-  --status-stopped: #FFB800;
-  --status-warm: #FF8A4C;
-  --status-cold: #4AABFF;
-  --status-error: #FF4D6D;
-  --status-deleted: #6B7094;
-  --surface-success-bg: #2f5146;
-  --surface-success-border: #3c7760;
-  --surface-success-text: #5ed7a4;
-  --surface-warning-bg: #4b4232;
-  --surface-warning-border: #7a6236;
-  --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #5a3b40;
-  --surface-danger-border: #7d4d53;
-  --surface-danger-text: #ffada9;
-  --surface-info-bg: #2d4e67;
-  --surface-info-border: #3d7292;
-  --surface-info-text: #67cdff;
   --tone-violet-bg: #392751;
   --tone-violet-bg-hover: #432b60;
   --tone-violet-bg-selected: #4c306c;
@@ -6696,56 +6817,28 @@
   --glass-bg: var(--depth-2);
   --glass-bg-strong: var(--depth-3);
   --glass-border: var(--border-subtle);
-  --glass-border-hover: var(--border-default);
+  --glass-border-hover: var(--border-hover);
   --glass-blur: 0px;
   --mesh-teal: transparent;
   --mesh-violet: transparent;
   --mesh-blue: transparent;
-  --tangle-gradient: linear-gradient(135deg, #4C3FC5, #A5B4FC);
-  --tangle-gradient-text: linear-gradient(135deg, #C7D2FE, #A5B4FC);
-  --accent-gradient-strong: linear-gradient(135deg, #4C3FC5, #7C6CF6);
-  --accent-surface-soft: rgba(165, 180, 252, 0.07);
-  --accent-surface-strong: rgba(76, 63, 197, 0.30);
-  --accent-text: #A5B4FC;
-  --bg-root: #0a0a14;
-  --bg-dark: var(--depth-1);
-  --bg-card: var(--depth-2);
-  --bg-elevated: var(--depth-4);
-  --bg-section: var(--depth-1);
-  --bg-input: hsl(var(--hsl-input));
-  --bg-hover: rgba(165, 180, 252, 0.07);
-  --bg-selection: rgba(124, 108, 246, 0.28);
-  --text-primary: #e6e6e6;
-  --text-secondary: #c7c7c7;
-  --text-muted: #b5b5b5;
-  --text-dim: #a5a5a5;
-  --brand-primary: #7C6CF6;
-  --brand-strong: #2E2A5E;
-  --brand-strong-text: #ffffff;
-  --brand-strong-text-muted: rgba(255, 255, 255, 0.7);
-  --brand-strong-text-dim: rgba(255, 255, 255, 0.5);
-  --brand-cool: #818CF8;
-  --brand-glow: #A5AAFC;
-  --brand-purple: #C7D2FE;
-  --brand-vibrant: #6366F1;
-  --brand-emerald: #10B981;
-  --border-subtle: rgba(255, 255, 255, 0.10);
-  --border-default: rgba(255, 255, 255, 0.16);
-  --border-hover: rgba(255, 255, 255, 0.28);
-  --border-accent: rgba(129, 140, 248, 0.35);
-  --border-accent-hover: rgba(129, 140, 248, 0.50);
-  --btn-primary-bg: #4C3FC5;
-  --btn-primary-hover: #5A50D6;
-  --btn-primary-text: #ffffff;
-  --btn-cta-bg: #4C3FC5;
-  --btn-cta-text: #FFFFFF;
-  --code-keyword: #A5AAFC;
-  --code-string: #34D399;
-  --code-function: #6D9FFF;
-  --code-number: #FFB347;
-  --code-success: #10B981;
-  --code-comment: #606294;
-  --code-error: #FF4D6D;
+  --code-header-bg: hsl(var(--hsl-background));
+  --syntax-foreground: var(--text-primary);
+  --syntax-variable: var(--text-secondary);
+  --syntax-comment: var(--text-dim);
+  --syntax-keyword: var(--tone-violet-icon);
+  --syntax-meta: var(--accent-text);
+  --syntax-function: var(--surface-info-text);
+  --syntax-string: var(--surface-success-text);
+  --syntax-number: var(--surface-warning-text);
+  --syntax-error: var(--surface-danger-text);
+  --code-keyword: var(--syntax-keyword);
+  --code-string: var(--syntax-string);
+  --code-function: var(--syntax-function);
+  --code-number: var(--syntax-number);
+  --code-success: var(--surface-success-text);
+  --code-comment: var(--syntax-comment);
+  --code-error: var(--syntax-error);
   --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3);
   --shadow-dropdown: 0 8px 30px rgba(0, 0, 0, 0.45);
   --shadow-glow: none;
@@ -6786,10 +6879,10 @@
   --shell-inset-gutter: 0.5rem;
   --transcript-font-size: 1rem;
   --transcript-line-height: var(--line-height-base);
-  --font-size-xs: 0.6875rem;
-  --font-size-sm: 0.75rem;
-  --font-size-base: 0.9375rem;
-  --font-size-lg: 1rem;
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
   --font-size-xl: 1.25rem;
   --font-size-2xl: 1.5rem;
   --font-size-3xl: 1.875rem;
@@ -6837,16 +6930,6 @@
   --tool-card-px: 0.75rem;
   --tool-card-py: 0.5rem;
   --tool-icon-size: 1.75rem;
-  --code-header-bg: hsl(var(--hsl-background));
-  --syntax-comment: #9ea2cc;
-  --syntax-keyword: #A78FFF;
-  --syntax-string: #10b981;
-  --syntax-function: #6D9FFF;
-  --syntax-number: #FFB347;
-  --syntax-meta: #8263FF;
-  --syntax-error: #FF4D6D;
-  --syntax-variable: #C4C0D8;
-  --syntax-foreground: #E8E6F6;
   --duration-instant: 90ms;
   --duration-fast: 150ms;
   --duration-base: 240ms;
@@ -6879,104 +6962,80 @@
 }
 [data-sandbox-theme="vault"]:where(:not(.dark)), [data-sandbox-theme="dawn"]:where(:not(.dark)), [data-theme="hospitality"]:where(:not(.dark)), [data-theme="website"]:where(:not(.dark)), [data-theme="light"], [data-theme="aubergine-light"], [data-theme="arena-light"], [data-theme="super-light"], [data-theme="tangle-light"], [data-theme="agents-light"], .light {
   color-scheme: light;
-  --code-header-bg: hsl(var(--hsl-muted));
-  @supports (color: color-mix(in lab, red, red)) {
-    --code-header-bg: color-mix(in srgb, hsl(var(--hsl-muted)) 50%, transparent);
-  }
-  --syntax-foreground: #24243a;
-  --syntax-comment: #6b7280;
-  --syntax-keyword: #7c3aed;
-  --syntax-string: #047857;
-  --syntax-function: #2563eb;
-  --syntax-number: #b45309;
-  --syntax-meta: #6d28d9;
-  --syntax-variable: #334155;
-  --syntax-error: #dc2626;
-  --md3-surface: #eceef3;
+  --hsl-background: 223 23% 94%;
+  --hsl-input: 225 29% 97%;
+  --hsl-card: 0 0% 100%;
+  --hsl-secondary: 228 25% 94.5%;
+  --hsl-popover: var(--hsl-card);
   --md3-surface-dim: #dcdee6;
+  --md3-surface-container-lowest: hsl(var(--hsl-card));
   --md3-surface-bright: #ffffff;
-  --md3-surface-container-lowest: #ffffff;
-  --md3-surface-container-low: #f6f7fa;
-  --md3-surface-container: #ffffff;
-  --md3-surface-container-high: #f1f2f7;
-  --md3-surface-container-highest: #ffffff;
-  --md3-surface-variant: #f1f2f7;
-  --md3-on-surface: #2d2d2d;
-  --md3-on-surface-variant: #4c4c4c;
-  --md3-primary: #3E349E;
-  --md3-primary-dim: #352B88;
-  --md3-primary-container: #352B88;
-  --md3-on-primary: #ffffff;
-  --md3-on-primary-container: #9B93F0;
-  --md3-primary-fixed: #E8E5FF;
-  --md3-primary-fixed-dim: #C5C0F0;
-  --md3-secondary: #524A78;
-  --md3-secondary-dim: #3E3660;
-  --md3-secondary-container: #E8E5FF;
-  --md3-on-secondary: #ffffff;
-  --md3-on-secondary-container: #524A78;
-  --md3-tertiary: #065F46;
-  --md3-tertiary-container: #D1FAE5;
-  --md3-outline: #787878;
-  --md3-outline-variant: #c7c6d6;
-  --md3-error: #ba1a1a;
-  --md3-error-dim: #93000a;
-  --md3-error-container: #ffdad6;
-  --md3-on-error: #ffffff;
-  --md3-on-error-container: #93000a;
+  --sidebar-background: var(--hsl-card);
   --md3-inverse-surface: #2e2e3e;
-  --md3-inverse-primary: #A5AAFC;
   --md3-inverse-on-surface: #f0f1f4;
-  --md3-surface-tint: #6366F1;
-  --hsl-background: 223 23% 94%;
   --hsl-foreground: 0 0% 17.6471%;
-  --hsl-card: 0 0% 100%;
-  --hsl-card-foreground: 0 0% 17.6471%;
-  --hsl-popover: 0 0% 100%;
-  --hsl-popover-foreground: 0 0% 17.6471%;
-  --hsl-primary: 246 54% 51%;
-  --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 230 27% 96%;
-  --hsl-secondary-foreground: 0 0% 17.6471%;
-  --hsl-muted: 230 27% 96%;
   --hsl-muted-foreground: 0 0% 29.8039%;
-  --hsl-accent: 230 27% 96%;
-  --hsl-accent-foreground: 0 0% 17.6471%;
-  --hsl-destructive: 0 72% 41%;
-  --hsl-destructive-foreground: 0 0% 100%;
+  --text-secondary: #3f3f3f;
+  --text-muted: #4c4c4c;
+  --text-dim: #686868;
+  --md3-outline: #787878;
   --hsl-border: 244 16% 81%;
-  --hsl-input: 225 29% 97%;
-  --hsl-ring: 246 54% 51%;
-  --hsl-success: 160 84% 30%;
-  --hsl-warning: 41 96% 50%;
-  --hsl-info: 212 80% 50%;
-  --depth-1: #eceef3;
-  --depth-2: #ffffff;
-  --depth-3: #f1f2f7;
-  --depth-4: #ffffff;
-  --status-running: #059669;
-  --status-creating: #3E349E;
-  --status-stopped: #B45309;
-  --status-warm: #C05621;
-  --status-cold: #1D6FA4;
-  --status-error: #ba1a1a;
-  --status-deleted: #6B6B82;
-  --glass-bg: var(--depth-2);
-  --glass-bg-strong: var(--depth-1);
-  --glass-border: var(--border-subtle);
-  --glass-border-hover: var(--border-default);
+  --border-hover: rgba(0, 0, 0, 0.24);
+  --hsl-ring: var(--hsl-primary);
+  --brand-primary: #6366F1;
+  --brand-purple: var(--brand-primary);
+  --accent-text: #3c32e9;
+  --md3-primary: var(--accent-text);
+  --md3-primary-dim: var(--btn-primary-bg);
+  --md3-on-primary-container: #ffffff;
+  --md3-primary-fixed: #E8E5FF;
+  --md3-primary-fixed-dim: var(--md3-primary-fixed);
+  @supports (color: color-mix(in lab, red, red)) {
+    --md3-primary-fixed-dim: color-mix(in srgb, var(--md3-primary-fixed) 85%, var(--accent-text));
+  }
+  --md3-secondary: var(--accent-text);
+  --md3-secondary-dim: var(--btn-primary-bg);
+  --md3-secondary-container: var(--md3-primary-fixed);
+  --md3-on-secondary: #ffffff;
+  --md3-on-secondary-container: var(--accent-text);
+  --md3-inverse-primary: #A5B4FC;
+  --md3-surface-tint: var(--brand-primary);
+  --accent-surface-soft: var(--btn-primary-bg);
+  @supports (color: color-mix(in lab, red, red)) {
+    --accent-surface-soft: color-mix(in srgb, var(--btn-primary-bg) 5%, transparent);
+  }
+  --accent-surface-strong: var(--btn-primary-bg);
+  @supports (color: color-mix(in lab, red, red)) {
+    --accent-surface-strong: color-mix(in srgb, var(--btn-primary-bg) 13%, transparent);
+  }
+  --bg-selection: var(--btn-primary-bg);
+  @supports (color: color-mix(in lab, red, red)) {
+    --bg-selection: color-mix(in srgb, var(--btn-primary-bg) 16%, transparent);
+  }
+  --border-accent: var(--btn-primary-hover);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border-accent: color-mix(in srgb, var(--btn-primary-hover) 18%, transparent);
+  }
+  --border-accent-hover: var(--btn-primary-hover);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border-accent-hover: color-mix(in srgb, var(--btn-primary-hover) 35%, transparent);
+  }
+  --tangle-gradient: linear-gradient(135deg, var(--btn-primary-bg), var(--btn-primary-hover));
+  --tangle-gradient-text: var(--tangle-gradient);
+  --accent-gradient-strong: var(--tangle-gradient);
+  --hsl-success: 162.9 93.5% 24.3%;
+  --hsl-warning: 25.9 90% 35.3%;
+  --hsl-destructive: 0 73.7% 41.8%;
+  --hsl-destructive-foreground: 0 0% 100%;
+  --hsl-info: 201.3 96.3% 32.2%;
   --surface-success-bg: #ecfdf5;
   --surface-success-border: #a7f3d0;
-  --surface-success-text: #047857;
   --surface-warning-bg: #fffbeb;
   --surface-warning-border: #fde68a;
-  --surface-warning-text: #ab4f09;
   --surface-danger-bg: #fff1f2;
   --surface-danger-border: #fecdd3;
-  --surface-danger-text: #b91c1c;
   --surface-info-bg: #f0f9ff;
   --surface-info-border: #bae6fd;
-  --surface-info-text: #0369a1;
   --tone-violet-bg: #f7edfe;
   --tone-violet-bg-hover: #f2e2fc;
   --tone-violet-bg-selected: #ead5f9;
@@ -7047,86 +7106,15 @@
   --run-mix-failed: #cd342f;
   --run-mix-in-flight: #00679e;
   --run-mix-cancelled: #515367;
-  --surface-neutral-bg: var(--depth-3);
-  --surface-neutral-border: var(--border-subtle);
-  --surface-neutral-text: var(--text-muted);
-  --sidebar-background: 0 0% 100%;
-  --sidebar-foreground: 0 0% 17.6471%;
-  --sidebar-primary: 246 54% 51%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 0 0% 94.902%;
-  --sidebar-accent-foreground: 0 0% 17.6471%;
-  --sidebar-border: 0 0% 81.5686%;
-  --sidebar-ring: 246 54% 51%;
-  --mesh-teal: transparent;
-  --mesh-violet: transparent;
-  --mesh-blue: transparent;
-  --bg-root: #eceef3;
-  --bg-dark: var(--depth-1);
-  --bg-card: var(--depth-2);
-  --bg-elevated: var(--depth-4);
-  --bg-section: var(--depth-1);
-  --bg-input: hsl(var(--hsl-input));
-  --bg-hover: rgba(76, 63, 198, 0.06);
-  --bg-selection: rgba(76, 63, 198, 0.16);
-  --text-primary: #2d2d2d;
-  --text-secondary: #3f3f3f;
-  --text-muted: #4c4c4c;
-  --text-dim: #686868;
-  --brand-primary: #6366F1;
-  --brand-strong: #2E2A5E;
-  --brand-strong-text: #ffffff;
-  --brand-strong-text-muted: rgba(255, 255, 255, 0.7);
-  --brand-strong-text-dim: rgba(255, 255, 255, 0.5);
-  --brand-cool: #818CF8;
-  --brand-glow: #A5AAFC;
-  --brand-purple: #6366F1;
-  --brand-vibrant: #6366F1;
-  --brand-emerald: #059669;
-  --border-subtle: rgba(0, 0, 0, 0.10);
-  --border-default: rgba(0, 0, 0, 0.14);
-  --border-hover: rgba(0, 0, 0, 0.24);
-  --border-accent: rgba(91, 78, 212, 0.18);
-  --border-accent-hover: rgba(91, 78, 212, 0.35);
-  --btn-primary-bg: #4C3FC5;
-  --btn-primary-hover: #5A50D6;
-  --btn-primary-text: #ffffff;
-  --btn-cta-bg: #4C3FC5;
-  --btn-cta-text: #ffffff;
-  --code-keyword: #3E349E;
-  --code-string: #059669;
-  --code-function: #352B88;
-  --code-number: #B45309;
-  --code-success: #059669;
-  --code-comment: #6B6E8A;
-  --code-error: #ba1a1a;
+  --glass-bg-strong: var(--depth-1);
+  --code-header-bg: hsl(var(--hsl-muted));
+  @supports (color: color-mix(in lab, red, red)) {
+    --code-header-bg: color-mix(in srgb, hsl(var(--hsl-muted)) 50%, transparent);
+  }
   --shadow-card: 0 1px 2px rgba(25, 28, 36, 0.06);
   --shadow-dropdown: 0 8px 30px rgba(25, 28, 36, 0.10);
   --shadow-glow: none;
   --shadow-accent: 0 1px 2px rgba(25, 28, 36, 0.06);
-  --tangle-gradient: linear-gradient(135deg, #4F46E5, #5B4ED4);
-  --tangle-gradient-text: linear-gradient(135deg, #4F46E5, #5B4ED4);
-  --accent-gradient-strong: linear-gradient(135deg, #4F46E5, #5B4ED4);
-  --accent-surface-soft: rgba(76, 63, 198, 0.05);
-  --accent-surface-strong: rgba(76, 63, 198, 0.13);
-  --accent-text: #3c32e9;
-  --font-sans: "Inter Variable", "Inter", "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
-  --font-display: "Inter Variable", "Inter", "Geist", sans-serif;
-  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
-  --radius: 0.5rem;
-  --radius-sm: 6px;
-  --radius-md: 8px;
-  --radius-lg: 10px;
-  --radius-xl: 12px;
-  --radius-pill: 999px;
-  --radius-full: 999px;
-  --radius-composer: 26px;
-  --radius-tag: 4px;
-  --radius-chip: 8px;
-  --radius-field: 12px;
-  --radius-panel: 16px;
-  --radius-cover: 20px;
-  --radius-sheet: 24px;
 }
 :root, .dark, .light, [data-sandbox-ui], [data-sandbox-theme], [data-theme] {
   --focus-border: hsl(var(--hsl-ring) / 0.8);
@@ -7143,15 +7131,15 @@
   @supports (color: color-mix(in lab, red, red)) {
     --border-strong: color-mix(in srgb, hsl(var(--hsl-border)), hsl(var(--hsl-foreground)) 20%);
   }
-  --hsl-raised: var(--hsl-card);
-  --hsl-raised-2: var(--hsl-card);
+  --hsl-raised: var(--hsl-secondary);
+  --hsl-raised-2: var(--hsl-popover);
   --well-page: hsl(var(--hsl-background));
   @supports (color: color-mix(in lab, red, red)) {
     --well-page: color-mix(in oklab, hsl(var(--hsl-background)) 70%, black);
   }
   --well-card: var(--well-page);
-  --well-raised: var(--well-page);
-  --well-raised-2: var(--well-page);
+  --well-raised: hsl(var(--hsl-card));
+  --well-raised-2: var(--well-raised);
   --well: var(--well-page);
   --field-border: hsl(var(--hsl-border));
   @supports (color: color-mix(in lab, red, red)) {
@@ -7159,7 +7147,7 @@
   }
   --shadow-raised: var(--shadow-card);
   --shadow-well: 0 0 0 0 transparent;
-  --edge-highlight: 0 0 0 0 transparent;
+  --edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.06);
   --ix-hover: 0 0 0 1px hsl(var(--hsl-ring) / 0.45), 0 0 0 4px hsl(var(--hsl-ring) / 0.16);
   --ix-hover-border: hsl(var(--hsl-ring) / 0.7);
   --ix-press: 0 0 0 1px hsl(var(--hsl-ring) / 0.95), 0 0 0 4px hsl(var(--hsl-ring) / 0.3);
@@ -7173,8 +7161,15 @@
   --ix-hover-bg: hsl(var(--hsl-ring) / 0.07);
   --well-page: hsl(var(--hsl-card));
   --well-card: hsl(var(--hsl-background));
-  --well-raised: hsl(var(--hsl-background));
-  --well-raised-2: hsl(var(--hsl-background));
+  --well-raised-2: var(--well-card);
+  --edge-highlight: 0 0 0 0 transparent;
+}
+[data-theme="aubergine"], [data-theme="aubergine-light"], [data-theme="arena"], [data-theme="arena-light"], [data-theme="super"], [data-theme="super-light"], [data-theme="tangle-light"], [data-theme="agents"], [data-theme="agents-light"], [data-theme="website"], [data-theme="intelligence"] {
+  --hsl-raised: var(--hsl-card);
+  --hsl-raised-2: var(--hsl-card);
+  --well-raised: var(--well-card);
+  --well-raised-2: var(--well-card);
+  --edge-highlight: 0 0 0 0 transparent;
 }
 [data-slot="card"] :where(*) {
   --card: var(--hsl-raised);
@@ -7300,7 +7295,7 @@
   --text-hero: var(--font-size-hero);
   --text-page: var(--font-size-3xl);
   --text-section: var(--font-size-xl);
-  --text-eyebrow: var(--font-size-sm);
+  --text-eyebrow: var(--font-size-xs);
   --text-control-sm: var(--control-text-sm);
   --text-control-md: var(--control-text-md);
   --text-control-lg: var(--control-text-lg);
@@ -7310,6 +7305,15 @@
   --spacing-control-md: var(--control-height);
   --spacing-control-lg: var(--control-height-lg);
   --spacing-shell-header: var(--shell-header-height);
+  --color-brand: var(--brand-primary);
+  --color-brand-dim: var(--btn-primary-bg);
+  --color-brand-cool: var(--brand-cool);
+  --color-brand-glow: var(--brand-glow);
+  --color-brand-emerald: var(--brand-emerald);
+  --color-status-running: var(--status-running);
+  --color-status-creating: var(--status-creating);
+  --color-status-stopped: var(--status-stopped);
+  --color-status-error: var(--status-error);
   --color-scrim: var(--scrim);
   --color-scrim-strong: var(--scrim-strong);
   --color-on-media: var(--on-media);
@@ -7651,50 +7655,6 @@
   --md3-on-surface: var(--text-primary);
   --md3-on-surface-variant: var(--text-muted);
 }
-[data-theme="tangle-dark"] {
-  --hsl-background: 240 33% 6%;
-  --hsl-foreground: 0 0% 90.1961%;
-  --hsl-card: 244 23% 12%;
-  --hsl-card-foreground: 0 0% 90.1961%;
-  --hsl-popover: 247 23% 21%;
-  --hsl-popover-foreground: 0 0% 90.1961%;
-  --hsl-primary: 246 54% 51%;
-  --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 249 24% 16%;
-  --hsl-secondary-foreground: 0 0% 90.1961%;
-  --hsl-muted: 249 24% 16%;
-  --hsl-muted-foreground: 240 5% 68%;
-  --hsl-accent: 249 24% 16%;
-  --hsl-accent-foreground: 0 0% 90.1961%;
-  --hsl-destructive: 0 90% 77%;
-  --hsl-destructive-foreground: 0 60% 10%;
-  --hsl-border: 243 20% 20%;
-  --hsl-input: 244 29% 9%;
-  --hsl-ring: 233 100% 87%;
-  --depth-1: #0a0a14;
-  --depth-2: #191826;
-  --depth-3: #221f33;
-  --depth-4: #2c2942;
-  --bg-root: #0a0a14;
-  --bg-card: var(--depth-2);
-  --bg-input: hsl(var(--hsl-input));
-  --md3-surface-container-lowest: #040408;
-  --md3-surface-container-low: #12111f;
-  --md3-surface-container: #191826;
-  --md3-surface-container-high: #221f33;
-  --md3-surface-container-highest: #2c2942;
-  --md3-outline-variant: #2a293d;
-  --border-subtle: rgba(255, 255, 255, 0.10);
-  --border-default: rgba(255, 255, 255, 0.16);
-  --border-hover: rgba(255, 255, 255, 0.28);
-  --accent-text: #A5B4FC;
-  --brand-primary: #7C6CF6;
-  --brand-glow: #A5AAFC;
-  --text-primary: #e6e6e6;
-  --text-secondary: #c7c7c7;
-  --text-muted: #b5b5b5;
-  --text-dim: #a5a5a5;
-}
 [data-theme="tangle-light"] {
   --hsl-background: 240 33% 98%;
   --hsl-foreground: 245 32% 14%;
@@ -7789,7 +7749,7 @@
   --hsl-border: 107 8.7% 79.8%;
   --hsl-input: 0 0% 100%;
   --hsl-ring: 148 28% 43%;
-  --hsl-destructive: 0 72% 41%;
+  --hsl-destructive: 0 73.7% 41.8%;
   --hsl-raised: 110 18.7% 93.7%;
   --hsl-raised-2: 0 0% 100%;
   --sidebar-background: 108 21.7% 95.5%;