.product-ui-surface{--background: #ffffff;--foreground: #0a0a0a;--card: #ffffff;--card-foreground: #0a0a0a;--popover: #ffffff;--popover-foreground: #0a0a0a;--primary: #1b3ee8;--primary-foreground: #fafafa;--secondary: #f5f5f5;--button-secondary: #f7f7f8;--button-secondary-hover: var(--secondary);--secondary-hover: #ebebeb;--secondary-foreground: #171717;--muted: #f5f7fa;--muted-foreground: #737373;--placeholder: color-mix( in oklab, var(--muted-foreground) 65%, transparent );--accent: #f5f5f5;--accent-foreground: #171717;--destructive: #e7000b;--destructive-foreground: #ffffff;--border: #e5e5e5;--input: #d8d8d8;--ring: #a1a1a1;--success: #098551;--success-foreground: #ffffff;--warning: #cf470e;--warning-foreground: #ffffff;--sandbox-banner: #fef9c3;--sandbox-banner-foreground: #422006;--chart-secondary: #a8cfda;--chart-negative: #ff5d58;--sidebar: #fafafa;--sidebar-foreground: #0a0a0a;--sidebar-accent: #f5f5f5;--sidebar-accent-foreground: #171717;--sidebar-border: #e5e5e5;--radius: .5rem;--button-radius: var(--radius-full);--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-hover: var(--secondary-hover);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-danger: var(--destructive);--color-danger-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--color-success: var(--success);--color-success-foreground: var(--success-foreground);--color-warning: var(--warning);--color-warning-foreground: var(--warning-foreground);--color-sandbox-banner: var(--sandbox-banner);--color-sandbox-banner-foreground: var(--sandbox-banner-foreground);--color-chart-secondary: var(--chart-secondary);--color-chart-negative: var(--chart-negative);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);min-height:100%;background:var(--background);color:var(--foreground);color-scheme:light;font-family:var(--font-geist-sans)}.product-ui-surface.dark{--background: #0d0d0d;--foreground: #ececec;--card: #161616;--card-foreground: #ececec;--popover: #1d1d1d;--popover-foreground: #ececec;--primary: #466bec;--primary-foreground: #ffffff;--secondary: #1d1d1d;--button-secondary: var(--secondary);--button-secondary-hover: var(--secondary-hover);--secondary-hover: #2a2a2a;--secondary-foreground: #ececec;--muted: #1d1d1d;--muted-foreground: #b3b3b3;--placeholder: color-mix( in oklab, var(--muted-foreground) 50%, transparent );--accent: #242424;--accent-foreground: #ececec;--destructive: #ff6467;--destructive-foreground: #0a0b0d;--border: #ffffff14;--input: #ffffff1f;--ring: #8a8a8a;--success: #27ad75;--success-foreground: #0a0b0d;--warning: #f07836;--warning-foreground: #0a0b0d;--sandbox-banner: #422006;--sandbox-banner-foreground: #fef9c3;--chart-secondary: #326b79;--chart-negative: #ff5d58;--sidebar: #0a0a0a;--sidebar-foreground: #ececec;--sidebar-accent: #242424;--sidebar-accent-foreground: #ececec;--sidebar-border: #ffffff14;color-scheme:dark}