:root{--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E8E8E8;--gray-300: #E5E5E5;--gray-400: #ADADAD;--gray-500: #8B8B8B;--gray-600: #6B6B6B;--gray-700: #525252;--gray-800: #3D3D3D;--gray-850: #2D2D2D;--gray-900: #2B2B2B;--gray-925: #252525;--gray-950: #1E1E1E;--gray-975: #1A1A1A;--gray-980: #161616;--gray-990: #151515;--gray-1000: #0A0A0A;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-300: #93C5FD;--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--blue-800: #1E40AF;--blue-900: #1E3A8A;--sky-300: #7DD3FC;--sky-400: #38BDF8;--sky-500: #0EA5E9;--sky-600: #0284C7;--sky-700: #0369A1;--green-50: #F0FDF4;--green-100: #DCFCE7;--green-200: #BBF7D0;--green-300: #86EFAC;--green-400: #4ADE80;--green-500: #22C55E;--green-600: #16A34A;--green-700: #15803D;--green-800: #166534;--green-900: #14532D;--emerald-400: #34D399;--emerald-500: #10B981;--emerald-600: #059669;--red-50: #FEF2F2;--red-100: #FEE2E2;--red-200: #FECACA;--red-300: #FCA5A5;--red-400: #F87171;--red-500: #EF4444;--red-600: #DC2626;--red-700: #B91C1C;--red-800: #991B1B;--red-900: #7F1D1D;--red-950: #5C0000;--red-1000: #8B0000;--red-bg-dark: #2B2222;--red-bg-dark-hover: #3D2222;--red-border-dark: #3D2D2D;--red-border-dark-hover: #5C3D3D;--red-accent: #B84040;--orange-50: #FFF7ED;--orange-100: #FFEDD5;--orange-200: #FED7AA;--orange-300: #FDBA74;--orange-400: #FB923C;--orange-500: #F97316;--orange-600: #EA580C;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--violet-400: #A78BFA;--violet-500: #8B5CF6;--violet-600: #7C3AED;--pink-400: #F472B6;--pink-500: #EC4899;--pink-600: #DB2777;--teal-bg: #1a3a4a;--teal-bg-hover: #2a4a5a;--teal-border: #2a5a6a;--teal-border-hover: #3a6a7a;--teal-text: #7ab8d4;--teal-text-hover: #9ad8f4;--white: #FFFFFF;--black: #000000;--color-background-primary: var(--gray-950);--color-background-secondary: var(--gray-980);--color-background-tertiary: var(--gray-900);--color-background-elevated: var(--gray-925);--color-background-input: var(--gray-950);--color-background-input-hover: var(--gray-925);--color-background-overlay: rgba(0, 0, 0, .7);--color-background-overlay-dark: rgba(0, 0, 0, .8);--color-surface-primary: var(--gray-950);--color-surface-secondary: var(--gray-900);--color-surface-tertiary: var(--gray-800);--color-surface-hover: var(--gray-800);--color-surface-active: var(--sky-500);--color-text-primary: var(--white);--color-text-secondary: var(--gray-400);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-700);--color-text-placeholder: var(--gray-600);--color-text-inverse: var(--black);--color-text-link: var(--sky-500);--color-text-link-hover: var(--sky-400);--color-border: var(--gray-850);--color-border-secondary: var(--gray-800);--color-border-tertiary: var(--gray-700);--color-border-focus: var(--sky-500);--color-border-hover: var(--gray-600);--color-border-muted: var(--gray-500);--color-accent: var(--sky-500);--color-accent-hover: var(--sky-400);--color-accent-dark: var(--sky-600);--color-accent-muted: rgba(14, 165, 233, .05);--color-accent-subtle: rgba(14, 165, 233, .9);--color-success: var(--emerald-500);--color-success-bg: rgba(16, 185, 129, .9);--color-success-border: var(--emerald-500);--color-success-text: var(--emerald-500);--color-success-bg-subtle: #1A2F25;--color-warning: var(--amber-500);--color-warning-bg: var(--amber-500);--color-warning-text: var(--amber-500);--color-error: var(--red-500);--color-error-hover: var(--red-accent);--color-error-dark: var(--red-950);--color-error-darker: var(--red-1000);--color-error-bg: var(--red-bg-dark);--color-error-bg-hover: var(--red-bg-dark-hover);--color-error-border: var(--red-border-dark);--color-error-border-hover: var(--red-border-dark-hover);--color-error-text: var(--red-500);--color-info: var(--sky-500);--color-info-bg: var(--teal-bg);--color-info-bg-hover: var(--teal-bg-hover);--color-info-border: var(--teal-border);--color-info-border-hover: var(--teal-border-hover);--color-info-text: var(--teal-text);--color-info-text-hover: var(--teal-text-hover);--color-selection: var(--sky-500);--color-selection-bg: rgba(14, 165, 233, .05);--color-selection-border: var(--sky-500);--color-button-primary-bg: linear-gradient(135deg, var(--sky-500) 0%, var(--sky-600) 100%);--color-button-primary-bg-hover: linear-gradient(135deg, var(--sky-400) 0%, var(--sky-500) 100%);--color-button-primary-text: var(--white);--color-button-secondary-bg: var(--gray-900);--color-button-secondary-bg-hover: var(--gray-800);--color-button-secondary-text: var(--gray-400);--color-button-danger-bg: var(--red-950);--color-button-danger-bg-hover: var(--red-1000);--color-button-danger-text: var(--white);--color-canvas-bg: var(--gray-950);--color-canvas-pasteboard: #2A2A2A;--color-canvas-white: var(--white);--color-canvas-grid: rgba(107, 107, 107, .4);--color-canvas-grid-floating: rgba(107, 107, 107, .2);--color-canvas-grid-line: rgba(80, 80, 80, 1);--color-preview-valid: rgba(34, 197, 94, .4);--color-preview-invalid: rgba(239, 68, 68, .4);--color-shadow: rgba(0, 0, 0, .25);--color-shadow-strong: rgba(0, 0, 0, .3);--color-shadow-accent: rgba(14, 165, 233, .25);--color-shadow-accent-strong: rgba(14, 165, 233, .35);--color-shadow-accent-intense: rgba(14, 165, 233, .4);--color-shadow-error: rgba(139, 0, 0, .3);--color-input-bg: var(--gray-950);--color-input-border: var(--gray-850);--color-input-border-hover: var(--gray-800);--color-input-border-focus: var(--sky-500);--color-input-text: var(--white);--color-input-placeholder: var(--gray-600);--color-checkbox-accent: var(--sky-500);--color-palette-blue: var(--blue-500);--color-palette-blue-hover: var(--blue-600);--color-palette-purple: var(--violet-500);--color-palette-pink: var(--pink-500);--color-scrollbar-track: var(--gray-850);--color-scrollbar-thumb: var(--gray-850);--color-scrollbar-thumb-hover: var(--gray-800)}:root{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 12px rgb(0 0 0 / .15);--shadow-lg: 0 8px 24px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .1);--shadow-accent-sm: 0 2px 8px rgba(14, 165, 233, .25);--shadow-accent-md: 0 4px 12px rgba(14, 165, 233, .25);--shadow-accent-lg: 0 6px 16px rgba(14, 165, 233, .35);--shadow-danger-sm: 0 2px 4px rgba(139, 0, 0, .3);--shadow-danger-md: 0 4px 8px rgba(139, 0, 0, .3);--z-base: 0;--z-raised: 50;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300;--z-toast: 400;--z-overlay: 500}:root{--color-background-primary: var(--gray-850);--color-background-secondary: var(--gray-825);--color-background-tertiary: var(--gray-875);--color-background-elevated: var(--gray-725);--color-background-overlay: var(--black);--color-background-input: var(--gray-850);--color-background-hover: var(--gray-775);--color-background-active: var(--gray-700);--color-text-primary: var(--white);--color-text-secondary: var(--gray-200);--color-text-tertiary: var(--neutral-soft);--color-text-muted: var(--neutral-muted);--color-text-disabled: var(--gray-600);--color-text-placeholder: var(--neutral-subtle);--color-text-inverse: var(--black);--color-border-primary: var(--gray-825);--color-border-secondary: var(--gray-775);--color-border-muted: var(--neutral-muted);--color-border-hover: var(--gray-600);--color-border-focus: var(--sky-500);--color-accent-primary: var(--sky-500);--color-accent-primary-hover: var(--sky-600);--color-accent-primary-active: var(--sky-700);--color-accent-gradient-start: var(--sky-500);--color-accent-gradient-end: var(--sky-600);--color-success-bg: var(--green-900);--color-success-border: var(--green-700);--color-success-text: var(--green-400);--color-success-solid: var(--green-500);--color-warning-bg: var(--amber-900);--color-warning-border: var(--amber-700);--color-warning-text: var(--amber-400);--color-warning-solid: var(--amber-500);--color-error-bg: var(--red-error-bg);--color-error-border: var(--red-error-border);--color-error-text: var(--red-400);--color-error-solid: var(--red-dark-800);--color-error-solid-border: var(--red-dark-700);--color-interactive-default: var(--gray-725);--color-interactive-hover: var(--gray-775);--color-interactive-active: var(--sky-500);--color-interactive-disabled: var(--gray-800);--color-canvas-bg: var(--canvas-dark);--color-canvas-grid: rgba(255, 255, 255, .05);--color-canvas-selection: rgba(14, 165, 233, .3);--color-shadow: var(--shadow-color-dark);--shadow-sm: 0 1px 2px var(--shadow-color-dark);--shadow-md: 0 4px 6px var(--shadow-color-dark);--shadow-lg: 0 10px 15px var(--shadow-color-dark);--shadow-xl: 0 20px 25px var(--shadow-color-dark);--color-scrollbar-track: var(--gray-875);--color-scrollbar-thumb: var(--gray-700);--color-scrollbar-thumb-hover: var(--gray-600)}[data-theme=light],:root.light{--color-background-primary: var(--white);--color-background-secondary: var(--gray-100);--color-background-tertiary: var(--gray-50);--color-background-elevated: var(--white);--color-background-overlay: var(--gray-100);--color-background-input: var(--white);--color-background-hover: var(--gray-200);--color-background-active: var(--gray-300);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-600);--color-text-muted: var(--gray-500);--color-text-disabled: var(--gray-400);--color-text-placeholder: var(--gray-500);--color-text-inverse: var(--white);--color-border-primary: var(--gray-200);--color-border-secondary: var(--gray-300);--color-border-muted: var(--gray-400);--color-border-hover: var(--gray-400);--color-border-focus: var(--sky-500);--color-accent-primary: var(--sky-500);--color-accent-primary-hover: var(--sky-600);--color-accent-primary-active: var(--sky-700);--color-accent-gradient-start: var(--sky-500);--color-accent-gradient-end: var(--sky-600);--color-success-bg: var(--green-50);--color-success-border: var(--green-200);--color-success-text: var(--green-700);--color-success-solid: var(--green-500);--color-warning-bg: var(--amber-50);--color-warning-border: var(--amber-200);--color-warning-text: var(--amber-700);--color-warning-solid: var(--amber-500);--color-error-bg: var(--red-50);--color-error-border: var(--red-200);--color-error-text: var(--red-700);--color-error-solid: var(--red-500);--color-error-solid-border: var(--red-600);--color-interactive-default: var(--gray-100);--color-interactive-hover: var(--gray-200);--color-interactive-active: var(--sky-500);--color-interactive-disabled: var(--gray-100);--color-canvas-bg: var(--canvas-light);--color-canvas-grid: rgba(0, 0, 0, .05);--color-canvas-selection: rgba(14, 165, 233, .2);--color-shadow: var(--shadow-color-light);--shadow-sm: 0 1px 2px var(--shadow-color-light);--shadow-md: 0 4px 6px var(--shadow-color-light), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px var(--shadow-color-light), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px var(--shadow-color-light), 0 10px 10px rgba(0, 0, 0, .04);--color-scrollbar-track: var(--gray-100);--color-scrollbar-thumb: var(--gray-300);--color-scrollbar-thumb-hover: var(--gray-400)}:root{--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-tooltip: 700}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}svg{display:block}