:root,:root[data-theme=light]{--bolt-elements-borderColor: rgba(15, 23, 42, .08);--bolt-elements-borderColorActive: #2BA6FF;--bolt-elements-borderColorStrong: rgba(15, 23, 42, .12);--bolt-elements-bg-depth-1: #ffffff;--bolt-elements-bg-depth-2: #fcfcfd;--bolt-elements-bg-depth-3: #f8fafc;--bolt-elements-bg-depth-4: rgba(255, 255, 255, .65);--bolt-elements-bg-depth-5: rgba(255, 255, 255, .88);--bolt-elements-page-background: radial-gradient(circle at 50% -10%, rgba(16, 185, 129, .08), transparent 40%), radial-gradient(circle at 84% 16%, rgba(59, 130, 246, .06), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);--bolt-elements-textPrimary: #0f172a;--bolt-elements-textSecondary: #475569;--bolt-elements-textTertiary: #94a3b8;--bolt-elements-code-background: #f1f5f9;--bolt-elements-code-text: #0f172a;--bolt-elements-button-primary-background: #1488FC;--bolt-elements-button-primary-backgroundHover: #0D6FE8;--bolt-elements-button-primary-text: #ffffff;--bolt-elements-button-secondary-background: rgba(255, 255, 255, .8);--bolt-elements-button-secondary-backgroundHover: #f1f5f9;--bolt-elements-button-secondary-text: #1e293b;--bolt-elements-button-danger-background: #FEF2F2;--bolt-elements-button-danger-backgroundHover: #FEE2E2;--bolt-elements-button-danger-text: #DC2626;--bolt-elements-item-contentDefault: #64748b;--bolt-elements-item-contentActive: #0f172a;--bolt-elements-item-contentAccent: #1488FC;--bolt-elements-item-contentDanger: #DC2626;--bolt-elements-item-backgroundDefault: transparent;--bolt-elements-item-backgroundActive: rgba(15, 23, 42, .05);--bolt-elements-item-backgroundAccent: #2BA6FF14;--bolt-elements-item-backgroundDanger: #EF444414;--bolt-elements-loader-background: #e2e8f0;--bolt-elements-loader-progress: #2BA6FF;--bolt-elements-artifacts-background: #ffffff;--bolt-elements-artifacts-backgroundHover: #f8fafc;--bolt-elements-artifacts-borderColor: var(--bolt-elements-borderColor);--bolt-elements-artifacts-inlineCode-background: #f1f5f9;--bolt-elements-artifacts-inlineCode-text: var(--bolt-elements-textPrimary);--bolt-elements-actions-background: #ffffff;--bolt-elements-actions-code-background: #0f172a;--bolt-elements-messages-background: #fcfcfd;--bolt-elements-messages-linkColor: #1488FC;--bolt-elements-messages-code-background: #0f172a;--bolt-elements-messages-inlineCode-background: #f1f5f9;--bolt-elements-messages-inlineCode-text: #334155;--bolt-elements-icon-success: #10b981;--bolt-elements-icon-error: #ef4444;--bolt-elements-icon-primary: #0f172a;--bolt-elements-icon-secondary: #64748b;--bolt-elements-icon-tertiary: #94a3b8;--bolt-elements-dividerColor: rgba(15, 23, 42, .06);--bolt-elements-prompt-background: rgba(255, 255, 255, .85);--bolt-elements-hero-glow: rgba(16, 185, 129, .1);--bolt-elements-shadowColor: rgba(15, 23, 42, .08);--bolt-elements-card-background: rgba(255, 255, 255, .74);--bolt-elements-header-background: rgba(255, 255, 255, .72);--bolt-elements-header-glow: rgba(59, 130, 246, .7);--bolt-elements-sidebar-dropdownShadow: rgba(15, 23, 42, .12);--bolt-elements-sidebar-buttonBackgroundDefault: transparent;--bolt-elements-sidebar-buttonBackgroundHover: rgba(15, 23, 42, .04);--bolt-elements-sidebar-buttonText: #475569;--bolt-elements-cta-background: #f8fafc;--bolt-elements-cta-text: #0f172a}:root,:root[data-theme=dark]{--bolt-elements-borderColor: rgba(255, 255, 255, .08);--bolt-elements-borderColorActive: #22c55e;--bolt-elements-borderColorStrong: rgba(255, 255, 255, .12);--bolt-elements-bg-depth-1: #030303;--bolt-elements-bg-depth-2: #080808;--bolt-elements-bg-depth-3: #0c0c0c;--bolt-elements-bg-depth-4: rgba(255, 255, 255, .03);--bolt-elements-bg-depth-5: rgba(10, 10, 10, .82);--bolt-elements-page-background: radial-gradient(circle at 50% -10%, rgba(74, 222, 128, .1), transparent 40%), radial-gradient(circle at 18% 32%, rgba(59, 130, 246, .05), transparent 30%), linear-gradient(180deg, #000000 0%, #030303 60%, #080808 100%);--bolt-elements-textPrimary: #f8fafc;--bolt-elements-textSecondary: #94a3b8;--bolt-elements-textTertiary: #64748b;--bolt-elements-code-background: #0c0c0c;--bolt-elements-code-text: #f8fafc;--bolt-elements-button-primary-background: #22c55e;--bolt-elements-button-primary-backgroundHover: #16a34a;--bolt-elements-button-primary-text: #000000;--bolt-elements-button-secondary-background: rgba(255, 255, 255, .05);--bolt-elements-button-secondary-backgroundHover: rgba(255, 255, 255, .08);--bolt-elements-button-secondary-text: #f8fafc;--bolt-elements-button-danger-background: rgba(239, 68, 68, .1);--bolt-elements-button-danger-backgroundHover: rgba(239, 68, 68, .2);--bolt-elements-button-danger-text: #f87171;--bolt-elements-item-contentDefault: #94a3b8;--bolt-elements-item-contentActive: #f8fafc;--bolt-elements-item-contentAccent: #4ade80;--bolt-elements-item-contentDanger: #f87171;--bolt-elements-item-backgroundDefault: transparent;--bolt-elements-item-backgroundActive: rgba(255, 255, 255, .06);--bolt-elements-item-backgroundAccent: rgba(34, 197, 94, .12);--bolt-elements-item-backgroundDanger: rgba(239, 68, 68, .12);--bolt-elements-loader-background: #1e293b;--bolt-elements-loader-progress: #22c55e;--bolt-elements-artifacts-background: #080808;--bolt-elements-artifacts-backgroundHover: #0c0c0c;--bolt-elements-artifacts-borderColor: var(--bolt-elements-borderColor);--bolt-elements-artifacts-inlineCode-background: #1e293b;--bolt-elements-artifacts-inlineCode-text: #f8fafc;--bolt-elements-actions-background: #050505;--bolt-elements-actions-code-background: #0c0c0c;--bolt-elements-messages-background: #080808;--bolt-elements-messages-linkColor: #4ade80;--bolt-elements-messages-code-background: #0c0c0c;--bolt-elements-messages-inlineCode-background: #1e293b;--bolt-elements-messages-inlineCode-text: #f8fafc;--bolt-elements-icon-success: #4ade80;--bolt-elements-icon-error: #f87171;--bolt-elements-icon-primary: #f8fafc;--bolt-elements-icon-secondary: #94a3b8;--bolt-elements-icon-tertiary: #64748b;--bolt-elements-dividerColor: rgba(255, 255, 255, .08);--bolt-elements-prompt-background: rgba(8, 8, 8, .88);--bolt-elements-hero-glow: rgba(34, 197, 94, .12);--bolt-elements-shadowColor: rgba(0, 0, 0, .4);--bolt-elements-card-background: rgba(14, 14, 14, .72);--bolt-elements-header-background: rgba(6, 6, 6, .72);--bolt-elements-header-glow: rgba(74, 222, 128, .7);--bolt-elements-sidebar-dropdownShadow: rgba(0, 0, 0, .6);--bolt-elements-sidebar-buttonBackgroundDefault: transparent;--bolt-elements-sidebar-buttonBackgroundHover: rgba(255, 255, 255, .05);--bolt-elements-sidebar-buttonText: #94a3b8;--bolt-elements-cta-background: rgba(255, 255, 255, .04);--bolt-elements-cta-text: #f8fafc}:root{--header-height: 72px;--chat-max-width: 52rem;--chat-min-width: 32rem;--workbench-gutter: 1.5rem;--workbench-width: clamp(34rem, 50vw, 56rem);--workbench-inner-width: var(--workbench-width);--workbench-left: calc(100% - var(--workbench-width) - var(--workbench-gutter));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--bolt-elements-radius-sm: 10px;--bolt-elements-radius-md: 14px;--bolt-elements-radius-lg: 18px;--bolt-elements-radius-xl: 24px;--bolt-elements-radius-2xl: 32px;--bolt-elements-radius-full: 9999px;--bolt-elements-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bolt-elements-shadow-md: 0 4px 12px -2px var(--bolt-elements-shadowColor), 0 2px 6px -1px var(--bolt-elements-shadowColor);--bolt-elements-shadow-lg: 0 12px 32px -4px var(--bolt-elements-shadowColor), 0 8px 20px -4px var(--bolt-elements-shadowColor);--bolt-elements-shadow-xl: 0 24px 64px -8px var(--bolt-elements-shadowColor), 0 16px 32px -8px var(--bolt-elements-shadowColor);--bolt-elements-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--bolt-elements-backdrop: blur(12px) saturate(1.8);--bolt-elements-backdrop-strong: blur(24px) saturate(2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}@media(max-width:1024px){:root{--workbench-gutter: 1rem}}@media(max-width:768px){:root{--header-height: 68px;--chat-min-width: 0rem;--workbench-gutter: .75rem}}.z-logo{z-index:998}.z-sidebar{z-index:997}.z-port-dropdown{z-index:996}.z-iframe-overlay{z-index:995}.z-prompt{z-index:2}.z-workbench{z-index:3}.z-file-tree-breadcrumb{z-index:998}.z-max{z-index:999}.animated{animation-fill-mode:both;animation-duration:var(--animate-duration, .25s);animation-timing-function:cubic-bezier(.4,0,.2,1)}.animated.fadeInRight{animation-name:fadeInRight}.animated.fadeOutRight{animation-name:fadeOutRight}.animated.blurIn{animation:blurIn .4s ease-out forwards}@keyframes blurIn{0%{opacity:0;filter:blur(10px);transform:scale(.98)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.dropdown-animation{opacity:0;animation:fadeMoveDown .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeMoveDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(6px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 2s infinite linear}.xterm{padding:1rem}[data-resize-handle]{position:relative}[data-resize-handle][data-panel-group-direction=horizontal]:after{content:"";position:absolute;inset:0 -5px 0 -6px;z-index:999}[data-resize-handle][data-panel-group-direction=vertical]:after{content:"";position:absolute;inset:-5px 0 -6px;z-index:999}[data-resize-handle][data-resize-handle-state=hover]:after,[data-resize-handle][data-resize-handle-state=drag]:after{background-color:#8882}.actions .shiki{background-color:var(--bolt-elements-actions-code-background)!important}.shiki:not(:has(.actions),.actions *){background-color:var(--bolt-elements-messages-code-background)!important}:root{--cm-backgroundColor: var(--bolt-elements-editor-backgroundColor, var(--bolt-elements-bg-depth-1));--cm-textColor: var(--bolt-elements-editor-textColor, var(--bolt-elements-textPrimary));--cm-gutter-backgroundColor: var(--bolt-elements-editor-gutter-backgroundColor, var(--cm-backgroundColor));--cm-gutter-textColor: var(--bolt-elements-editor-gutter-textColor, var(--bolt-elements-textSecondary));--cm-gutter-activeLineTextColor: var(--bolt-elements-editor-gutter-activeLineTextColor, var(--cm-gutter-textColor));--cm-foldGutter-textColor: var(--bolt-elements-editor-foldGutter-textColor, var(--cm-gutter-textColor));--cm-foldGutter-textColorHover: var(--bolt-elements-editor-foldGutter-textColorHover, var(--cm-gutter-textColor));--cm-activeLineBackgroundColor: var(--bolt-elements-editor-activeLineBackgroundColor, rgb(224 231 235 / 30%));--cm-cursor-width: 2px;--cm-cursor-backgroundColor: var(--bolt-elements-editor-cursorColor, var(--bolt-elements-textSecondary));--cm-matching-bracket: var(--bolt-elements-editor-matchingBracketBackgroundColor, rgb(50 140 130 / .3));--cm-selection-backgroundColorFocused: var(--bolt-elements-editor-selection-backgroundColor, #42b4ff);--cm-selection-backgroundOpacityFocused: var(--bolt-elements-editor-selection-backgroundOpacity, .3);--cm-selection-backgroundColorBlured: var(--bolt-elements-editor-selection-inactiveBackgroundColor, #c9e9ff);--cm-selection-backgroundOpacityBlured: var(--bolt-elements-editor-selection-inactiveBackgroundOpacity, .3);--cm-panels-borderColor: var(--bolt-elements-editor-panels-borderColor, var(--bolt-elements-borderColor));--cm-search-backgroundColor: var(--bolt-elements-editor-search-backgroundColor, var(--cm-backgroundColor));--cm-search-textColor: var(--bolt-elements-editor-search-textColor, var(--bolt-elements-textSecondary));--cm-search-closeButton-backgroundColor: var(--bolt-elements-editor-search-closeButton-backgroundColor, transparent);--cm-search-closeButton-backgroundColorHover: var( --bolt-elements-editor-search-closeButton-backgroundColorHover, var(--bolt-elements-item-backgroundActive) );--cm-search-closeButton-textColor: var( --bolt-elements-editor-search-closeButton-textColor, var(--bolt-elements-item-contentDefault) );--cm-search-closeButton-textColorHover: var( --bolt-elements-editor-search-closeButton-textColorHover, var(--bolt-elements-item-contentActive) );--cm-search-button-backgroundColor: var( --bolt-elements-editor-search-button-backgroundColor, var(--bolt-elements-item-backgroundDefault) );--cm-search-button-backgroundColorHover: var( --bolt-elements-editor-search-button-backgroundColorHover, var(--bolt-elements-item-backgroundActive) );--cm-search-button-textColor: var(--bolt-elements-editor-search-button-textColor, var(--bolt-elements-textSecondary));--cm-search-button-textColorHover: var( --bolt-elements-editor-search-button-textColorHover, var(--bolt-elements-textPrimary) );--cm-search-button-borderColor: var(--bolt-elements-editor-search-button-borderColor, transparent);--cm-search-button-borderColorHover: var(--bolt-elements-editor-search-button-borderColorHover, transparent);--cm-search-button-borderColorFocused: var( --bolt-elements-editor-search-button-borderColorFocused, var(--bolt-elements-borderColorActive) );--cm-search-input-backgroundColor: var(--bolt-elements-editor-search-input-backgroundColor, transparent);--cm-search-input-textColor: var(--bolt-elements-editor-search-input-textColor, var(--bolt-elements-textPrimary));--cm-search-input-borderColor: var(--bolt-elements-editor-search-input-borderColor, var(--bolt-elements-borderColor));--cm-search-input-borderColorFocused: var( --bolt-elements-editor-search-input-borderColorFocused, var(--bolt-elements-borderColorActive) );--cm-tooltip-backgroundColor: var(--bolt-elements-editor-tooltip-backgroundColor, var(--cm-backgroundColor));--cm-tooltip-textColor: var(--bolt-elements-editor-tooltip-textColor, var(--bolt-elements-textPrimary));--cm-tooltip-backgroundColorSelected: var( --bolt-elements-editor-tooltip-backgroundColorSelected, #2BA6FF4d );--cm-tooltip-textColorSelected: var( --bolt-elements-editor-tooltip-textColorSelected, var(--bolt-elements-textPrimary) );--cm-tooltip-borderColor: var(--bolt-elements-editor-tooltip-borderColor, var(--bolt-elements-borderColor));--cm-searchMatch-backgroundColor: var(--bolt-elements-editor-searchMatch-backgroundColor, rgba(234, 92, 0, .33))}html[data-theme=light]{--bolt-elements-editor-gutter-textColor: #237893;--bolt-elements-editor-gutter-activeLineTextColor: var(--bolt-elements-textPrimary);--bolt-elements-editor-foldGutter-textColorHover: var(--bolt-elements-textPrimary);--bolt-elements-editor-activeLineBackgroundColor: rgb(50 53 63 / 5%);--bolt-elements-editor-tooltip-backgroundColorSelected: #2BA6FF33;--bolt-elements-editor-search-button-backgroundColor: #F5F5F5;--bolt-elements-editor-search-button-backgroundColorHover: #1717171a}html[data-theme=dark]{--cm-backgroundColor: var(--bolt-elements-bg-depth-2);--bolt-elements-editor-gutter-textColor: var(--bolt-elements-textTertiary);--bolt-elements-editor-gutter-activeLineTextColor: var(--bolt-elements-textSecondary);--bolt-elements-editor-selection-inactiveBackgroundOpacity: .3;--bolt-elements-editor-activeLineBackgroundColor: rgb(50 53 63 / 50%);--bolt-elements-editor-foldGutter-textColorHover: var(--bolt-elements-textPrimary);--bolt-elements-editor-matchingBracketBackgroundColor: rgba(66, 180, 255, .3);--bolt-elements-editor-search-button-backgroundColor: #262626;--bolt-elements-editor-search-button-backgroundColorHover: #FFFFFF1a}.Toastify__toast{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background-color:var(--bolt-elements-bg-depth-2);color:var(--bolt-elements-textPrimary);border:1px solid var(--bolt-elements-borderColor)}.Toastify__close-button{color:var(--bolt-elements-item-contentDefault);opacity:1;transition:none}.Toastify__close-button:hover{color:var(--bolt-elements-item-contentActive)}html,body{height:100%;width:100%;overflow:hidden}html{background:var(--bolt-elements-page-background)}body{margin:0;background:var(--bolt-elements-page-background);color:var(--bolt-elements-textPrimary);font-family:Manrope,system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;transition:background var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bolt-elements-borderColorStrong);border-radius:var(--bolt-elements-radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--bolt-elements-textTertiary)}body:before{content:"";position:fixed;inset:-100px;z-index:-1;background:radial-gradient(circle at 0% 0%,rgba(74,222,128,.035),transparent 34%),radial-gradient(circle at 100% 0%,rgba(59,130,246,.035),transparent 32%),radial-gradient(circle at 100% 100%,rgba(16,185,129,.03),transparent 34%),radial-gradient(circle at 12% 88%,rgba(56,189,248,.03),transparent 30%);filter:blur(96px);animation:mesh-float 24s ease-in-out infinite alternate;pointer-events:none}@keyframes mesh-float{0%{transform:translate(0) scale(1)}to{transform:translate(16px,28px) scale(1.08)}}#root,[data-reactroot]{min-height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{cursor:pointer;border:none;outline:none;background:none;color:inherit;transition:all var(--transition-fast)}button:disabled{cursor:default;opacity:.5}input,textarea,select{font:inherit;background:none;border:none;outline:none;color:inherit}input::placeholder,textarea::placeholder,select::placeholder{color:var(--bolt-elements-textTertiary);transition:color var(--transition-fast)}input:focus::placeholder,textarea:focus::placeholder,select:focus::placeholder{color:var(--bolt-elements-textSecondary)}code,kbd,pre{font-family:IBM Plex Mono,ui-monospace,monospace}::selection{background:#22c55e40;color:inherit}:focus-visible{outline:2px solid var(--bolt-elements-borderColorActive);outline-offset:2px}@media(max-width:768px){body:before{inset:-60px;filter:blur(72px)}}