:root{--brand-primary: #7c3aed;--brand-secondary: #a855f7;--brand-accent: #3b82f6;--brand-success: #10b981;--brand-warning: #f59e0b;--brand-error: #ef4444;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-950: #030712;--font-family-primary: "Inter", system-ui, -apple-system, sans-serif;--font-family-secondary: "JetBrains Mono", Monaco, "Cascadia Code", monospace;--font-family-display: "Inter", system-ui, -apple-system, sans-serif;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-unit: 1rem;--spacing-px: 1px;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--z-auto: auto;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-modal: 1000;--z-popover: 1010;--z-tooltip: 1020;--z-notification: 1030;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--container-max-width: 80rem;--container-padding: 1.5rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.dark{--brand-primary: #8b5cf6;--brand-secondary: #a855f7;--brand-accent: #60a5fa}@layer components{.btn{@apply inline-flex items-center justify-center rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50;}.btn-primary{@apply bg-primary text-primary-foreground hover:bg-primary/90;}.btn-secondary{@apply bg-secondary text-secondary-foreground hover:bg-secondary/80;}.btn-outline{@apply border border-input bg-background hover:bg-accent hover:text-accent-foreground;}.btn-ghost{@apply hover:bg-accent hover:text-accent-foreground;}.btn-link{@apply text-primary underline-offset-4 hover:underline;}.btn-destructive{@apply bg-destructive text-destructive-foreground hover:bg-destructive/90;}.btn-xs{@apply h-7 px-2 text-xs;}.btn-sm{@apply h-8 px-3 text-xs;}.btn-default{@apply h-10 px-4 py-2;}.btn-lg{@apply h-11 px-8;}.btn-xl{@apply h-12 px-10 text-base;}.input{@apply flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;}.textarea{@apply flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;}.select{@apply flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50;}.card{@apply rounded-lg border bg-card text-card-foreground shadow-sm;}.card-header{@apply flex flex-col space-y-1.5 p-6;}.card-title{@apply text-2xl font-semibold leading-none tracking-tight;}.card-description{@apply text-sm text-muted-foreground;}.card-content{@apply p-6 pt-0;}.card-footer{@apply flex items-center p-6 pt-0;}.badge{@apply inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2;}.badge-default{@apply border-transparent bg-primary text-primary-foreground hover:bg-primary/80;}.badge-secondary{@apply border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80;}.badge-outline{@apply text-foreground;}.badge-destructive{@apply border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80;}.alert{@apply relative w-full rounded-lg border p-4;}.alert-default{@apply bg-background text-foreground;}.alert-destructive{@apply border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive;}.alert-title{@apply mb-1 font-medium leading-none tracking-tight;}.alert-description{@apply text-sm opacity-90;}.nav{@apply relative z-10 flex max-w-max flex-1 items-center justify-center;}.nav-list{@apply flex flex-1 list-none items-center justify-center space-x-1;}.nav-item{@apply relative;}.nav-link{@apply relative flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50;}.nav-link-active{@apply bg-accent text-accent-foreground;}.progress{@apply relative h-4 w-full overflow-hidden rounded-full bg-secondary;}.progress-indicator{@apply h-full w-full flex-1 bg-primary transition-all;}.avatar{@apply relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full;}.avatar-image{@apply aspect-square h-full w-full;}.avatar-fallback{@apply flex h-full w-full items-center justify-center rounded-full bg-muted;}.separator{@apply shrink-0 bg-border;}.separator-horizontal{@apply h-px w-full;}.separator-vertical{@apply h-full w-px;}.toggle{@apply inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground;}.toggle-sm{@apply h-8 px-2;}.toggle-default{@apply h-10 px-3;}.toggle-lg{@apply h-11 px-5;}.scroll-area{@apply relative overflow-hidden;}.scroll-viewport{@apply h-full w-full rounded-[inherit];}.scroll-bar{@apply flex touch-none select-none transition-colors;}.scroll-thumb{@apply relative flex-1 rounded-full bg-border;}}@layer components{.container{@apply mx-auto w-full max-w-screen-2xl px-4 sm:px-6 lg:px-8;}.container-sm{@apply mx-auto w-full max-w-screen-sm px-4;}.container-md{@apply mx-auto w-full max-w-screen-md px-4;}.container-lg{@apply mx-auto w-full max-w-screen-lg px-4;}.container-xl{@apply mx-auto w-full max-w-screen-xl px-4;}.grid-responsive{@apply grid gap-4 sm:gap-6 lg:gap-8;}.grid-2{@apply grid-cols-1 md:grid-cols-2;}.grid-3{@apply grid-cols-1 md:grid-cols-2 lg:grid-cols-3;}.grid-4{@apply grid-cols-1 sm:grid-cols-2 lg:grid-cols-4;}.grid-auto-fit{@apply grid-cols-[repeat(auto-fit,minmax(250px,1fr))];}.flex-center{@apply flex items-center justify-center;}.flex-between{@apply flex items-center justify-between;}.flex-start{@apply flex items-center justify-start;}.flex-end{@apply flex items-center justify-end;}.flex-col-center{@apply flex flex-col items-center justify-center;}}@layer components{.loading{@apply animate-pulse;}.loading-skeleton{@apply bg-muted rounded;}.loading-spinner{@apply animate-spin rounded-full border-2 border-current border-t-transparent;}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2;}.focus-ring-inset{@apply focus:outline-none focus:ring-2 focus:ring-ring focus:ring-inset;}.hover-lift{@apply transition-transform hover:-translate-y-1;}.hover-glow{@apply transition-shadow hover:shadow-lg;}.disabled{@apply pointer-events-none opacity-50;}}@layer components{.text-display-2xl{@apply text-5xl font-bold tracking-tight sm:text-6xl lg:text-7xl;}.text-display-xl{@apply text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl;}.text-display-lg{@apply text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl;}.text-display-md{@apply text-2xl font-bold tracking-tight sm:text-3xl lg:text-4xl;}.text-display-sm{@apply text-xl font-bold tracking-tight sm:text-2xl lg:text-3xl;}.text-display-xs{@apply text-lg font-bold tracking-tight sm:text-xl lg:text-2xl;}.text-body-lg{@apply text-lg leading-relaxed sm:text-xl;}.text-body{@apply text-base leading-normal;}.text-body-sm{@apply text-sm leading-normal;}.text-caption{@apply text-xs text-muted-foreground;}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}}@layer utilities{.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.hero-glow{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.3),transparent)}.section-glow{background-image:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(124,58,237,.1),transparent)}.linear-mask{mask-image:linear-gradient(to bottom,white 0%,white 75%,transparent 100%)}.focus-ring-violet{@apply focus:outline-none focus:ring-2 focus:ring-violet-500 focus:ring-offset-2;}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-slide-up{animation:slide-up .8s ease-out forwards}.animate-scale-in{animation:scale-in .5s ease-out forwards}.transform-gpu{transform:translateZ(0)}.backdrop-blur-xs{backdrop-filter:blur(2px)}.backdrop-blur-3xl{backdrop-filter:blur(64px)}.scroll-smooth{scroll-behavior:smooth}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.gradient-text{@apply bg-gradient-to-r from-primary via-primary/80 to-accent bg-clip-text text-transparent;}.gradient-violet{@apply bg-gradient-to-r from-violet-600 via-purple-600 to-blue-600;}.gradient-radial{background:radial-gradient(ellipse at center,var(--tw-gradient-stops))}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 98%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 265 89% 78%;--primary-foreground: 0 0% 100%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 265 89% 78%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 265 89% 78%;--radius: 1rem}.dark{--background: 20 14.3% 4.1%;--foreground: 0 0% 95%;--card: 24 9.8% 10%;--card-foreground: 0 0% 95%;--popover: 0 0% 9%;--popover-foreground: 0 0% 95%;--primary: 265 89% 78%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 15%;--muted-foreground: 240 5% 64.9%;--accent: 265 89% 78%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 265 89% 78%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased;font-feature-settings:"ss01","ss02","cv01","cv02","cv03"}}@layer components{.conversation-container{@apply flex flex-col w-full lg:grid lg:grid-cols-5 gap-4 h-[100vh-6rem] max-w-7xl mx-auto px-4;}.chat-container{@apply lg:col-span-3 flex flex-col h-full bg-card rounded-2xl shadow-md overflow-hidden border border-border/5;}.chat-header{@apply p-4 border-b flex items-center justify-between bg-card/50 backdrop-blur-sm;}.chat-messages{@apply flex-1 overflow-y-auto p-6 space-y-6;}.chat-message{@apply p-4 rounded-2xl max-w-[80%] animate-fade-in;}.user-message{@apply bg-secondary/80 ml-auto text-foreground;}.ai-message{@apply bg-primary/10 text-foreground;}.chat-input-container{@apply p-4 border-t bg-card/50 backdrop-blur-sm;}.framework-container{@apply lg:col-span-2 bg-card rounded-2xl shadow-md p-6 hidden lg:flex flex-col h-full border border-border/5;}.progress-container{@apply mb-6;}.progress-steps{@apply relative flex justify-between items-center;}.progress-step{@apply flex flex-col items-center text-center z-10;}.progress-indicator{@apply w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium;}.progress-label{@apply mt-2 text-xs;}.summary-container{@apply mt-auto p-4 bg-secondary rounded-lg;}.typing-indicator span{@apply inline-block w-1 h-1 rounded-full bg-white mx-0.5 animate-pulse;}.streaming-content{@apply transition-opacity duration-200;}.streaming-status{@apply transition-all duration-300;}.progress-indicator-bar{@apply w-full bg-gray-200 rounded-full h-2 overflow-hidden;}.progress-fill{@apply h-full bg-primary transition-all duration-500 ease-out;}.progress-text{@apply text-xs font-medium;}}@layer utilities;