:root,
:root[data-theme=dark] {
	--designaudit-elements-borderColor: #ffffff1a;
	--designaudit-elements-borderColorActive: rgb(43, 166, 255);
	--designaudit-elements-bg-depth-1: rgb(10, 10, 10);
	--designaudit-elements-bg-depth-2: rgb(23, 23, 23);
	--designaudit-elements-bg-depth-3: rgb(38, 38, 38);
	--designaudit-elements-bg-depth-4: #ffffff0d;
	--designaudit-elements-bg-overlay: #171717b3;
	--designaudit-elements-welcome-shape-fill: #ffffff33;
	--designaudit-elements-welcome-shadow-color-1: #ffffff12;
	--designaudit-elements-welcome-shadow-color-2: rgb(10, 10, 10);
	--designaudit-elements-textSelection-background: rgb(13, 111, 232);
	--designaudit-elements-textSelection-text: rgb(245, 245, 245);
	--designaudit-elements-textPrimary: rgb(255, 255, 255);
	--designaudit-elements-textSecondary: rgb(163, 163, 163);
	--designaudit-elements-textTertiary: rgb(115, 115, 115);
	--designaudit-elements-link: rgb(20, 136, 252);
	--designaudit-elements-linkHover: rgb(43, 166, 255);
	--designaudit-elements-code-background: rgb(38, 38, 38);
	--designaudit-elements-code-text: rgb(255, 255, 255);
	--designaudit-elements-button-primary-background: rgb(20, 136, 252);
	--designaudit-elements-button-primary-backgroundHover: rgb(13, 111, 232);
	--designaudit-elements-button-primary-text: rgb(255, 255, 255);
	--designaudit-elements-button-primaryLight-background: #2ba6ff1a;
	--designaudit-elements-button-primaryLight-backgroundHover: #2ba6ff33;
	--designaudit-elements-button-primaryLight-text: rgb(43, 166, 255);
	--designaudit-elements-button-secondary-background: #ffffff1a;
	--designaudit-elements-button-secondary-backgroundHover: #ffffff33;
	--designaudit-elements-button-secondary-text: rgb(255, 255, 255);
	--designaudit-elements-button-danger-background: #ef44441a;
	--designaudit-elements-button-danger-backgroundHover: #ef444433;
	--designaudit-elements-button-danger-text: rgb(239, 68, 68);
	--designaudit-elements-button-warn-background: #f790091a;
	--designaudit-elements-button-warn-backgroundHover: #f7900933;
	--designaudit-elements-button-warn-text: rgb(247, 144, 9);
	--designaudit-elements-button-supabase-background: rgb(12, 143, 95);
	--designaudit-elements-button-supabase-backgroundHover: rgb(24, 177, 117);
	--designaudit-elements-item-outlineActive: rgb(43, 166, 255);
	--designaudit-elements-item-contentDefault: #ffffff80;
	--designaudit-elements-item-contentActive: rgb(255, 255, 255);
	--designaudit-elements-item-contentAccent: rgb(43, 166, 255);
	--designaudit-elements-item-contentDanger: rgb(239, 68, 68);
	--designaudit-elements-item-backgroundDefault: rgba(255, 255, 255, 0);
	--designaudit-elements-item-backgroundActive: #ffffff1a;
	--designaudit-elements-item-backgroundAccent: #2ba6ff1a;
	--designaudit-elements-item-backgroundDanger: #ef44441a;
	--designaudit-elements-loader-background: #1717171a;
	--designaudit-elements-loader-progress: rgb(43, 166, 255);
	--designaudit-elements-artifacts-background: rgb(23, 23, 23);
	--designaudit-elements-artifacts-backgroundHover: #ffffff0d;
	--designaudit-elements-artifacts-borderColor: var(--designaudit-elements-borderColor);
	--designaudit-elements-artifacts-inlineCode-background: rgb(38, 38, 38);
	--designaudit-elements-artifacts-inlineCode-text: rgb(255, 255, 255);
	--designaudit-elements-actions-background: rgb(23, 23, 23);
	--designaudit-elements-actions-code-background: rgb(38, 38, 38);
	--designaudit-elements-messages-scroller-background: rgb(82, 82, 82);
	--designaudit-elements-messages-scroller-finishedBackground: rgb(20, 136, 252);
	--designaudit-elements-messages-scroller-icon: rgb(238, 249, 255);
	--designaudit-elements-messages-scroller-finishedIcon: rgb(245, 245, 245);
	--designaudit-elements-messages-scroller-shadow: #171717cc;
	--designaudit-elements-messages-background: rgb(38, 38, 38);
	--designaudit-elements-messages-retryBackground: #ffffff0d;
	--designaudit-elements-messages-error-borderColor: rgb(239, 68, 68);
	--designaudit-elements-messages-counter-background: #ffffff33;
	--designaudit-elements-messages-counter-backgroundPulse: #ffffff4d;
	--designaudit-elements-messages-linkColor: rgb(43, 166, 255);
	--designaudit-elements-messages-code-background: rgb(23, 23, 23);
	--designaudit-elements-messages-inlineCode-background: rgb(64, 64, 64);
	--designaudit-elements-messages-inlineCode-text: var(--designaudit-elements-textPrimary);
	--designaudit-elements-messages-selections-background: rgb(64, 64, 64);
	--designaudit-elements-messages-selections-text: rgb(163, 163, 163);
	--designaudit-elements-messages-selections-textHover: rgb(255, 255, 255);
	--designaudit-elements-messages-actions-background: var(--designaudit-elements-bg-depth-2);
	--designaudit-elements-icon-success: rgb(74, 222, 128);
	--designaudit-elements-icon-error: rgb(248, 113, 113);
	--designaudit-elements-icon-primary: rgb(10, 10, 10);
	--designaudit-elements-icon-secondary: rgb(82, 82, 82);
	--designaudit-elements-icon-tertiary: rgb(115, 115, 115);
	--designaudit-elements-dividerColor: rgb(245, 245, 245);
	--designaudit-elements-filetree-drop-background: rgb(38, 38, 38);
	--designaudit-elements-prompt-background: #171717cc;
	--designaudit-elements-prompt-subscribeButton-background: var(--designaudit-elements-prompt-background);
	--designaudit-elements-prompt-selections-background: rgb(38, 38, 38);
	--designaudit-elements-prompt-selections-text: rgb(163, 163, 163);
	--designaudit-elements-prompt-selections-textHover: rgb(255, 255, 255);
	--designaudit-elements-prompt-attachments-backgroundLoading: rgb(38, 38, 38);
	--designaudit-elements-prompt-attachments-button-background: rgb(38, 38, 38);
	--designaudit-elements-prompt-attachments-button-backgroundHover: rgb(64, 64, 64);
	--designaudit-elements-prompt-attachments-button-text: var(--designaudit-elements-textPrimary);
	--designaudit-elements-prompt-attachments-button-textHover: var(--designaudit-elements-textPrimary);
	--designaudit-elements-sidebar-dropdownShadow: #1717174d;
	--designaudit-elements-sidebar-buttonBackgroundDefault: #2ba6ff1a;
	--designaudit-elements-sidebar-buttonBackgroundHover: #2ba6ff33;
	--designaudit-elements-sidebar-buttonText: rgb(43, 166, 255);
	--designaudit-elements-preview-addressBar-background: var(--designaudit-elements-bg-depth-1);
	--designaudit-elements-preview-addressBar-backgroundHover: #ffffff0d;
	--designaudit-elements-preview-addressBar-backgroundActive: var(--designaudit-elements-bg-depth-1);
	--designaudit-elements-preview-addressBar-text: var(--designaudit-elements-textSecondary);
	--designaudit-elements-preview-addressBar-textActive: var(--designaudit-elements-textPrimary);
	--designaudit-elements-terminals-background: var(--designaudit-elements-bg-depth-1);
	--designaudit-elements-terminals-buttonBackground: var(--designaudit-elements-bg-depth-3);
	--designaudit-elements-cta-background: #ffffff1a;
	--designaudit-elements-cta-text: rgb(255, 255, 255);
	--designaudit-elements-pricing-promo-background: #22c55e1a;
	--designaudit-elements-pricing-promo-text: rgb(34, 197, 94);
	--designaudit-terminal-background: var(--designaudit-elements-terminals-background);
	--designaudit-terminal-foreground: #eff0eb;
	--designaudit-terminal-selection-background: #97979b33;
	--designaudit-terminal-black: #000000;
	--designaudit-terminal-red: #ff5c57;
	--designaudit-terminal-green: #5af78e;
	--designaudit-terminal-yellow: #f3f99d;
	--designaudit-terminal-blue: #57c7ff;
	--designaudit-terminal-magenta: #ff6ac1;
	--designaudit-terminal-cyan: #9aedfe;
	--designaudit-terminal-white: #f1f1f0;
	--designaudit-terminal-brightBlack: #686868;
	--designaudit-terminal-brightRed: #ff5c57;
	--designaudit-terminal-brightGreen: #5af78e;
	--designaudit-terminal-brightYellow: #f3f99d;
	--designaudit-terminal-brightBlue: #57c7ff;
	--designaudit-terminal-brightMagenta: #ff6ac1;
	--designaudit-terminal-brightCyan: #9aedfe;
	--designaudit-terminal-brightWhite: #f1f1f0;
	--brands-netlify-background: #05bdba22;
	--brands-supabase-accent: rgb(12, 143, 95);
	--designaudit-ds-brand: 20, 136, 252;
	--designaudit-ds-on-brand: 238, 249, 255;
	--designaudit-ds-brand-container: rgba(43, 166, 255, .1);
	--designaudit-ds-on-brand-container: 43, 166, 255;
	--designaudit-ds-on-brand-container-secondary: 20, 136, 252;
	--designaudit-ds-brand-highlight: 43, 166, 255;
	--designaudit-ds-success: 22, 163, 74;
	--designaudit-ds-on-success: 240, 253, 244;
	--designaudit-ds-success-container: rgba(34, 197, 94, .1);
	--designaudit-ds-on-success-container: 34, 197, 94;
	--designaudit-ds-on-success-container-secondary: 22, 163, 74;
	--designaudit-ds-success-highlight: 34, 197, 94;
	--designaudit-ds-warning: 220, 104, 3;
	--designaudit-ds-on-warning: 255, 250, 235;
	--designaudit-ds-warning-container: rgba(247, 144, 9, .1);
	--designaudit-ds-on-warning-container: 247, 144, 9;
	--designaudit-ds-on-warning-container-secondary: 220, 104, 3;
	--designaudit-ds-warning-highlight: 247, 144, 9;
	--designaudit-ds-danger: 220, 38, 38;
	--designaudit-ds-on-danger: 254, 242, 242;
	--designaudit-ds-danger-container: rgba(239, 68, 68, .1);
	--designaudit-ds-on-danger-container: 248, 113, 113;
	--designaudit-ds-on-danger-container-secondary: 239, 68, 68;
	--designaudit-ds-danger-highlight: 239, 68, 68;
	--designaudit-ds-neutral: 82, 82, 82;
	--designaudit-ds-on-neutral: 250, 250, 250;
	--designaudit-ds-neutral-container: rgba(23, 23, 23, .2);
	--designaudit-ds-on-neutral-container: 163, 163, 163;
	--designaudit-ds-on-neutral-container-secondary: 115, 115, 115;
	--designaudit-ds-neutral-highlight: 115, 115, 115;
	--designaudit-ds-surface: 10, 10, 10;
	--designaudit-ds-surface-alt-light: 10, 10, 10;
	--designaudit-ds-surface-alt-dark: 23, 23, 23;
	--designaudit-ds-surface-1: 23, 23, 23;
	--designaudit-ds-surface-2: 38, 38, 38;
	--designaudit-ds-surface-3: 64, 64, 64;
	--designaudit-ds-inverse-surface: 255, 255, 255;
	--designaudit-ds-inverse-on-surface: 10, 10, 10;
	--designaudit-ds-surface-highlight: rgba(255, 255, 255, .08);
	--designaudit-ds-text-primary: 255, 255, 255;
	--designaudit-ds-text-secondary: rgba(255, 255, 255, .75);
	--designaudit-ds-text-tertiary: rgba(255, 255, 255, .6);
	--designaudit-ds-border-outline: rgba(255, 255, 255, .1);
	--designaudit-ds-border-divider: rgba(255, 255, 255, .15);
	--designaudit-ds-icon-primary: 255, 255, 255;
	--designaudit-ds-icon-secondary: rgba(255, 255, 255, .5)
}

:root {
	--designaudit-font-monospace: ui-monospace, "Fira Code", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--chat-padding: 1.5rem;
	--header-height: 54px;
	--panel-header-height: 50px;
	--side-bar-width: 48px;
	--chat-min-width: 600px;
	--chat-max-width: calc(var(--chat-min-width) - var(--side-bar-width));
	--workbench-width: min(calc(100% - var(--chat-min-width)), 1800px);
	--workbench-inner-width: calc(var(--workbench-width) - 1rem);
	--workbench-left: calc(100% - var(--workbench-width));
	--toastify-color-progress-success: var(--designaudit-elements-icon-success);
	--toastify-color-progress-error: var(--designaudit-elements-icon-error);
	--designaudit-elements-terminal-backgroundColor: var(--designaudit-terminal-background);
	--designaudit-elements-terminal-textColor: var(--designaudit-terminal-foreground);
	--designaudit-elements-terminal-cursorColor: var(--designaudit-terminal-foreground);
	--designaudit-elements-terminal-selection-backgroundColor: var(--designaudit-terminal-selection-background);
	--designaudit-elements-terminal-color-black: var(--designaudit-terminal-black);
	--designaudit-elements-terminal-color-red: var(--designaudit-terminal-red);
	--designaudit-elements-terminal-color-green: var(--designaudit-terminal-green);
	--designaudit-elements-terminal-color-yellow: var(--designaudit-terminal-yellow);
	--designaudit-elements-terminal-color-blue: var(--designaudit-terminal-blue);
	--designaudit-elements-terminal-color-magenta: var(--designaudit-terminal-magenta);
	--designaudit-elements-terminal-color-cyan: var(--designaudit-terminal-cyan);
	--designaudit-elements-terminal-color-white: var(--designaudit-terminal-white);
	--designaudit-elements-terminal-color-brightBlack: var(--designaudit-terminal-brightBlack);
	--designaudit-elements-terminal-color-brightRed: var(--designaudit-terminal-brightRed);
	--designaudit-elements-terminal-color-brightGreen: var(--designaudit-terminal-brightGreen);
	--designaudit-elements-terminal-color-brightYellow: var(--designaudit-terminal-brightYellow);
	--designaudit-elements-terminal-color-brightBlue: var(--designaudit-terminal-brightBlue);
	--designaudit-elements-terminal-color-brightMagenta: var(--designaudit-terminal-brightMagenta);
	--designaudit-elements-terminal-color-brightCyan: var(--designaudit-terminal-brightCyan);
	--designaudit-elements-terminal-color-brightWhite: var(--designaudit-terminal-brightWhite)
}




html,
body {
	font-family: Inter;
	height: 100%;
	width: 100%
}