:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-pressed: #3730A3;--color-primary-light: #EEF2FF;--color-primary-light-hover: #E0E7FF;--color-accent-teal: #0D9488;--color-accent-amber: #D97706;--color-link: #4F46E5;--color-link-hover: #4338CA;--color-gray-50: #FAFAFA;--color-gray-100: #F4F4F5;--color-gray-200: #E4E4E7;--color-gray-300: #D4D4D8;--color-gray-400: #A1A1AA;--color-gray-500: #71717A;--color-gray-600: #52525B;--color-gray-700: #3F3F46;--color-gray-800: #27272A;--color-gray-900: #18181B;--color-surface-canvas: #FFFFFF;--color-surface-sidebar: #FAFAFA;--color-surface-toolbar: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-overlay: rgba(0, 0, 0, .4);--color-border: #E4E4E7;--color-border-strong: #D4D4D8;--color-border-focus: #4F46E5;--color-success: #059669;--color-success-light: #ECFDF5;--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-error: #DC2626;--color-error-light: #FEF2F2;--color-info: #2563EB;--color-info-light: #EFF6FF;--shadow-xs: 0px 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0px 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0px 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0px 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0px 16px 48px rgba(0, 0, 0, .18);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "SF Mono", monospace;--text-hero: 36px;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body: 15px;--text-body-sm: 13px;--text-caption: 12px;--text-caption-bold: 12px;--text-button: 14px;--text-button-sm: 12px;--text-mono: 13px;--text-nano: 11px;--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;--navbar-h: 52px;--sidebar-w: 260px;--editor-max-w: 800px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:1.6;color:var(--color-gray-800);background:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::placeholder{color:var(--color-gray-400)}::selection{background:var(--color-primary-light);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}