@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}:root,:root[data-theme=dark]{--rax-elements-borderColor: #FFFFFF1a;--rax-elements-borderColorActive: #3D83FF;--rax-elements-bg-depth-1: #191a1a;--rax-elements-bg-depth-2: #191a1a;--rax-elements-bg-depth-3: #262626;--rax-elements-bg-depth-4: #FFFFFF0d;--rax-elements-textPrimary: #FFFFFF;--rax-elements-textSecondary: #A3A3A3;--rax-elements-textTertiary: #737373;--rax-elements-code-background: #262626;--rax-elements-code-text: #FFFFFF;--rax-elements-button-primary-background: #3D83FF1a;--rax-elements-button-primary-backgroundHover: #3D83FF33;--rax-elements-button-primary-text: #3D83FF;--rax-elements-button-secondary-background: #FFFFFF0d;--rax-elements-button-secondary-backgroundHover: #FFFFFF1a;--rax-elements-button-secondary-text: #FFFFFF;--rax-elements-button-danger-background: #EF44441a;--rax-elements-button-danger-backgroundHover: #EF444433;--rax-elements-button-danger-text: #EF4444;--rax-elements-item-contentDefault: #FFFFFF80;--rax-elements-item-contentActive: #FFFFFF;--rax-elements-item-contentAccent: #3D83FF;--rax-elements-item-contentDanger: #EF4444;--rax-elements-item-backgroundDefault: rgba(255, 255, 255, 0);--rax-elements-item-backgroundActive: #FFFFFF1a;--rax-elements-item-backgroundAccent: #3D83FF1a;--rax-elements-item-backgroundDanger: #EF44441a;--rax-elements-loader-background: #1f21211a;--rax-elements-loader-progress: #3D83FF;--rax-elements-artifacts-background: #1f2121;--rax-elements-artifacts-backgroundHover: #FFFFFF0d;--rax-elements-artifacts-borderColor: var(--rax-elements-borderColor);--rax-elements-artifacts-inlineCode-background: #262626;--rax-elements-artifacts-inlineCode-text: #FFFFFF;--rax-elements-actions-background: #1f2121;--rax-elements-actions-code-background: #262626;--rax-elements-messages-background: #262626;--rax-elements-messages-linkColor: #3D83FF;--rax-elements-messages-code-background: #1f2121;--rax-elements-messages-inlineCode-background: #404040;--rax-elements-messages-inlineCode-text: var(--rax-elements-textPrimary);--rax-elements-icon-success: #4ADE80;--rax-elements-icon-error: #F87171;--rax-elements-icon-primary: #191a1a;--rax-elements-icon-secondary: #525252;--rax-elements-icon-tertiary: #737373;--rax-elements-dividerColor: #F5F5F5;--rax-elements-prompt-background: #1f2121cc;--rax-elements-preview-addressBar-background: var(--rax-elements-bg-depth-1);--rax-elements-preview-addressBar-backgroundHover: #FFFFFF0d;--rax-elements-preview-addressBar-backgroundActive: var(--rax-elements-bg-depth-1);--rax-elements-preview-addressBar-text: var(--rax-elements-textSecondary);--rax-elements-preview-addressBar-textActive: var(--rax-elements-textPrimary);--rax-elements-terminals-background: var(--rax-elements-bg-depth-1);--rax-elements-terminals-buttonBackground: var(--rax-elements-bg-depth-3);--rax-elements-cta-background: #FFFFFF1a;--rax-elements-cta-text: #FFFFFF;--rax-terminal-background: var(--rax-elements-terminals-background);--rax-terminal-foreground: #eff0eb;--rax-terminal-selection-background: #97979b33;--rax-terminal-black: #000000;--rax-terminal-red: #ff5c57;--rax-terminal-green: #5af78e;--rax-terminal-yellow: #f3f99d;--rax-terminal-blue: #57c7ff;--rax-terminal-magenta: #ff6ac1;--rax-terminal-cyan: #9aedfe;--rax-terminal-white: #f1f1f0;--rax-terminal-brightBlack: #686868;--rax-terminal-brightRed: #ff5c57;--rax-terminal-brightGreen: #5af78e;--rax-terminal-brightYellow: #f3f99d;--rax-terminal-brightBlue: #57c7ff;--rax-terminal-brightMagenta: #ff6ac1;--rax-terminal-brightCyan: #9aedfe;--rax-terminal-brightWhite: #f1f1f0;--modern-scrollbar-thumb-background: rgba(150, 150, 150, .5);--modern-scrollbar-thumb-backgroundHover: rgba(180, 180, 180, .8)}:root{--header-height: 54px;--chat-max-width: 42.24rem;--chat-min-width: 533px;--workbench-width: min(calc(100% - var(--chat-min-width)), 2536px);--workbench-inner-width: var(--workbench-width);--workbench-left: calc(100% - var(--workbench-width));--toastify-color-progress-success: var(--rax-elements-icon-success);--toastify-color-progress-error: var(--rax-elements-icon-error);--rax-elements-terminal-backgroundColor: var(--rax-terminal-background);--rax-elements-terminal-textColor: var(--rax-terminal-foreground);--rax-elements-terminal-cursorColor: var(--rax-terminal-foreground);--rax-elements-terminal-selection-backgroundColor: var(--rax-terminal-selection-background);--rax-elements-terminal-color-black: var(--rax-terminal-black);--rax-elements-terminal-color-red: var(--rax-terminal-red);--rax-elements-terminal-color-green: var(--rax-terminal-green);--rax-elements-terminal-color-yellow: var(--rax-terminal-yellow);--rax-elements-terminal-color-blue: var(--rax-terminal-blue);--rax-elements-terminal-color-magenta: var(--rax-terminal-magenta);--rax-elements-terminal-color-cyan: var(--rax-terminal-cyan);--rax-elements-terminal-color-white: var(--rax-terminal-white);--rax-elements-terminal-color-brightBlack: var(--rax-terminal-brightBlack);--rax-elements-terminal-color-brightRed: var(--rax-terminal-brightRed);--rax-elements-terminal-color-brightGreen: var(--rax-terminal-brightGreen);--rax-elements-terminal-color-brightYellow: var(--rax-terminal-brightYellow);--rax-elements-terminal-color-brightBlue: var(--rax-terminal-brightBlue);--rax-elements-terminal-color-brightMagenta: var(--rax-terminal-brightMagenta);--rax-elements-terminal-color-brightCyan: var(--rax-terminal-brightCyan);--rax-elements-terminal-color-brightWhite: var(--rax-terminal-brightWhite)}.z-logo{z-index:998}.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, .2s);animation-timing-function:cubic-bezier(0,0,.2,1)}.animated.fadeInRight{animation-name:fadeInRight}.animated.fadeOutRight{animation-name:fadeOutRight}@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 .15s forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeMoveDown{to{opacity:1;transform:translateY(6px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);animation:shimmer 1.5s infinite linear;will-change:transform;z-index:10}.dark .skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.02) 60%,transparent 100%)}:root{--rax-elements-terminal-cursorColor: #58a6ff;--rax-elements-terminal-cursorColorAccent: #1f6feb;--rax-elements-terminal-textColor: #ffffff;--rax-elements-terminal-backgroundColor: #191a1a;--rax-elements-terminal-selection-backgroundColor: rgba(88, 166, 255, .3);--rax-elements-terminal-selection-textColor: #e6edf3;--rax-elements-terminal-selection-backgroundColorInactive: rgba(88, 166, 255, .15);--rax-elements-terminal-color-black: #484f58;--rax-elements-terminal-color-red: #ff7b72;--rax-elements-terminal-color-green: #3fb950;--rax-elements-terminal-color-yellow: #d29922;--rax-elements-terminal-color-blue: #58a6ff;--rax-elements-terminal-color-magenta: #bc8cff;--rax-elements-terminal-color-cyan: #39c5cf;--rax-elements-terminal-color-white: #b1bac4;--rax-elements-terminal-color-brightBlack: #6e7681;--rax-elements-terminal-color-brightRed: #ffa198;--rax-elements-terminal-color-brightGreen: #56d364;--rax-elements-terminal-color-brightYellow: #e3b341;--rax-elements-terminal-color-brightBlue: #79c0ff;--rax-elements-terminal-color-brightMagenta: #d2a8ff;--rax-elements-terminal-color-brightCyan: #56d4dd;--rax-elements-terminal-color-brightWhite: #f0f6fc}[data-theme=light]{--rax-elements-terminal-cursorColor: #0969da;--rax-elements-terminal-cursorColorAccent: #0550ae;--rax-elements-terminal-textColor: #24292f;--rax-elements-terminal-backgroundColor: #ffffff;--rax-elements-terminal-selection-backgroundColor: rgba(9, 105, 218, .15);--rax-elements-terminal-selection-textColor: #24292f;--rax-elements-terminal-selection-backgroundColorInactive: rgba(9, 105, 218, .08);--rax-elements-terminal-color-black: #24292f;--rax-elements-terminal-color-red: #cf222e;--rax-elements-terminal-color-green: #116329;--rax-elements-terminal-color-yellow: #4d2d00;--rax-elements-terminal-color-blue: #0969da;--rax-elements-terminal-color-magenta: #8250df;--rax-elements-terminal-color-cyan: #1b7c83;--rax-elements-terminal-color-white: #6e7781;--rax-elements-terminal-color-brightBlack: #57606a;--rax-elements-terminal-color-brightRed: #a40e26;--rax-elements-terminal-color-brightGreen: #1a7f37;--rax-elements-terminal-color-brightYellow: #633c01;--rax-elements-terminal-color-brightBlue: #218bff;--rax-elements-terminal-color-brightMagenta: #a475f9;--rax-elements-terminal-color-brightCyan: #3192aa;--rax-elements-terminal-color-brightWhite: #8c959f}.xterm{padding:8px}.xterm .xterm-viewport{overflow-y:auto!important}.xterm .xterm-screen canvas{image-rendering:pixelated;image-rendering:crisp-edges}[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;pointer-events:none}[data-resize-handle][data-panel-group-direction=vertical]:after{content:"";position:absolute;inset:-5px 0 -6px;z-index:999;pointer-events:none}.actions .shiki{background-color:var(--rax-elements-actions-code-background)!important}.shiki:not(:has(.actions),.actions *,.mcp-tool-invocation-code *){background-color:var(--rax-elements-messages-code-background)!important}:root{--cm-backgroundColor: var(--rax-elements-editor-backgroundColor, var(--rax-elements-bg-depth-1));--cm-textColor: var(--rax-elements-editor-textColor, var(--rax-elements-textPrimary));--cm-gutter-backgroundColor: var(--rax-elements-editor-gutter-backgroundColor, var(--cm-backgroundColor));--cm-gutter-textColor: var(--rax-elements-editor-gutter-textColor, var(--rax-elements-textSecondary));--cm-gutter-activeLineTextColor: var(--rax-elements-editor-gutter-activeLineTextColor, var(--cm-gutter-textColor));--cm-foldGutter-textColor: var(--rax-elements-editor-foldGutter-textColor, var(--cm-gutter-textColor));--cm-foldGutter-textColorHover: var(--rax-elements-editor-foldGutter-textColorHover, var(--cm-gutter-textColor));--cm-activeLineBackgroundColor: var(--rax-elements-editor-activeLineBackgroundColor, rgb(224 231 235 / 30%));--cm-cursor-width: 2px;--cm-cursor-backgroundColor: var(--rax-elements-editor-cursorColor, var(--rax-elements-textSecondary));--cm-matching-bracket: var(--rax-elements-editor-matchingBracketBackgroundColor, rgb(50 140 130 / .3));--cm-selection-backgroundColorFocused: var(--rax-elements-editor-selection-backgroundColor, #42b4ff);--cm-selection-backgroundOpacityFocused: var(--rax-elements-editor-selection-backgroundOpacity, .3);--cm-selection-backgroundColorBlured: var(--rax-elements-editor-selection-inactiveBackgroundColor, #c9e9ff);--cm-selection-backgroundOpacityBlured: var(--rax-elements-editor-selection-inactiveBackgroundOpacity, .3);--cm-panels-borderColor: var(--rax-elements-editor-panels-borderColor, var(--rax-elements-borderColor));--cm-search-backgroundColor: var(--rax-elements-editor-search-backgroundColor, var(--cm-backgroundColor));--cm-search-textColor: var(--rax-elements-editor-search-textColor, var(--rax-elements-textSecondary));--cm-search-closeButton-backgroundColor: var(--rax-elements-editor-search-closeButton-backgroundColor, transparent);--cm-search-closeButton-backgroundColorHover: var( --rax-elements-editor-search-closeButton-backgroundColorHover, var(--rax-elements-item-backgroundActive) );--cm-search-closeButton-textColor: var( --rax-elements-editor-search-closeButton-textColor, var(--rax-elements-item-contentDefault) );--cm-search-closeButton-textColorHover: var( --rax-elements-editor-search-closeButton-textColorHover, var(--rax-elements-item-contentActive) );--cm-search-button-backgroundColor: var( --rax-elements-editor-search-button-backgroundColor, var(--rax-elements-item-backgroundDefault) );--cm-search-button-backgroundColorHover: var( --rax-elements-editor-search-button-backgroundColorHover, var(--rax-elements-item-backgroundActive) );--cm-search-button-textColor: var(--rax-elements-editor-search-button-textColor, var(--rax-elements-textSecondary));--cm-search-button-textColorHover: var( --rax-elements-editor-search-button-textColorHover, var(--rax-elements-textPrimary) );--cm-search-button-borderColor: var(--rax-elements-editor-search-button-borderColor, transparent);--cm-search-button-borderColorHover: var(--rax-elements-editor-search-button-borderColorHover, transparent);--cm-search-button-borderColorFocused: var( --rax-elements-editor-search-button-borderColorFocused, var(--rax-elements-borderColorActive) );--cm-search-input-backgroundColor: var(--rax-elements-editor-search-input-backgroundColor, transparent);--cm-search-input-textColor: var(--rax-elements-editor-search-input-textColor, var(--rax-elements-textPrimary));--cm-search-input-borderColor: var(--rax-elements-editor-search-input-borderColor, var(--rax-elements-borderColor));--cm-search-input-borderColorFocused: var( --rax-elements-editor-search-input-borderColorFocused, var(--rax-elements-borderColorActive) );--cm-tooltip-backgroundColor: var(--rax-elements-editor-tooltip-backgroundColor, var(--cm-backgroundColor));--cm-tooltip-textColor: var(--rax-elements-editor-tooltip-textColor, var(--rax-elements-textPrimary));--cm-tooltip-backgroundColorSelected: var( --rax-elements-editor-tooltip-backgroundColorSelected, #3D83FF4d );--cm-tooltip-textColorSelected: var( --rax-elements-editor-tooltip-textColorSelected, var(--rax-elements-textPrimary) );--cm-tooltip-borderColor: var(--rax-elements-editor-tooltip-borderColor, var(--rax-elements-borderColor));--cm-searchMatch-backgroundColor: var(--rax-elements-editor-searchMatch-backgroundColor, rgba(234, 92, 0, .33))}html[data-theme=dark],:root{--cm-backgroundColor: #191a1a;--cm-gutter-backgroundColor: #191a1a;--rax-elements-editor-gutter-textColor: var(--rax-elements-textTertiary);--rax-elements-editor-gutter-activeLineTextColor: var(--rax-elements-textSecondary);--rax-elements-editor-selection-inactiveBackgroundOpacity: .3;--rax-elements-editor-activeLineBackgroundColor: rgba(255, 255, 255, .03);--rax-elements-editor-foldGutter-textColorHover: var(--rax-elements-textPrimary);--rax-elements-editor-matchingBracketBackgroundColor: rgba(66, 180, 255, .3);--rax-elements-editor-search-button-backgroundColor: #1f2020;--rax-elements-editor-search-button-backgroundColorHover: #FFFFFF1a}.Toastify__toast-container{z-index:99999;padding:1.5rem;width:auto;max-width:420px}.Toastify__toast{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px 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:#1c1c1ed9!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#fff;border:.5px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;font-family:Poppins,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:-.01em;min-height:52px;margin-bottom:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 12px 24px -4px #00000040!important;overflow:hidden;cursor:default}.Toastify__toast-body{padding:0;margin:0;display:flex;align-items:center;gap:12px}.Toastify__toast-icon{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center;margin-right:2px}.Toastify__close-button{color:#ffffff4d;opacity:1;transition:all .2s ease;align-self:center;padding:4px;margin-left:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.Toastify__close-button:hover{color:#ffffffe6;background-color:#ffffff1a}.Toastify__close-button>div{font-size:14px!important}.Toastify__progress-bar{height:2px;bottom:0;opacity:.7;background:linear-gradient(to right,#0a84ff,#5e5ce6);background-color:transparent}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{border-left:none}.Toastify__toast--success .Toastify__toast-icon>div{color:#32d74b!important;font-size:18px!important}.Toastify__toast--error .Toastify__toast-icon>div{color:#ff453a!important;font-size:18px!important}.Toastify__toast--warning .Toastify__toast-icon>div{color:#ff9f0a!important;font-size:18px!important}.Toastify__toast--info .Toastify__toast-icon>div{color:#0a84ff!important;font-size:18px!important}.flexcenter{display:flex;align-items:center;justify-content:center}.size-6,.size-24px{width:24px;height:24px}.fileTree{overflow:hidden;padding-right:8px}.treeItem{display:flex;align-items:center;cursor:pointer;user-select:none}.of-hidden{overflow:hidden}.c-textNeutralWhite95{color:#fffffff2}.animated-menu-link{text-decoration:none;color:inherit}.animated-menu-link:hover .animated-menu-text{transform:translate(0);opacity:1}.component-detail-dialog .code-editor pre{margin:0;padding:1.5rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;color:#e5e7eb;background-color:#1a1a1a;overflow-x:auto}.component-detail-dialog .code-editor pre code{font-family:inherit;font-size:inherit;color:inherit}.component-detail-dialog .code-tabs button{transition:all .2s ease}.component-detail-dialog .code-tabs button:hover:not(.active){background-color:#ffffff0d}.component-detail-dialog .code-tabs button.active{background-color:#ffffff1a;box-shadow:0 1px 3px #0003}.component-detail-dialog .preview-frame iframe{border:none;width:100%;height:100%}.component-detail-dialog .theme-toggle input[type=checkbox]:focus+.toggle-slider{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.component-detail-dialog .theme-toggle .toggle-slider{transition:background-color .2s ease}.component-detail-dialog .color-picker-wrapper{position:relative}.component-detail-dialog .color-picker-wrapper input[type=color]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.component-detail-dialog .color-picker-wrapper label{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.component-detail-dialog .color-picker-wrapper label:hover{transform:scale(1.1);box-shadow:0 4px 6px #0000001a}.component-detail-dialog .color-picker-wrapper label:active{transform:scale(.95)}.component-detail-dialog .copy-button{transition:all .2s ease}.component-detail-dialog .copy-button:hover{background-color:#ffffff40;transform:translateY(-1px)}.component-detail-dialog .copy-button:active{transform:translateY(0)}.component-detail-dialog .copy-button.copied{background-color:#22c55e33;color:#22c55e}.component-detail-dialog .select-component-button{background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.component-detail-dialog .select-component-button:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.component-detail-dialog .select-component-button:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.component-detail-dialog .stat-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#ffffff0d;border-radius:.375rem;font-size:.875rem}.component-detail-dialog .stat-badge svg{width:1rem;height:1rem;opacity:.7}.component-detail-dialog .dialog-header{backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.component-detail-dialog .preview-code-split{flex-direction:column}.component-detail-dialog .preview-code-split .preview-panel,.component-detail-dialog .preview-code-split .code-panel{flex:1 1 100%!important;min-width:100%}}.component-detail-dialog .code-editor pre::-webkit-scrollbar{width:8px;height:8px}.component-detail-dialog .code-editor pre::-webkit-scrollbar-track{background:#0003}.component-detail-dialog .code-editor pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.component-detail-dialog .code-editor pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.component-detail-dialog .loading-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.component-detail-dialog .code-editor .token.comment{color:#6a9955}.component-detail-dialog .code-editor .token.string{color:#ce9178}.component-detail-dialog .code-editor .token.keyword{color:#569cd6}.component-detail-dialog .code-editor .token.function{color:#dcdcaa}.component-detail-dialog .code-editor .token.selector{color:#d7ba7d}.component-detail-dialog .code-editor .token.property{color:#9cdcfe}.component-detail-dialog .code-editor .token.punctuation{color:#d4d4d4}.component-detail-dialog .code-editor .token.number{color:#b5cea8}.component-detail-dialog .code-editor .token.operator{color:#d4d4d4}.component-detail-dialog .code-editor .token.class-name{color:#4ec9b0}@keyframes rax-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}.rax-progress-text{display:inline-block;color:#fff!important;font-weight:400;font-style:italic;animation:rax-fade-pulse 2s ease-in-out infinite;padding:.25rem 0;text-shadow:none!important;filter:none!important}:global .markdown-body .rax-progress-text,:global .prose .rax-progress-text,:global div.rax-progress-text{color:#fff!important;animation:rax-fade-pulse 2s ease-in-out infinite!important;text-shadow:none!important;filter:none!important}:root{--bg-app: #09090b;--bg-card: #18181b;--bg-card-hover: #27272a;--border-subtle: #27272a;--border-active: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--primary: #fafafa;--primary-foreground: #18181b;--accent: #27272a;--accent-foreground: #fafafa;--radius-lg: .75rem;--radius-md: .5rem;--radius-sm: .3rem;--font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.templates-hero{background:linear-gradient(180deg,#fafafa08,#fafafa00);border-bottom:1px solid var(--border-subtle);padding:1.5rem 1.5rem 3rem}@media (max-width: 768px){.templates-hero{padding:1rem 1rem 2rem}}.hero-logo{margin-bottom:2rem}.hero-logo a{display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;transition:opacity .2s}.hero-logo a:hover{opacity:.8}.hero-logo a img{width:83px;height:auto;display:inline-block;padding-top:.25rem}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero-title{font-size:3rem;font-weight:600;letter-spacing:-.04em;color:var(--text-primary);margin:0 0 1rem;line-height:1.1}@media (max-width: 768px){.hero-title{font-size:2rem}}.hero-description{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero-description{font-size:1rem}}.hero-search{position:relative;max-width:500px;margin:0 auto}.hero-search .search-icon-wrapper{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center;justify-content:center}.hero-search .search-icon-wrapper>div{font-size:1.25rem}.hero-search .hero-search-input{width:100%;padding:.875rem 3rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:all .2s}.hero-search .hero-search-input:focus{outline:none;border-color:var(--border-active);background:var(--bg-card-hover)}.hero-search .hero-search-input::placeholder{color:var(--text-tertiary)}.hero-search .search-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.hero-search .search-clear-btn:hover{color:var(--text-primary);background:var(--accent)}.hero-search .search-clear-btn>div{font-size:1rem}.template-detail-page{min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans)}.detail-page-wrapper{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}@media (max-width: 768px){.detail-page-wrapper{padding:1.5rem 1rem}}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;padding:0}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-link .text-label{font-size:.875rem;font-weight:400}.breadcrumb-separator{color:var(--text-tertiary);width:.5rem;height:.5rem;display:flex;align-items:center;justify-content:center}.breadcrumb-current{color:var(--text-primary)}.breadcrumb-current .text-label{font-size:.875rem;font-weight:500}.detail-header{margin-bottom:2rem}@media (max-width: 768px){.detail-header{margin-bottom:1.5rem}}.detail-title{font-size:2rem;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 1.5rem;line-height:1.2}@media (max-width: 768px){.detail-title{font-size:1.5rem;margin-bottom:1rem}}.detail-meta-title{color:var(--text-secondary);font-weight:400}.detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}.detail-gallery{margin-bottom:3rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}@media (max-width: 768px){.detail-gallery{margin-bottom:2rem}}.gallery-image-container{position:relative;width:100%;padding-bottom:75%;background-color:var(--bg-card)}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.detail-content{display:grid;grid-template-columns:1fr 320px;gap:3rem}@media (max-width: 1024px){.detail-content{grid-template-columns:1fr 280px;gap:2rem}}@media (max-width: 768px){.detail-content{grid-template-columns:1fr;gap:2rem}}.content-main{min-width:0}.content-summary{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin:0 0 2rem;font-weight:400}.content-description{margin-bottom:2rem}.content-header{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.content-text{color:var(--text-secondary);line-height:1.7;font-size:.9375rem}.content-text p{margin:0 0 1rem}.content-text p:last-child{margin-bottom:0}.content-section{margin-bottom:2.5rem}.content-section:last-child{margin-bottom:0}.content-heading{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.feature-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--primary);margin-top:.125rem}.configuration-form{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.configuration-form .env-vars-form-header{margin-bottom:1.5rem}.configuration-form .env-vars-form-title{font-size:1rem;margin-bottom:.5rem}.configuration-form .env-vars-form-description{font-size:.875rem}.content-sidebar{position:sticky;top:2rem;align-self:start}@media (max-width: 768px){.content-sidebar{position:static}}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-heading{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s;background:none;border:none;cursor:default;width:100%;text-align:left}.sidebar-item[data-interactive]{cursor:pointer}.sidebar-item[data-interactive]:hover,.sidebar-item[data-interactive]:hover .sidebar-icon{color:var(--text-primary)}.sidebar-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--text-tertiary);transition:color .2s}.tech-stack-list{display:flex;flex-direction:column;gap:.5rem}.templates-page{min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);display:flex;flex-direction:column}.templates-header{position:sticky;top:0;z-index:50;background-color:#09090bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:.75rem 0}.templates-header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.templates-header-content{padding:0 1.5rem}}.header-left{display:flex;align-items:center;gap:1rem}.templates-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.templates-title span{color:var(--text-tertiary);font-weight:400}.header-actions{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-end}@media (max-width: 768px){.header-actions{width:100%}}.search-container{position:relative;width:100%;max-width:320px}@media (max-width: 768px){.search-container{max-width:100%}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;width:1rem;height:1rem}.search-input{width:100%;height:2.25rem;padding:0 2rem 0 2.25rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--text-tertiary);background-color:var(--accent)}.search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{color:var(--text-primary)}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-back:hover{background-color:var(--accent);color:var(--text-primary);border-color:var(--border-active)}.categories-container{border-bottom:1px solid var(--border-subtle);background-color:#09090b80}.categories-scroll{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:2rem;overflow-x:auto;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}@media (max-width: 768px){.categories-scroll{padding:0 1.5rem;gap:1.5rem}}.category-tab{padding:1rem 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.category-tab:hover{color:var(--text-primary)}.category-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.templates-main{flex:1;max-width:1400px;margin:0 auto;padding:2rem;width:100%}@media (max-width: 768px){.templates-main{padding:1.5rem}}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.template-card{group:true;background-color:#121212;border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.template-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.template-card:hover .card-image{transform:scale(1.05)}.card-image-container{aspect-ratio:16/10;width:100%;background-color:#1a1a1a;position:relative;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#1a1a1a,#262626)}.card-placeholder .placeholder-icon{font-size:3rem;color:#fff3}.card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.25rem}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;line-height:1.3;letter-spacing:-.01em}.card-description{font-size:.9375rem;color:#a1a1aa;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.tech-stack{display:flex;gap:.75rem;flex-wrap:wrap}.tech-stack .tech-icon{font-size:1.1rem;color:#71717a;transition:color .2s}.tech-stack .tech-icon:hover{color:#e4e4e7}.card-badge{font-size:.7rem;padding:.25rem .625rem;border-radius:9999px;background-color:#ffffff1a;color:#e4e4e7;font-weight:500;letter-spacing:.02em;border:none;text-transform:uppercase}.card-overlay{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.template-card:hover .card-overlay{opacity:1;pointer-events:auto}.btn-use-template{background-color:#fff;color:#000;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.9375rem;cursor:pointer;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0003}.template-card:hover .btn-use-template{transform:translateY(0)}.btn-use-template:hover{background-color:#f4f4f5;transform:scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1rem;text-align:center;color:var(--text-tertiary)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{max-width:400px;margin:0 0 1.5rem;line-height:1.6}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent;white-space:nowrap}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--text-secondary);border-color:var(--text-secondary)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.btn-use-template{background-color:var(--primary);color:var(--primary-foreground);border:none;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-use-template:hover{transform:translateY(-1px);box-shadow:0 8px 16px #fafafa26}.modal-backdrop{position:fixed;inset:0;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem}@media (max-width: 768px){.modal-backdrop{padding:1rem}}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:1000px;max-height:85vh;height:85vh;display:grid;grid-template-columns:1fr 400px;overflow:hidden;box-shadow:0 25px 50px -12px #000c;position:relative}@media (max-width: 900px){.modal-content{grid-template-columns:1fr;max-height:95vh;height:95vh}}.modal-close{position:absolute;top:1rem;right:1rem;z-index:10;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:var(--text-primary);width:2rem;height:2rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ffffff1a;border-color:var(--border-active)}.modal-close div{font-size:1rem}.modal-left{padding:2rem;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-app);height:100%}@media (max-width: 900px){.modal-left{padding:1.5rem}}.modal-left::-webkit-scrollbar{width:8px}.modal-left::-webkit-scrollbar-track{background:transparent}.modal-left::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.modal-left::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.modal-right{background-color:var(--bg-card);border-left:1px solid var(--border-subtle);padding:2rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;height:100%}@media (max-width: 900px){.modal-right{border-left:none;border-top:1px solid var(--border-subtle);padding:1.5rem}}.modal-right::-webkit-scrollbar{width:8px}.modal-right::-webkit-scrollbar-track{background:transparent}.modal-right::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.modal-right::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.modal-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em}.modal-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 1rem}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.feature-list li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.feature-list li .check-icon{color:var(--primary);flex-shrink:0;margin-top:.125rem}.env-vars-form{display:flex;flex-direction:column;height:100%}.env-vars-form-header{margin-bottom:1.5rem}.env-vars-form-header h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.env-vars-form-header .env-vars-form-description{margin:0;color:var(--text-tertiary);font-size:.875rem;line-height:1.5}.env-vars-form-fields{display:flex;flex-direction:column;gap:1.25rem;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;margin-bottom:1.5rem;max-height:none}.env-vars-form-fields::-webkit-scrollbar{width:6px}.env-vars-form-fields::-webkit-scrollbar-track{background:transparent}.env-vars-form-fields::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.env-vars-form-fields::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-label .required-indicator{color:#ef4444}.form-input{width:100%;padding:.625rem .875rem;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all .2s;font-family:JetBrains Mono,Fira Code,monospace}.form-input:focus{outline:none;border-color:var(--text-primary);background-color:var(--bg-card)}.form-input::placeholder{color:var(--text-tertiary)}.form-input.error{border-color:#ef4444}.form-input:disabled{opacity:.5;cursor:not-allowed}.env-var-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.password-toggle-btn:hover{background-color:var(--accent);color:var(--text-primary)}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.env-vars-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle)}.btn-primary,.btn-secondary{padding:.625rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border:none}.btn-primary:hover:not(:disabled){background-color:#e5e5e5}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background-color:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--accent);border-color:var(--border-active)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thinking-artifact{width:100%;margin:12px 0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08);background-color:#ffffff08;backdrop-filter:blur(8px);padding:12px 16px}.thinking-header{display:flex;align-items:center;width:100%;padding:0;margin-bottom:12px;background:transparent;border:none;cursor:default;transition:all .2s ease}.thinking-header:hover .thinking-title{color:#fffffff2}.thinking-header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:8px;padding-left:0;box-sizing:border-box}.thinking-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.thinking-icon svg{width:16px;height:16px}.thinking-title{font-size:13px;font-weight:500;color:#fffc;letter-spacing:-.01em;transition:color .2s ease;flex:1}.thinking-expand{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.thinking-content{width:100%;overflow:visible!important;margin-top:8px;display:block!important;opacity:1!important;visibility:visible!important;height:auto!important}.thinking-steps{display:flex!important;flex-direction:column;width:100%;box-sizing:border-box;opacity:1!important;visibility:visible!important;height:auto!important}.thinking-step{position:relative;display:flex;flex-direction:row;gap:12px;margin-bottom:12px}.thinking-step:last-child{margin-bottom:0}.thinking-timeline{position:relative;display:flex;flex-direction:column;align-items:center;width:20px;padding-top:6px;flex-shrink:0}.thinking-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .3s ease;box-shadow:0 0 0 2px #ffffff0d}.thinking-dot.thinking-dot-complete{background-color:#fff3;box-shadow:0 0 0 2px #ffffff14}.thinking-dot.thinking-dot-running{background:linear-gradient(135deg,#60a5fa,#8b5cf6);box-shadow:0 0 #60a5fa66,0 0 0 2px #60a5fa33,0 0 8px 2px #60a5fa4d,0 0 12px 4px #8b5cf633;animation:pulse-dot 2.5s cubic-bezier(.4,0,.6,1) infinite}.thinking-dot.thinking-dot-pending{background-color:#ffffff1a;box-shadow:0 0 0 2px #ffffff0d}.thinking-dot.thinking-dot-failed{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 #60a5fa66,0 0 0 2px #60a5fa33,0 0 8px 2px #60a5fa4d,0 0 12px 4px #8b5cf633}50%{transform:scale(1.08);box-shadow:0 0 #60a5fa66,0 0 0 3px #60a5fa4d,0 0 12px 4px #60a5fa66,0 0 20px 6px #8b5cf64d}}.thinking-line{border-left:2px solid rgba(255,255,255,.1);width:0;height:100%;flex:1;margin-top:6px}.thinking-step-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;padding-top:2px}.thinking-step-text{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word}.thinking-file-action{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.thinking-file-action span{font-size:12px;color:#fff9;font-weight:500}.thinking-file-action .thinking-filename{background:#ffffff0f;color:#60a5fa;padding:6px 10px;border-radius:8px;font-size:12px;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;cursor:pointer;transition:all .2s ease;display:inline-block;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(96,165,250,.15);font-weight:500}.thinking-file-action .thinking-filename:hover{background:#60a5fa1f;border-color:#60a5fa4d;transform:translateY(-1px)}.thinking-shell-action{display:flex;align-items:center;min-height:24px}.thinking-shell-action span{font-size:12px;color:#ffffffb3;font-weight:500}.thinking-start-action{display:flex;align-items:center;min-height:24px;cursor:pointer;transition:all .2s ease}.thinking-start-action:hover span{color:#fffffff2}.thinking-start-action span{font-size:12px;color:#ffffffb3;font-weight:500}.thinking-code-block{margin-top:8px;border-radius:10px;padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden;max-width:100%;backdrop-filter:blur(4px)}.thinking-code-block pre{margin:0;padding:0;background:transparent!important;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;color:#ffffffe6}.thinking-code-block code{font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;white-space:pre;font-weight:500}.thinking-action-item{display:flex;flex-direction:column;gap:8px;width:100%}.thinking-action-item-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;height:28px;padding:0 12px;border-radius:8px;background:#ffffff0d;color:#fafafa;border:none;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thinking-action-item-button:hover{background:#ffffff14}.thinking-action-item-button svg{width:14px;height:14px;color:#a1a1aa;flex-shrink:0}.thinking-action-item-button .thinking-action-item-text{color:#a1a1aa;flex-shrink:0}.thinking-action-item-button .thinking-action-item-secondary{color:#a1a1aa;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thinking-show-more{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#fafafa;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0}.thinking-show-more:hover{background:#ffffff0d}.thinking-show-more svg{width:14px;height:14px}.thinking-insert{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.thinking-insert:last-child{margin-bottom:0}.insert-simple-mdstyle{font-size:14px;line-height:1.6;color:#a1a1aa}.insert-simple-mdstyle p{margin:0;padding:0}.insert-simple-mdstyle a{color:#60a5fa;text-decoration:none}.insert-simple-mdstyle a:hover{text-decoration:underline}@media (max-width: 768px){.thinking-artifact{margin:12px 0}.thinking-header-content{gap:8px}.thinking-step{gap:6px}.thinking-timeline{width:12px}.thinking-dot{width:6px;height:6px}}.message-group{width:100%;margin-bottom:24px;min-width:0;overflow:visible!important}.message-group.ai-message{margin-top:16px}.message-group-title{display:flex;align-items:center;height:40px;margin-bottom:12px}.message-header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:12px;padding-left:0;box-sizing:border-box}.message-avatar{width:32px;min-height:1px;flex-shrink:0}.avatar-inner{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.avatar-inner img{width:100%;height:100%;object-fit:cover;cursor:pointer}.message-title-section{display:flex;align-items:center;gap:8px;flex:1}.message-name{font-size:14px;font-weight:600;color:#fafafa;letter-spacing:-.01em}.message-divider{height:8px;width:1px;background:#ffffff29}.message-role{font-size:13px;font-weight:400;color:#a1a1aa}.message-timestamp{font-size:12px;font-weight:400;color:#71717a;margin-left:auto;transition:opacity .2s ease}.message-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.message-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:#71717a;cursor:pointer;transition:all .2s ease;font-size:16px}.message-action-btn:hover{background:#ffffff0d;color:#fafafa}.message-group-content{display:flex;flex-direction:column;width:100%;padding-left:0;gap:16px;min-width:0;overflow:visible!important}.message-content-wrapper{display:flex;flex-direction:column;width:100%;gap:16px;min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:visible!important}.user-message .message-avatar .avatar-inner{background:linear-gradient(135deg,#a1a1aa,#71717a)}@media (max-width: 768px){.message-group-title{height:36px}.message-avatar{width:28px}.avatar-inner{width:28px;height:28px}.message-name{font-size:13px}.message-role{font-size:12px}.message-timestamp{display:none!important}}.ai-consecutive-margin{margin-top:8px}.ai-consecutive-margin .message-group-title{opacity:.7}html,body{height:100%;width:100%;background-color:var(--rax-elements-bg-depth-1);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overflow-y-auto,.overflow-auto{transform:translateZ(0);-webkit-overflow-scrolling:touch;will-change:scroll-position;contain:layout style paint}img{content-visibility:auto;transform:translateZ(0)}:root{--gradient-opacity: .8;--primary-color: rgba(61, 131, 255, var(--gradient-opacity));--secondary-color: rgba(46, 131, 230, var(--gradient-opacity));--accent-color: rgba(36, 86, 204, var(--gradient-opacity))}.modern-scrollbar{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--modern-scrollbar-thumb-backgroundHover) transparent}.modern-scrollbar::-webkit-scrollbar{width:2px;height:4px}.modern-scrollbar::-webkit-scrollbar-track{background:transparent}.modern-scrollbar::-webkit-scrollbar-thumb{background-color:var(--modern-scrollbar-thumb-background);border-radius:9999px;border:2px solid transparent;background-clip:content-box;transition:background-color .2s ease-in-out}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--modern-scrollbar-thumb-backgroundHover)}.modern-scrollbar-invert{scrollbar-color:color-mix(in srgb,var(--rax-elements-textPrimary),transparent 50%) transparent}.modern-scrollbar-invert::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--rax-elements-textPrimary),transparent 70%)}.modern-scrollbar-invert::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--rax-elements-textPrimary),transparent 50%)}
