:root{--color-brand-primary: #7b62aa;--color-brand-primary-background: #f6f3ff;--color-brand-primary-hover: #6b4e9b;--color-brand-primary-active: #5d4585;--color-brand-text: #6b4e9b;--color-brand-text-secondary: #1E293B;--color-brand-interactive: var(--color-brand-primary);--color-brand-interactive-hover: var(--color-brand-primary-hover);--color-brand-interactive-active: var(--color-brand-primary-active);--color-brand-secondary: #6b7280;--color-brand-accent: #a78bfa;--color-brand-accent-accessible: #7e55f8;--color-brand-light: #e9e3ff;--color-brand-dark: #5b4997;--color-brand-complement: #617f29;--color-ui-background-primary: #ffffff;--color-ui-background-secondary: #f8fafc;--color-ui-background-tertiary: #f1f5f9;--color-ui-background-fallback: var(--color-ui-background-tertiary);--color-ui-foreground-primary: #0f172a;--color-ui-foreground-secondary: #334155;--color-ui-foreground-tertiary: #64748b;--color-ui-foreground-inverse: #ffffff;--color-ui-border-light: #e2e8f0;--color-ui-border-medium: #cbd5e1;--color-ui-border-dark: #94a3b8;--color-ui-focus: var(--color-brand-primary);--color-feedback-success: #059669;--color-feedback-warning: #d97706;--color-feedback-error: #dc2626;--color-feedback-info: var(--color-brand-primary);--color-feedback-error-background: #fef2f2;--color-feedback-error-border: #fecaca;--color-feedback-success-background: #ecfdf5;--color-feedback-success-border: #a7f3d0;--color-feedback-warning-background: #fffbeb;--color-feedback-warning-border: #fed7aa;--color-feedback-info-background: var(--color-brand-primary-background);--color-feedback-info-border: var(--color-brand-light);--color-success: #10b981;--color-error: #ef4444;--color-info-dark: #1e40af;--shadow-inset-subtle: inset 0 2px 4px var(--color-black-alpha-08);--shadow-elevation-1: 0 1px 3px var(--color-black-alpha-12);--shadow-elevation-2: 0 4px 6px var(--color-black-alpha-10);--color-brand-alpha-05: rgba(123, 98, 170, .05);--color-brand-alpha-10: rgba(123, 98, 170, .1);--color-brand-alpha-15: rgba(123, 98, 170, .15);--color-brand-alpha-20: rgba(123, 98, 170, .2);--color-brand-alpha-30: rgba(123, 98, 170, .3);--color-brand-alpha-40: rgba(123, 98, 170, .4);--color-brand-alpha-50: rgba(123, 98, 170, .5);--color-brand-alpha-60: rgba(123, 98, 170, .6);--color-brand-alpha-70: rgba(123, 98, 170, .7);--color-brand-alpha-80: rgba(123, 98, 170, .8);--color-brand-alpha-90: rgba(123, 98, 170, .9);--color-black-alpha-05: rgba(0, 0, 0, .05);--color-black-alpha-08: rgba(0, 0, 0, .08);--color-black-alpha-10: rgba(0, 0, 0, .1);--color-black-alpha-12: rgba(0, 0, 0, .12);--color-black-alpha-15: rgba(0, 0, 0, .15);--color-black-alpha-20: rgba(0, 0, 0, .2);--color-black-alpha-25: rgba(0, 0, 0, .25);--color-black-alpha-30: rgba(0, 0, 0, .3);--color-black-alpha-40: rgba(0, 0, 0, .4);--color-black-alpha-50: rgba(0, 0, 0, .5);--color-black-alpha-60: rgba(0, 0, 0, .6);--color-black-alpha-70: rgba(0, 0, 0, .7);--color-black-alpha-80: rgba(0, 0, 0, .8);--color-black-alpha-90: rgba(0, 0, 0, .9);--color-white-alpha-05: rgba(255, 255, 255, .05);--color-white-alpha-08: rgba(255, 255, 255, .08);--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-12: rgba(255, 255, 255, .12);--color-white-alpha-15: rgba(255, 255, 255, .15);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-25: rgba(255, 255, 255, .25);--color-white-alpha-30: rgba(255, 255, 255, .3);--color-white-alpha-40: rgba(255, 255, 255, .4);--color-white-alpha-50: rgba(255, 255, 255, .5);--color-white-alpha-60: rgba(255, 255, 255, .6);--color-white-alpha-70: rgba(255, 255, 255, .7);--color-white-alpha-80: rgba(255, 255, 255, .8);--color-white-alpha-90: rgba(255, 255, 255, .9);--color-white-alpha-95: rgba(255, 255, 255, .95);--color-success-alpha-10: rgba(16, 185, 129, .1);--color-success-alpha-20: rgba(16, 185, 129, .2);--color-success-alpha-30: rgba(16, 185, 129, .3);--color-success-alpha-40: rgba(16, 185, 129, .4);--color-error-alpha-10: rgba(239, 68, 68, .1);--color-error-alpha-20: rgba(239, 68, 68, .2);--color-error-alpha-30: rgba(239, 68, 68, .3);--color-error-alpha-90: rgba(239, 68, 68, .9);--color-warning-alpha-10: rgba(217, 119, 6, .1);--color-warning-alpha-20: rgba(217, 119, 6, .2);--color-warning-alpha-30: rgba(217, 119, 6, .3);--color-border-alpha-light: rgba(226, 232, 240, .8);--color-border-alpha-medium: rgba(203, 213, 225, .8);--color-background-alpha-elevated: rgba(255, 255, 255, .95);--color-ui-border: var(--color-ui-border-light);--color-ui-border-subtle: var(--color-ui-border-light);[data-theme=dark]{--color-ui-background-primary: #0f172a;--color-ui-background-secondary: #1e293b;--color-ui-background-tertiary: #334155;--color-ui-background-elevated: #2d3748;--color-ui-background-inverse: #f8fafc;--color-ui-foreground-primary: #f8fafc;--color-ui-foreground-secondary: #e2e8f0;--color-ui-foreground-tertiary: #cbd5e1;--color-ui-foreground-inverse: #0f172a;--color-ui-border: #334155;--color-ui-border-subtle: #1e293b;--color-ui-border-light: #334155;--color-ui-border-medium: #475569;--color-ui-border-dark: #64748b;--color-feedback-error: #f87171;--color-feedback-success: #34d399;--color-feedback-warning: #fbbf24;--color-feedback-info: #a78bfa;--color-feedback-error-background: #7f1d1d;--color-feedback-error-border: #991b1b;--color-feedback-success-background: #14532d;--color-feedback-success-border: #166534;--color-feedback-warning-background: #78350f;--color-feedback-warning-border: #92400e;--color-feedback-info-background: #312e81;--color-feedback-info-border: #4c1d95;--color-success: #34d399;--color-success-light: #14532d;--color-error: #f87171;--color-error-light: #7f1d1d;--color-warning-light: #78350f;--color-info-light: #1e3a8a;--color-info-dark: #a78bfa;--badge-primary-bg: var(--color-brand-alpha-20);--badge-primary-border: var(--color-brand-alpha-40);--badge-accent-bg: var(--color-brand-alpha-20);--badge-accent-border: var(--color-brand-alpha-40);--badge-success-bg: var(--color-success-alpha-20);--badge-success-color: var(--color-feedback-success);--badge-success-border: var(--color-success-alpha-40);--toast-success-bg: #14532d;--toast-warning-bg: #78350f;--toast-error-bg: #7f1d1d;--toast-info-bg: #312e81;--toast-success-border: #166534;--toast-warning-border: #92400e;--toast-error-border: #991b1b;--toast-info-border: #4c1d95;--toast-success-text: #34d399;--toast-warning-text: #fbbf24;--toast-error-text: #f87171;--toast-info-text: #a78bfa;--color-ui-background-hover: #2d3e50;--color-ui-border-hover: #4a5568;--color-brand-primary-hover: #a78bfa;--color-brand-secondary-hover: #94a3b8;--color-brand-accent-hover: #a78bfa;--color-ui-background-active: #374151;--color-ui-border-active: #6b7280;--color-brand-primary-active: #c4b5fd;--color-brand-secondary-active: #cbd5e1;--color-brand-accent-active: #c4b5fd;--modal-backdrop: var(--color-black-alpha-80);--shadow-inset-subtle: inset 0 2px 4px var(--color-black-alpha-30);--shadow-elevation-1: 0 1px 3px var(--color-black-alpha-50);--shadow-elevation-2: 0 4px 6px var(--color-black-alpha-50);--color-brand-alpha-05: rgba(167, 139, 250, .05);--color-brand-alpha-10: rgba(167, 139, 250, .1);--color-brand-alpha-15: rgba(167, 139, 250, .15);--color-brand-alpha-20: rgba(167, 139, 250, .2);--color-brand-alpha-30: rgba(167, 139, 250, .3);--color-brand-alpha-40: rgba(167, 139, 250, .4);--color-brand-alpha-50: rgba(167, 139, 250, .5);--color-brand-alpha-60: rgba(167, 139, 250, .6);--color-brand-alpha-70: rgba(167, 139, 250, .7);--color-brand-alpha-80: rgba(167, 139, 250, .8);--color-brand-alpha-90: rgba(167, 139, 250, .9);--color-success-alpha-10: rgba(52, 211, 153, .1);--color-success-alpha-20: rgba(52, 211, 153, .2);--color-success-alpha-30: rgba(52, 211, 153, .3);--color-success-alpha-40: rgba(52, 211, 153, .4);--color-error-alpha-10: rgba(248, 113, 113, .1);--color-error-alpha-20: rgba(248, 113, 113, .2);--color-error-alpha-30: rgba(248, 113, 113, .3);--color-error-alpha-90: rgba(248, 113, 113, .9);--color-warning-alpha-10: rgba(251, 191, 36, .1);--color-warning-alpha-20: rgba(251, 191, 36, .2);--color-warning-alpha-30: rgba(251, 191, 36, .3);--color-border-alpha-light: rgba(51, 65, 85, .8);--color-border-alpha-medium: rgba(71, 85, 105, .8);--color-background-alpha-elevated: rgba(15, 23, 42, .95);--color-selection-background: var(--color-brand-alpha-30);--color-drag-active-background: var(--color-brand-alpha-15);--color-loading-overlay: var(--color-black-alpha-70);--color-tooltip-background: var(--color-white-alpha-90);--color-tooltip-text: var(--color-black-alpha-90);--color-tooltip-border: var(--color-white-alpha-30);--card-background-selected: var(--color-brand-alpha-15);--card-shadow: 0 1px 3px var(--color-black-alpha-50);--card-shadow-hover: 0 4px 6px var(--color-black-alpha-50);--card-shadow-selected: 0 10px 15px var(--color-black-alpha-50);--dialog-shadow: 0 10px 15px var(--color-black-alpha-70);--dialog-backdrop: var(--color-black-alpha-80);--grid-cell-background-selected: var(--color-brand-alpha-15);--grid-cell-background-active: var(--color-brand-alpha-25);--dropdown-shadow: 0 10px 15px var(--color-black-alpha-70);--dropdown-item-background-selected: var(--color-brand-alpha-15);--dropdown-item-background-active: var(--color-brand-alpha-25);--slider-thumb-shadow: 0 1px 3px var(--color-black-alpha-50);--slider-thumb-shadow-hover: 0 4px 6px var(--color-black-alpha-50);--swatch-shadow: 0 1px 3px var(--color-black-alpha-50);--swatch-shadow-hover: 0 4px 6px var(--color-black-alpha-50);--swatch-shadow-selected: 0 10px 15px var(--color-black-alpha-50);--progress-shadow: inset 0 2px 4px var(--color-black-alpha-30)}--spacing-0-25: .0625rem;--spacing-0-5: .125rem;--spacing-0-75: .1875rem;--spacing-1: .25rem;--spacing-1-25: .3125rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--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-12: 3rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-touch-target: 2.75rem;--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-generous: 52px;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--radius-touch: .5rem;--shadow-sm: 0 1px 2px 0 var(--color-black-alpha-05);--shadow: 0 1px 3px 0 var(--color-black-alpha-10), 0 1px 2px 0 var(--color-black-alpha-08);--shadow-md: 0 4px 6px -1px var(--color-black-alpha-10), 0 2px 4px -1px var(--color-black-alpha-08);--shadow-lg: 0 10px 15px -3px var(--color-black-alpha-10), 0 4px 6px -2px var(--color-black-alpha-05);--shadow-inset: inset 0 0 0 1px var(--color-black-alpha-05);--shadow-mobile: 0 2px 8px var(--color-black-alpha-12);--text-shadow-overlay: 0 1px 2px var(--color-black-alpha-80);--filter-drop-shadow-sm: drop-shadow(0 1px 2px var(--color-black-alpha-10));--filter-drop-shadow: drop-shadow(0 2px 4px var(--color-black-alpha-10));--filter-drop-shadow-md: drop-shadow(0 4px 6px var(--color-black-alpha-10));--filter-drop-shadow-lg: drop-shadow(0 10px 15px var(--color-black-alpha-10));--badge-primary-bg: var(--color-brand-alpha-10);--badge-primary-border: var(--color-brand-alpha-20);--badge-accent-bg: var(--color-brand-alpha-10);--badge-accent-border: var(--color-brand-alpha-20);--badge-success-bg: var(--color-success-alpha-10);--badge-success-color: var(--color-feedback-success);--badge-success-border: var(--color-success-alpha-20);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--z-index-dropdown: 1000;--z-index-modal: 2000;--z-index-toast: 3000;--z-index-portal: 9999;--z-dropdown: 1000;--z-modal: 1050;--z-tooltip: 1100;--transition-duration-150: .15s;--transition-duration-200: .2s;--transition-duration-300: .3s;--transition-easing-out: cubic-bezier(0, 0, .2, 1);--transition-easing-apple: cubic-bezier(.25, .1, .25, 1);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xs: .5625rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-icon-primary: var(--color-ui-foreground-secondary);--color-icon-secondary: var(--color-ui-foreground-tertiary);--color-icon-inverse: var(--color-ui-foreground-inverse);--color-icon-success: var(--color-feedback-success);--color-icon-warning: var(--color-feedback-warning);--color-icon-error: var(--color-feedback-error);--color-icon-info: var(--color-feedback-info);--color-icon-disabled: var(--color-ui-foreground-disabled);--color-status-online: var(--color-feedback-success);--color-status-offline: var(--color-ui-foreground-tertiary);--color-status-busy: var(--color-feedback-warning);--color-status-away: #6b7280;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--overlay-light-light: rgba(255, 255, 255, .3);--overlay-light-medium: rgba(255, 255, 255, .5);--overlay-light-heavy: rgba(255, 255, 255, .7);--overlay-dark-light: rgba(0, 0, 0, .3);--overlay-dark-medium: rgba(0, 0, 0, .5);--overlay-dark-heavy: rgba(0, 0, 0, .7);--color-success-light: #dcfce7;--color-error-light: #fee2e2;--color-warning-light: #fef3c7;--color-info-light: #dbeafe;--color-component-selected: var(--color-brand-primary);--color-component-selected-bg: var(--color-brand-primary);--color-component-selected-text: var(--color-ui-foreground-inverse);--color-component-hovered: var(--color-ui-background-hover);--color-component-pressed: var(--color-ui-background-active);--color-focus-ring: var(--color-ui-focus);--color-focus-ring-width: 3px;--color-focus-ring-offset: 2px;--color-focus-ring-style: solid;--color-disabled-background: var(--color-ui-background-secondary);--color-disabled-text: var(--color-ui-foreground-tertiary);--color-disabled-border: var(--color-ui-border-light);--color-disabled-opacity: .5;--color-selection-background: var(--color-brand-alpha-20);--color-selection-text: var(--color-ui-foreground-primary);--color-selection-border: var(--color-brand-primary);--color-drag-handle: var(--color-ui-foreground-tertiary);--color-drag-handle-hover: var(--color-ui-foreground-secondary);--color-drag-active-background: var(--color-brand-alpha-10);--color-drag-active-border: var(--color-brand-primary);--color-drag-ghost-opacity: .7;--color-loading-spinner: var(--color-brand-primary);--color-loading-background: var(--color-ui-background-secondary);--color-loading-overlay: var(--color-black-alpha-50);--color-separator: var(--color-ui-border-light);--color-separator-thick: var(--color-ui-border-medium);--color-skeleton-base: var(--color-ui-background-secondary);--color-skeleton-shimmer: var(--color-ui-background-tertiary);--color-placeholder-text: var(--color-ui-foreground-tertiary);--color-tooltip-background: var(--color-black-alpha-90);--color-tooltip-text: var(--color-white-alpha-95);--color-tooltip-border: var(--color-black-alpha-20);--color-tooltip-shadow: var(--shadow-lg);--color-text-primary-accessible: #1e293b;--color-text-secondary-accessible: #334155;--color-text-inverse-accessible: #f8fafc;--color-text-muted-accessible: #64748b;--color-text-high-contrast: #000000;--color-background-high-contrast: #ffffff;--color-border-high-contrast: #000000;--color-dark-background-primary: #0f172a;--color-dark-background-secondary: #1e293b;--color-dark-background-tertiary: #334155;--color-dark-background-elevated: #2d3748;--color-dark-foreground-primary: #f8fafc;--color-dark-foreground-secondary: #e2e8f0;--color-dark-foreground-tertiary: #94a3b8;--color-dark-border-light: #334155;--color-dark-border-medium: #475569;--color-dark-border-dark: #64748b;--color-ui-background-hover: var(--color-ui-background-secondary);--color-ui-border-hover: var(--color-ui-border-medium);--color-brand-primary-hover: #8966ce;--color-brand-secondary-hover: #475569;--color-brand-accent-hover: #7c3aed;--color-ui-background-active: var(--color-ui-background-tertiary);--color-ui-border-active: var(--color-ui-border-dark);--color-brand-primary-active: #764cc6;--color-brand-secondary-active: #334155;--color-brand-accent-active: #6d28d9;--color-ui-foreground-disabled: var(--color-ui-foreground-tertiary);--color-ui-background-disabled: var(--color-ui-background-secondary);--color-ui-border-disabled: var(--color-ui-border-light);--button-primary-disabled: var(--color-ui-background-disabled);--button-primary-disabled-text: var(--color-ui-foreground-disabled);--color-ui-loading: var(--color-brand-primary);--color-ui-loading-bg: var(--color-ui-background-secondary);--window-close-bg: #ff5252;--window-close-bg-hover: #ff3838;--window-close-bg-active: #ff2020;--window-close-border: rgba(255, 82, 82, .3);--window-close-shadow: rgba(255, 56, 56, .3);--window-minimize-bg: #ffbd2e;--window-minimize-bg-hover: #ffaa00;--window-minimize-icon: #995700;--window-maximize-bg: #28c940;--window-maximize-bg-hover: #22a835;--window-maximize-bg-active: #1c9530;--window-maximize-border: rgba(40, 201, 64, .3);--window-maximize-shadow: rgba(34, 168, 53, .3);--window-maximize-icon: #006b00;--card-background: var(--color-ui-background-primary);--card-background-hover: var(--color-ui-background-hover);--card-background-selected: var(--color-brand-alpha-10);--card-border: var(--color-ui-border-light);--card-border-hover: var(--color-ui-border-medium);--card-border-selected: var(--color-brand-primary);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--card-shadow-selected: var(--shadow-lg);--card-radius: var(--radius-lg);--card-padding: var(--spacing-4);--dialog-background: var(--color-ui-background-primary);--dialog-border: var(--color-ui-border-medium);--dialog-shadow: var(--shadow-lg);--dialog-backdrop: var(--modal-backdrop);--dialog-radius: var(--radius-xl);--dialog-padding: var(--spacing-6);--dialog-header-border: var(--color-ui-border-light);--dialog-footer-border: var(--color-ui-border-light);--tab-background: transparent;--tab-background-hover: var(--color-ui-background-hover);--tab-background-active: var(--color-brand-primary);--tab-background-disabled: var(--color-ui-background-disabled);--tab-text: var(--color-ui-foreground-secondary);--tab-text-hover: var(--color-ui-foreground-primary);--tab-text-active: var(--color-ui-foreground-inverse);--tab-text-disabled: var(--color-ui-foreground-disabled);--tab-border: transparent;--tab-border-hover: var(--color-ui-border-light);--tab-border-active: var(--color-brand-primary);--tab-border-focus: var(--color-ui-focus);--tab-padding: var(--spacing-2) var(--spacing-3);--tab-radius: var(--radius-sm);--grid-background: var(--color-ui-background-primary);--grid-border: var(--color-ui-border-light);--grid-cell-background: transparent;--grid-cell-background-hover: var(--color-ui-background-hover);--grid-cell-background-selected: var(--color-brand-alpha-10);--grid-cell-background-active: var(--color-brand-alpha-20);--grid-cell-border: var(--color-ui-border-light);--grid-cell-text: var(--color-ui-foreground-primary);--grid-header-background: var(--color-ui-background-secondary);--grid-header-text: var(--color-ui-foreground-secondary);--grid-header-border: var(--color-ui-border-medium);--dropdown-background: var(--color-ui-background-primary);--dropdown-border: var(--color-ui-border-medium);--dropdown-shadow: var(--shadow-lg);--dropdown-item-background: transparent;--dropdown-item-background-hover: var(--color-ui-background-hover);--dropdown-item-background-selected: var(--color-brand-alpha-10);--dropdown-item-background-active: var(--color-brand-alpha-20);--dropdown-item-text: var(--color-ui-foreground-primary);--dropdown-item-text-selected: var(--color-ui-foreground-primary);--dropdown-separator: var(--color-ui-border-light);--dropdown-radius: var(--radius-lg);--dropdown-padding: var(--spacing-2);--slider-track-background: var(--color-ui-background-tertiary);--slider-track-background-active: var(--color-ui-background-secondary);--slider-track-border: var(--color-ui-border-light);--slider-track-height: 4px;--slider-track-radius: var(--radius-full);--slider-thumb-background: var(--color-brand-primary);--slider-thumb-background-hover: var(--color-brand-primary-hover);--slider-thumb-background-active: var(--color-brand-primary-active);--slider-thumb-background-disabled: var(--color-ui-background-disabled);--slider-thumb-border: var(--color-ui-background-primary);--slider-thumb-shadow: var(--shadow-sm);--slider-thumb-shadow-hover: var(--shadow-md);--slider-thumb-size: 20px;--slider-progress-background: var(--color-brand-primary);--swatch-border: var(--color-ui-border-medium);--swatch-border-hover: var(--color-ui-border-dark);--swatch-border-selected: var(--color-brand-primary);--swatch-border-focus: var(--color-ui-focus);--swatch-shadow: var(--shadow-sm);--swatch-shadow-hover: var(--shadow-md);--swatch-shadow-selected: var(--shadow-lg);--swatch-radius: var(--radius-md);--swatch-size-sm: 24px;--swatch-size-md: 32px;--swatch-size-lg: 48px;--swatch-checkerboard: var(--color-ui-background-tertiary);--progress-background: var(--color-ui-background-tertiary);--progress-fill: var(--color-brand-primary);--progress-fill-success: var(--color-feedback-success);--progress-fill-warning: var(--color-feedback-warning);--progress-fill-error: var(--color-feedback-error);--progress-height: 8px;--progress-radius: var(--radius-full);--progress-shadow: var(--shadow-inset-subtle);--spinner-color: var(--color-brand-primary);--spinner-color-secondary: var(--color-ui-foreground-tertiary);--spinner-size-sm: 16px;--spinner-size-md: 24px;--spinner-size-lg: 32px;--spinner-thickness: 2px;--input-bg: var(--color-ui-background-primary);--input-bg-hover: var(--color-ui-background-hover);--input-bg-focus: var(--color-ui-background-primary);--input-bg-disabled: var(--color-ui-background-disabled);--input-text: var(--color-ui-foreground-primary);--input-text-placeholder: var(--color-ui-foreground-tertiary);--input-text-disabled: var(--color-ui-foreground-disabled);--input-border: var(--color-ui-border-light);--input-border-hover: var(--color-ui-border-hover);--input-border-focus: var(--color-ui-focus);--input-border-error: var(--color-feedback-error);--input-border-disabled: var(--color-ui-border-disabled);--button-primary-bg: var(--color-brand-primary);--button-primary-bg-hover: var(--color-brand-primary-hover);--button-primary-bg-active: var(--color-brand-primary-active);--button-primary-bg-disabled: var(--color-ui-background-disabled);--button-primary-text: var(--color-ui-foreground-inverse);--button-primary-text-disabled: var(--color-ui-foreground-disabled);--button-primary-border: var(--color-brand-primary);--button-primary-border-hover: var(--color-brand-primary-hover);--button-primary-border-disabled: var(--color-ui-border-disabled);--button-primary-hover: var(--color-brand-primary-hover);--button-secondary-bg: var(--color-ui-background-secondary);--button-secondary-bg-hover: var(--color-ui-background-hover);--button-secondary-bg-active: var(--color-ui-background-active);--button-secondary-bg-disabled: var(--color-ui-background-disabled);--button-secondary-text: var(--color-ui-foreground-primary);--button-secondary-text-disabled: var(--color-ui-foreground-disabled);--button-secondary-border: var(--color-ui-border-light);--button-secondary-border-hover: var(--color-ui-border-hover);--button-secondary-border-disabled: var(--color-ui-border-disabled);--button-secondary-hover: var(--color-ui-background-hover);--button-ghost-bg: transparent;--button-ghost-bg-hover: var(--color-ui-background-hover);--button-ghost-bg-active: var(--color-ui-background-active);--button-ghost-text: var(--color-ui-foreground-secondary);--button-ghost-text-hover: var(--color-ui-foreground-primary);--button-ghost-text-disabled: var(--color-ui-foreground-disabled);--button-ghost-border: transparent;--button-ghost-border-hover: var(--color-ui-border-light);--button-danger-bg: var(--color-feedback-error);--button-danger-bg-hover: #dc2626;--button-danger-bg-active: #b91c1c;--button-danger-bg-disabled: var(--color-ui-background-disabled);--button-danger-text: var(--color-ui-foreground-inverse);--button-danger-text-disabled: var(--color-ui-foreground-disabled);--button-danger-border: var(--color-feedback-error);--button-danger-border-hover: #dc2626;--button-danger-border-disabled: var(--color-ui-border-disabled);--modal-backdrop: var(--color-black-alpha-60);--modal-backdrop-light: var(--color-black-alpha-50);--modal-backdrop-heavy: var(--color-black-alpha-80);--modal-bg: var(--color-ui-background-primary);--modal-shadow: var(--shadow-lg);--modal-border: var(--color-ui-border-light);--overlay-hover: rgba(0, 0, 0, .1);--overlay-swatch: rgba(0, 0, 0, .1);--overlay-tooltip: rgba(0, 0, 0, .8);--color-overlay-backdrop: rgba(0, 0, 0, .5);--color-overlay-tooltip: rgba(0, 0, 0, .8);--toast-success-bg: var(--color-feedback-success-background);--toast-warning-bg: var(--color-feedback-warning-background);--toast-error-bg: var(--color-feedback-error-background);--toast-info-bg: var(--color-feedback-info-background);--toast-success-border: var(--color-feedback-success-border);--toast-warning-border: var(--color-feedback-warning-border);--toast-error-border: var(--color-feedback-error-border);--toast-info-border: var(--color-feedback-info-border);--toast-success-text: var(--color-feedback-success);--toast-warning-text: var(--color-feedback-warning);--toast-error-text: var(--color-feedback-error);--toast-info-text: var(--color-feedback-info);--gradient-brand-primary: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-active) 100%);--gradient-brand-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-brand-cta: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-hover) 100%);--email-bg-body: var(--color-ui-background-secondary);--email-bg-container: var(--color-ui-background-primary);--email-text-primary: var(--color-ui-foreground-primary);--email-text-secondary: var(--color-ui-foreground-secondary);--email-shadow-container: var(--shadow-md);--color-wheel-harmony-line: rgba(255, 255, 255, .3);--color-wheel-marker-outline: rgba(0, 0, 0, .2);--color-wheel-marker-fill: white;--color-wheel-base-outline: black;--color-wheel-center-outline: white;--color-wheel-label-dark: black;--color-wheel-label-light: white;--color-wheel-base-marker: gold;--color-wheel-base-marker-gradient-start: rgba(255, 215, 0, .8);--color-wheel-base-marker-gradient-end: rgba(255, 193, 7, 1);--color-wheel-marker-border: rgba(0, 0, 0, .2);--color-wheel-shadow: rgba(0, 0, 0, .3);--color-wheel-glow: rgba(156, 127, 214, .2);--color-wheel-center-border: rgba(255, 255, 255, .8);--color-wheel-instruction-text: rgba(0, 0, 0, .45);--color-wheel-instruction-bg: rgba(0, 0, 0, .05);--color-wheel-drag-indicator-bg: rgba(0, 0, 0, .8);--color-wheel-node-shadow-default: rgba(0, 0, 0, .2);--color-wheel-node-shadow-hover: rgba(0, 0, 0, .3);--color-wheel-node-shadow-drag: rgba(0, 0, 0, .4);--color-wheel-background-circle: rgba(255, 255, 255, .1);--color-wheel-inner-shadow-start: rgba(0, 0, 0, .1);--color-wheel-inner-shadow-mid: transparent;--color-wheel-inner-shadow-end: rgba(0, 0, 0, .15);--color-wheel-line-gradient-start: rgba(255, 255, 255, .5);--color-wheel-line-gradient-mid: rgba(255, 255, 255, .3);--color-wheel-line-gradient-end: rgba(255, 255, 255, .5);--color-wheel-line-shadow: rgba(255, 255, 255, .3);--color-wheel-node-bg: rgba(255, 255, 255, .95);--color-wheel-node-border: rgba(0, 0, 0, .1);--color-wheel-node-inner-highlight: rgba(255, 255, 255, .4);--color-wheel-node-inner-mid: transparent;--color-wheel-node-inner-shadow: rgba(0, 0, 0, .2);--color-wheel-base-ring-highlight: rgba(255, 215, 0, .6);--color-wheel-label-shadow: rgba(0, 0, 0, .3);--color-wheel-base-label-bg: rgba(255, 215, 0, .9);--color-wheel-base-label-text: rgba(0, 0, 0, .8);--color-wheel-center-border-outer: rgba(255, 255, 255, .9);--color-wheel-center-border-inner: rgba(0, 0, 0, .1);--color-wheel-center-highlight: rgba(255, 255, 255, .3);--color-wheel-center-highlight-fade: transparent;--color-wheel-label-dark-text: rgba(0, 0, 0, .85);--color-wheel-label-light-text: rgba(255, 255, 255, .95);--color-wheel-label-shadow-light: rgba(255, 255, 255, .5);--color-wheel-label-shadow-dark: rgba(0, 0, 0, .5);--color-wheel-tooltip-text-dark: rgba(0, 0, 0, .85);--color-wheel-tooltip-text-light: rgba(255, 255, 255, .95);--color-wheel-drag-text: rgba(255, 255, 255, .95)}::selection{background:var(--color-brand-primary);color:#fff}::-moz-selection{background:var(--color-brand-primary);color:#fff}._srOnly_8tmwu_4{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._container_8tmwu_16{position:relative;flex:1;border-radius:var(--radius-xl);overflow:visible;display:flex;align-items:stretch;justify-content:center;width:100%;height:100%;min-height:320px;box-sizing:border-box;isolation:isolate;background:transparent}._canvas_8tmwu_34{cursor:pointer;display:block;width:100%;height:100%;min-height:200px;object-fit:contain;border-radius:var(--radius-xl);transition:box-shadow var(--transition-duration-200) var(--transition-easing-out);-webkit-user-select:none;user-select:none}._canvas_8tmwu_34:focus-visible{outline:3px solid var(--color-ui-focus);outline-offset:calc(var(--spacing-1) / 2)}._canvas_8tmwu_34:active{cursor:grabbing}._canvas_8tmwu_34:hover{box-shadow:var(--shadow-md),0 0 0 2px var(--color-ui-border-medium)}._cursor_8tmwu_64{position:absolute;width:var(--spacing-12);height:var(--spacing-12);border:3px solid var(--color-ui-foreground-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transform:translate(-50%,-50%);pointer-events:auto;transition:transform var(--transition-duration-150) var(--transition-easing-out);z-index:var(--z-50)}._container_8tmwu_16:active ._cursor_8tmwu_64{transform:translate(-50%,-50%) scale(1.2)}._wrapper_8tmwu_81{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;justify-content:flex-start;margin:0;padding:var(--spacing-2);position:relative;box-sizing:border-box;background:transparent}@media (min-width: 768px) and (max-width: 1023px){._cursor_8tmwu_64{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._container_8tmwu_16:active ._cursor_8tmwu_64{transform:translate(-50%,-50%) scale(1.25)}}@media (min-width: 1024px) and (max-width: 1279px){._cursor_8tmwu_64{width:var(--spacing-12);height:var(--spacing-12);border-width:4px}._container_8tmwu_16:active ._cursor_8tmwu_64{transform:translate(-50%,-50%) scale(1.3)}}@media (pointer: coarse) and (min-width: 768px){._cursor_8tmwu_64{width:var(--spacing-12);height:var(--spacing-12);border-width:4px;box-shadow:0 0 0 2px #0000004d,0 3px var(--spacing-3) #0006}._container_8tmwu_16:active ._cursor_8tmwu_64{transform:translate(-50%,-50%) scale(1.35)}}@media (max-width: 767px){._wrapper_8tmwu_81{padding:0;gap:var(--spacing-4)}._container_8tmwu_16,._canvas_8tmwu_34{min-height:280px}._cursor_8tmwu_64{width:var(--spacing-12);height:var(--spacing-12);border-width:3px}._container_8tmwu_16:active ._cursor_8tmwu_64{transform:translate(-50%,-50%) scale(1.15)}}