@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;border-color:hsl(var(--border));overscroll-behavior-x:none}body{font-family:var(--font-geist-sans),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsl(var(--background));color:hsl(var(--foreground));overscroll-behavior-x:none;overscroll-behavior-y:none;min-height:100vh;scrollbar-gutter:stable;text-rendering:optimizeSpeed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.workflow-container .react-flow__edges{z-index:0!important}.workflow-container .react-flow__node{z-index:21!important}.workflow-container .react-flow__node-loopNode,.workflow-container .react-flow__node-parallelNode,.workflow-container .react-flow__node-subflowNode{z-index:-1!important}.workflow-container .react-flow__handle{z-index:30!important}.workflow-container .react-flow__edge [data-testid=workflow-edge]{z-index:0!important}@layer base{:root,.light{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 99.2%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 11.2%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 11.2%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 46.9%;--accent: 0 0% 92.5%;--accent-foreground: 0 0% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--radius: .5rem;--scrollbar-track: 0 0% 85%;--scrollbar-thumb: 0 0% 65%;--scrollbar-thumb-hover: 0 0% 55%;--scrollbar-size: 8px;--workflow-background: 0 0% 100%;--workflow-dots: 0 0% 94.5%;--card-background: 0 0% 99.2%;--card-border: 0 0% 89.8%;--card-text: 0 0% 3.9%;--card-hover: 0 0% 96.1%;--base-muted-foreground: #737373;--gradient-primary: 263 85% 70%;--gradient-secondary: 336 95% 65%;--brand-primary-hex: #6f3dfa;--brand-primary-hover-hex: #6338d9;--brand-accent-hex: #6f3dfa;--brand-accent-hover-hex: #6f3dfa;--brand-background-hex: #ffffff;--surface-elevated: #202020}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 9%;--card-foreground: 0 0% 98%;--popover: 0 0% 9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 11.2%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 12%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 17.5%;--muted-foreground: 0 0% 65.1%;--accent: 0 0% 17.5%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 16.1%;--input: 0 0% 16.1%;--ring: 0 0% 83.9%;--scrollbar-track: 0 0% 17.5%;--scrollbar-thumb: 0 0% 30%;--scrollbar-thumb-hover: 0 0% 40%;--workflow-background: 0 0% 3.9%;--workflow-dots: 0 0% 7.5%;--card-background: 0 0% 9%;--card-border: 0 0% 22.7%;--card-text: 0 0% 98%;--card-hover: 0 0% 12%;--base-muted-foreground: #a3a3a3;--gradient-primary: 263 90% 75%;--gradient-secondary: 336 100% 72%;--brand-primary-hex: #701ffc;--brand-primary-hover-hex: #802fff;--brand-accent-hex: #9d54ff;--brand-accent-hover-hex: #a66fff;--brand-background-hex: #0c0c0c;--surface-elevated: #202020}}@layer base{::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground) / .3);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground) / .3)}*{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .3) transparent}}.panel-tab-base{color:var(--base-muted-foreground)}.panel-tab-active{background-color:#f5f5f5;color:#1a1a1a;border-color:#e5e5e5}.dark .panel-tab-active{background-color:#1f1f1f;color:#fff;border-color:#424242}.panel-tab-inactive:hover{background-color:hsl(var(--secondary));color:hsl(var(--card-foreground))}.dark .error-badge{background-color:#570f0f!important;color:#fff!important}.dark .bg-red-500{@apply bg-red-700;}.main-content-overlay{z-index:40}@layer utilities{.animation-container{contain:paint layout style;will-change:opacity,transform}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-hide{-webkit-scrollbar:none;-webkit-scrollbar-width:none;-webkit-scrollbar-track:transparent;-webkit-scrollbar-thumb:transparent;scrollbar-width:none;scrollbar-color:transparent transparent;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.gradient-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-brand-primary{background-color:var(--brand-primary-hex)}.bg-brand-primary-hover,.hover\:bg-brand-primary-hover:hover{background-color:var(--brand-primary-hover-hex)}.hover\:text-brand-accent-hover:hover{color:var(--brand-accent-hover-hex)}.streaming-effect{@apply relative overflow-hidden;}.streaming-effect:after{content:"";@apply pointer-events-none absolute left-0 top-0 h-full w-full;background:linear-gradient(90deg,#80808000,#8080801a,#80808000);animation:code-shimmer 1.5s infinite;z-index:10}.dark .streaming-effect:after{background:linear-gradient(90deg,#b4b4b400,#b4b4b41a,#b4b4b400)}@keyframes code-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}}