:root{--color-primary-main: #ff6a00;--color-primary-hover: #e55a00;--color-primary-light: #fff4ed;--color-primary-dark: #cc5500;--color-gray-50: #fafbfc;--color-gray-100: #f9fafb;--color-gray-200: #f3f4f6;--color-gray-300: #e4e7eb;--color-gray-400: #d1d5db;--color-gray-500: #9ca3af;--color-gray-600: #6b7280;--color-gray-700: #374151;--color-gray-800: #2d2d2d;--color-gray-900: #1a1a1a;--color-semantic-success: #10b981;--color-semantic-warning: #f59e0b;--color-semantic-error: #ef4444;--color-semantic-info: #3b82f6;--color-background-primary: #ffffff;--color-background-secondary: #f9fafb;--color-background-tertiary: #f3f4f6;--color-background-hover: #f9fafb;--color-background-selected: #fff4ed;--color-text-primary: #1a1a1a;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-disabled: #d1d5db;--color-text-inverse: #ffffff;--color-border-light: #e4e7eb;--color-border-medium: #d1d5db;--color-border-dark: #9ca3af;--color-border-focus: #ff6a00;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--typography-font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--typography-font-family-mono: "IBM Plex Mono", "Consolas", monospace;--typography-font-size-xs: 12px;--typography-font-size-sm: 13px;--typography-font-size-base: 14px;--typography-font-size-lg: 16px;--typography-font-size-xl: 20px;--typography-font-size-2xl: 28px;--typography-font-weight-regular: 400;--typography-font-weight-medium: 500;--typography-font-weight-semibold: 600;--typography-font-weight-bold: 700;--typography-line-height-tight: 1.3;--typography-line-height-normal: 1.5;--typography-line-height-relaxed: 1.7;--typography-letter-spacing-tight: -.02em;--typography-letter-spacing-normal: 0;--typography-letter-spacing-wide: .01em;--border-radius-none: 0;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 1px 3px rgba(0, 0, 0, .05);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 4px 6px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 3px rgba(255, 106, 0, .1);--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--components-header-height: 56px;--components-header-background: #ffffff;--components-header-border: #e4e7eb;--components-sidebar-width: 240px;--components-sidebar-background: #ffffff;--components-sidebar-border: #e4e7eb;--components-sidebar-active-background: #fff4ed;--components-sidebar-active-border: #ff6a00;--components-button-radius: 8px;--components-button-padding-sm: 8px 12px;--components-button-padding-md: 10px 16px;--components-button-padding-lg: 12px 20px;--components-button-height-sm: 32px;--components-button-height-md: 40px;--components-button-height-lg: 48px;--components-input-height: 40px;--components-input-radius: 8px;--components-input-padding: 10px 12px;--components-card-radius: 12px;--components-card-padding-sm: 20px;--components-card-padding-md: 24px;--components-card-border: #e4e7eb;--components-card-shadow: 0 1px 2px rgba(0, 0, 0, .03);--components-table-header-background: #f9fafb;--components-table-border: #e4e7eb;--components-table-row-padding: 12px 16px}[data-theme=dark]{--color-background-primary: #1a1a1a;--color-background-secondary: #2d2d2d;--color-background-tertiary: #374151;--color-background-hover: #374151;--color-background-selected: #3a2a1a;--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-disabled: #6b7280;--color-text-inverse: #1a1a1a;--color-border-light: #374151;--color-border-medium: #4b5563;--color-border-dark: #6b7280;--color-components-header-background: #1a1a1a;--color-components-header-border: #374151;--color-components-sidebar-background: #1a1a1a;--color-components-sidebar-border: #374151}[data-theme=high-contrast]{--color-background-primary: #ffffff;--color-background-secondary: #ffffff;--color-background-tertiary: #ffffff;--color-background-hover: #f0f0f0;--color-background-selected: #e0e0e0;--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #000000;--color-text-disabled: #666666;--color-text-inverse: #ffffff;--color-border-light: #000000;--color-border-medium: #000000;--color-border-dark: #000000;--color-border-focus: #000000;--color-primary-main: #000000;--color-primary-hover: #000000;--color-primary-light: #ffffff;--color-primary-dark: #000000;--color-semantic-success: #000000;--color-semantic-warning: #000000;--color-semantic-error: #000000;--color-semantic-info: #000000;--color-components-header-background: #ffffff;--color-components-header-border: #000000;--color-components-sidebar-background: #ffffff;--color-components-sidebar-border: #000000;--color-components-sidebar-active-background: #e0e0e0;--color-components-sidebar-active-border: #000000;--color-components-card-border: #000000;--color-components-table-header-background: #ffffff;--color-components-table-border: #000000;--border-width-default: 2px;--border-width-focus: 4px;--color-gray-50: #ffffff;--color-gray-100: #ffffff;--color-gray-200: #ffffff;--color-gray-300: #ffffff;--color-gray-400: #000000;--color-gray-500: #000000;--color-gray-600: #000000;--color-gray-700: #000000;--color-gray-800: #000000;--color-gray-900: #000000}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-background-primary: #1a1a1a;--color-background-secondary: #2d2d2d;--color-background-tertiary: #374151;--color-background-hover: #374151;--color-background-selected: #3a2a1a;--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-disabled: #6b7280;--color-text-inverse: #1a1a1a;--color-border-light: #374151;--color-border-medium: #4b5563;--color-border-dark: #6b7280}}@media(prefers-contrast:high){:root:not([data-theme]){--color-background-primary: #ffffff;--color-background-secondary: #ffffff;--color-background-tertiary: #ffffff;--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #000000;--color-border-light: #000000;--color-border-medium: #000000;--color-border-dark: #000000;--color-border-focus: #000000}}:root{--demo-bg-page: #F2F2F7;--demo-bg-surface: #FFFFFF;--demo-bg-surface-hover: #F2F4F7;--demo-bg-surface-subtle: #EBECF0;--demo-bg-surface-elevated: #FFFFFF;--demo-bg-header: rgba(255, 255, 255, .8);--demo-bg-overlay: rgba(17, 24, 39, .4);--demo-text-primary: #1D1D1F;--demo-text-secondary: #515154;--demo-text-tertiary: #6E6E73;--demo-text-muted: #8E8E93;--demo-text-inverse: #FFFFFF;--demo-border-subtle: #ECEDF0;--demo-border-default: #E2E4E8;--demo-border-strong: #D0D3DA;--demo-shadow-sm: 0 1px 3px rgba(17, 24, 39, .05);--demo-shadow-md: 0 4px 12px rgba(17, 24, 39, .06);--demo-shadow-lg: 0 10px 30px rgba(17, 24, 39, .1);--demo-shadow-panel: -8px 0 40px rgba(17, 24, 39, .12);--demo-accent: #FF6A00;--demo-accent-hover: #E55A00;--demo-accent-bg: rgba(255, 106, 0, .1);--demo-accent-border: rgba(255, 106, 0, .3);--demo-status-success: #10B981;--demo-status-success-bg: rgba(16, 185, 129, .1);--demo-status-warning: #F59E0B;--demo-status-warning-bg: rgba(245, 158, 11, .1);--demo-status-error: #EF4444;--demo-status-error-bg: rgba(239, 68, 68, .1);--demo-status-info: #3B82F6;--demo-status-info-bg: rgba(59, 130, 246, .1);--demo-status-purple: #8B5CF6;--demo-status-purple-bg: rgba(139, 92, 246, .1);--demo-btn-secondary-bg: #F2F4F7;--demo-btn-secondary-border: rgba(17, 24, 39, .08);--demo-btn-secondary-hover: #E8EBEF;--demo-input-bg: #FFFFFF;--demo-input-border: rgba(17, 24, 39, .14);--demo-input-focus-border: rgba(255, 106, 0, .55);--demo-bg-base: var(--demo-bg-page);--demo-surface: var(--demo-bg-surface);--demo-surface-elevated: var(--demo-bg-surface-elevated);--bg-secondary: var(--demo-bg-surface);--bg-tertiary: var(--demo-bg-surface-elevated);--border-primary: var(--demo-border-default);--bolt-border: var(--demo-border-default)}.bolt-tab,.bolt-chat,.bolt-fab-panel{--accent-primary: var(--demo-accent);--accent-info: var(--demo-status-info);--accent-success: var(--demo-status-success);--accent-warning: var(--demo-status-warning);--accent-danger: var(--demo-status-error);--text-primary: var(--demo-text-primary);--text-secondary: var(--demo-text-secondary);--text-muted: var(--demo-text-tertiary);--bg-secondary: var(--demo-bg-surface);--bg-tertiary: var(--demo-bg-surface-elevated);--border-primary: var(--demo-border-default);--bolt-accent: var(--demo-accent);--bolt-accent-light: var(--demo-accent-hover);--bolt-success: var(--demo-status-success);--bolt-warning: var(--demo-status-warning);--bolt-error: var(--demo-status-error);--bolt-info: var(--demo-status-info);--bolt-purple: var(--demo-status-purple);--bolt-surface: var(--demo-bg-surface);--bolt-surface-hover: var(--demo-bg-surface-hover);--bolt-border: var(--demo-border-subtle);--bolt-border-hover: var(--demo-border-default);--bolt-text: var(--demo-text-primary);--bolt-text-secondary: var(--demo-text-secondary);--bolt-text-muted: var(--demo-text-tertiary);--bolt-text-dim: var(--demo-text-muted);--bolt-bg: var(--demo-bg-page)}[data-theme=dark]{--demo-bg-page: #1C1C1E;--demo-bg-surface: #2C2C2E;--demo-bg-surface-hover: #3A3A3C;--demo-bg-surface-subtle: #242426;--demo-bg-surface-elevated: #3A3A3C;--demo-bg-header: rgba(28, 28, 30, .72);--demo-bg-overlay: rgba(0, 0, 0, .6);--demo-text-primary: #FFFFFF;--demo-text-secondary: rgba(235, 235, 245, .62);--demo-text-tertiary: rgba(235, 235, 245, .42);--demo-text-muted: rgba(235, 235, 245, .28);--demo-text-inverse: #1C1C1E;--demo-border-subtle: #2E2E30;--demo-border-default: #38383A;--demo-border-strong: #48484A;--demo-shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--demo-shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--demo-shadow-lg: 0 12px 40px rgba(0, 0, 0, .55);--demo-shadow-panel: -8px 0 40px rgba(0, 0, 0, .6);--demo-accent: #FF6A00;--demo-accent-hover: #FF8534;--demo-accent-bg: rgba(255, 106, 0, .18);--demo-accent-border: rgba(255, 106, 0, .38);--demo-status-success: #30D158;--demo-status-success-bg: rgba(48, 209, 88, .18);--demo-status-warning: #FF9F0A;--demo-status-warning-bg: rgba(255, 159, 10, .18);--demo-status-error: #FF453A;--demo-status-error-bg: rgba(255, 69, 58, .18);--demo-status-info: #0A84FF;--demo-status-info-bg: rgba(10, 132, 255, .18);--demo-status-purple: #BF5AF2;--demo-status-purple-bg: rgba(191, 90, 242, .18);--demo-btn-secondary-bg: rgba(255, 255, 255, .08);--demo-btn-secondary-border: #38383A;--demo-btn-secondary-hover: rgba(255, 255, 255, .14);--demo-input-bg: #1C1C1E;--demo-input-border: #38383A;--demo-input-focus-border: rgba(255, 106, 0, .6);--demo-bg-base: var(--demo-bg-page);--demo-surface: var(--demo-bg-surface);--demo-surface-elevated: var(--demo-bg-surface-elevated);--bg-secondary: var(--demo-bg-surface);--bg-tertiary: var(--demo-bg-surface-elevated);--border-primary: var(--demo-border-default);--bolt-border: var(--demo-border-default)}:root{--demo-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--demo-radius-xs: 8px;--demo-radius-sm: 10px;--demo-radius-md: 14px;--demo-radius-lg: 18px;--demo-radius-xl: 22px;--demo-radius-pill: 980px}