.bottom-panel-transition{transition:height .3s ease-in-out}.content-transition{transition:margin-bottom .3s ease-in-out}:root{--ai-panel-width:0px}.ai-panel-open{--ai-panel-width:400px}.ai-panel-transition{transition:width .3s ease-in-out}@media (max-width:640px){.bottom-panel-mobile{max-height:80vh!important}.ai-panel-mobile{--ai-panel-width:100vw}}:root{--navy-50:#f2f5f9;--navy-100:#e3eaf2;--navy-200:#c8d4e2;--navy-300:#a8b8cc;--navy-400:#94a3b8;--navy-500:#6b7b8d;--navy-600:#52637a;--navy-700:#3a4f66;--navy-750:#243447;--navy-800:#1b2a3d;--navy-900:#131e2c;--navy-950:#0b131d;--warm-25:oklch(0.993 0.002 95);--warm-50:oklch(0.980 0.003 95);--warm-100:oklch(0.962 0.005 95);--warm-200:oklch(0.929 0.006 95);--warm-300:oklch(0.876 0.007 95);--warm-400:oklch(0.800 0.008 95);--warm-500:oklch(0.700 0.009 95);--warm-600:oklch(0.600 0.009 95);--gap-50:oklch(0.975 0.026 75);--gap-100:oklch(0.943 0.058 75);--gap-200:oklch(0.893 0.095 72);--gap-300:oklch(0.836 0.122 68);--gap-400:oklch(0.775 0.140 65);--gap-500:oklch(0.712 0.148 62);--gap-600:oklch(0.620 0.150 55);--gap-700:oklch(0.535 0.150 48);--gap-800:oklch(0.420 0.115 45);--success-50:oklch(0.965 0.024 155);--success-100:oklch(0.925 0.050 155);--success-500:oklch(0.640 0.135 155);--success-600:oklch(0.545 0.120 155);--success-700:oklch(0.450 0.100 155);--accent-50:oklch(0.972 0.020 195);--accent-100:oklch(0.938 0.042 195);--accent-200:oklch(0.885 0.070 195);--accent-300:oklch(0.812 0.095 195);--accent-400:oklch(0.735 0.110 195);--accent-500:oklch(0.655 0.115 195);--accent-600:oklch(0.565 0.105 195);--accent-700:oklch(0.470 0.088 195);--accent-800:oklch(0.385 0.070 195);--warning-50:var(--gap-50);--warning-100:var(--gap-100);--warning-500:var(--gap-500);--warning-600:var(--gap-600);--warning-700:var(--gap-700);--danger-50:oklch(0.967 0.020 25);--danger-100:oklch(0.928 0.042 25);--danger-500:oklch(0.620 0.195 25);--danger-600:oklch(0.540 0.190 25);--danger-700:oklch(0.455 0.165 25);--info-50:oklch(0.965 0.022 255);--info-100:oklch(0.925 0.045 255);--info-500:oklch(0.590 0.155 255);--info-600:oklch(0.505 0.155 255);--info-700:oklch(0.425 0.135 255);--bg-canvas:var(--warm-100);--bg-surface:#ffffff;--bg-surface-hover:var(--warm-50);--bg-sunken:var(--warm-100);--bg-inset:var(--warm-200);--bg-inverse:var(--navy-800);--bg-inverse-hover:var(--navy-750);--bg-accent-subtle:var(--accent-50);--bg-gap-subtle:var(--gap-50);--bg-gap:var(--gap-100);--bg-success-subtle:var(--success-50);--bg-danger-subtle:var(--danger-50);--bg-info-subtle:var(--info-50);--text-primary:var(--navy-800);--text-secondary:var(--navy-700);--text-tertiary:var(--navy-600);--text-placeholder:var(--navy-500);--text-inverse:var(--warm-50);--text-inverse-muted:var(--navy-300);--text-link:var(--accent-700);--text-accent:var(--accent-700);--text-gap:var(--gap-700);--text-success:var(--success-700);--text-danger:var(--danger-700);--border-subtle:var(--warm-200);--border-default:var(--warm-300);--border-strong:var(--warm-400);--border-inverse:oklch(1 0 0/0.12);--border-accent:var(--accent-500);--border-danger:var(--danger-500);--action-primary-bg:var(--navy-800);--action-primary-bg-hover:var(--navy-750);--action-primary-bg-active:var(--navy-900);--action-primary-fg:var(--warm-25);--action-accent-bg:var(--accent-600);--action-accent-bg-hover:var(--accent-700);--action-accent-fg:#ffffff;--action-quiet-fg:var(--text-secondary);--action-quiet-bg-hover:var(--warm-100);--focus-ring:var(--navy-500);--focus-ring-offset:var(--bg-surface);--focus-ring-width:2px;--focus-ring-offset-width:2px;--font-sans:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.018em;--tracking-snug:-0.011em;--tracking-normal:0;--tracking-wide:0.02em;--weight-normal:400;--weight-medium:500;--weight-semibold:590;--weight-bold:680;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:22px;--radius-full:9999px;--shadow-xs:0 1px 2px oklch(0.235 0.034 250/0.05);--shadow-sm:0 1px 2px oklch(0.235 0.034 250/0.06),0 1px 3px oklch(0.235 0.034 250/0.05);--shadow-md:0 2px 4px oklch(0.235 0.034 250/0.05),0 4px 12px oklch(0.235 0.034 250/0.08);--shadow-lg:0 4px 8px oklch(0.235 0.034 250/0.05),0 12px 28px oklch(0.235 0.034 250/0.10);--shadow-xl:0 8px 16px oklch(0.235 0.034 250/0.06),0 24px 48px oklch(0.235 0.034 250/0.12);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-instant:80ms;--duration-fast:140ms;--duration-normal:200ms;--duration-slow:320ms;--z-base:0;--z-sticky:10;--z-nav:20;--z-overlay:30;--z-drawer:40;--z-modal:50;--z-popover:60;--z-toast:70}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms}}