:root,:root[data-theme=light]{--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-accent-light: #ede9fe;--color-accent-subtle: #f5f3ff;--color-accent-rgb: 139, 92, 246;--color-brand: var(--color-accent);--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-primary: #f1f5f9;--color-surface-secondary: #ffffff;--color-surface-hover: rgba(139, 92, 246, .04);--color-surface-active: rgba(139, 92, 246, .08);--color-surface-elevated: #ffffff;--color-sidebar: #f1f5f9;--color-sidebar-bg: #f1f5f9;--color-sidebar-border: #e2e8f0;--color-sidebar-shadow: rgba(15, 23, 42, .03);--color-sidebar-hover: rgba(15, 23, 42, .04);--color-sidebar-pressed: rgba(15, 23, 42, .06);--color-sidebar-selected: rgba(139, 92, 246, .1);--color-sidebar-indicator: #8b5cf6;--color-sidebar-text: #334155;--color-sidebar-text-active: #7c3aed;--color-sidebar-icon: #64748b;--color-sidebar-icon-active: #8b5cf6;--color-sidebar-scrollbar: rgba(100, 116, 139, .35);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-border-subtle: #f1f5f9;--color-divider: #e2e8f0;--color-scrollbar-thumb: #cbd5e1;--color-scrollbar-thumb-hover: #94a3b8;--color-success: #22c55e;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1)}:root[data-theme=dark]{--color-accent: #a78bfa;--color-accent-hover: #c4b5fd;--color-accent-light: #2d2440;--color-accent-subtle: #1f1a2e;--color-accent-rgb: 167, 139, 250;--color-brand: var(--color-accent);--color-background: #111827;--color-surface: #1e293b;--color-surface-primary: #111827;--color-surface-secondary: #1e293b;--color-surface-hover: #1b2a44;--color-surface-active: #233557;--color-surface-elevated: #1e293b;--color-sidebar: #0f172a;--color-sidebar-bg: #0f172a;--color-sidebar-border: #1e293b;--color-sidebar-shadow: rgba(0, 0, 0, .4);--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-pressed: rgba(255, 255, 255, .09);--color-sidebar-selected: rgba(167, 139, 250, .16);--color-sidebar-indicator: #a78bfa;--color-sidebar-text: #94a3b8;--color-sidebar-text-active: #a78bfa;--color-sidebar-icon: #64748b;--color-sidebar-icon-active: #a78bfa;--color-sidebar-scrollbar: rgba(255, 255, 255, .18);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-disabled: #64748b;--color-text-inverse: #0f172a;--color-border: #334155;--color-border-hover: #475569;--color-border-subtle: #1e293b;--color-divider: #334155;--color-scrollbar-thumb: #334155;--color-scrollbar-thumb-hover: #475569;--color-success: #4ade80;--color-success-light: #1a2e23;--color-warning: #fbbf24;--color-warning-light: #2e2618;--color-error: #f87171;--color-error-light: #2e1a1a;--color-info: #60a5fa;--color-info-light: #1a2433;--shadow-xs: 0 1px 2px rgba(2, 6, 23, .5);--shadow-sm: 0 1px 3px rgba(2, 6, 23, .6);--shadow-md: 0 4px 12px rgba(2, 6, 23, .7);--shadow-lg: 0 8px 24px rgba(2, 6, 23, .8);--shadow-xl: 0 16px 48px rgba(2, 6, 23, .9)}:root{--left-panel-width: 290px;--right-panel-width: 420px;--header-height: 60px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--font-heading: "Crimson Pro", "Georgia", "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", "Courier New", monospace;--font-family: var(--font-body);--font-family-mono: var(--font-mono);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--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;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-medium),color var(--transition-medium)}:root[data-theme=light] body{background-color:#8b5cf60a}:root[data-theme=dark] body{background-color:var(--color-background)}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-none{flex:none}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.slide-in-left{animation:slideInLeft var(--transition-medium) var(--ease-out)}.slide-in-right{animation:slideInRight var(--transition-medium) var(--ease-out)}.slide-up{animation:slideUp var(--transition-medium) var(--ease-out)}.fade-in{animation:fadeIn var(--transition-fast) var(--ease-out)}.pulse{animation:pulse 2s var(--ease-in-out) infinite}.transition{transition:all var(--transition-fast) var(--ease-in-out)}.transition-colors{transition:color var(--transition-fast) var(--ease-in-out),background-color var(--transition-fast) var(--ease-in-out),border-color var(--transition-fast) var(--ease-in-out)}.transition-transform{transition:transform var(--transition-fast) var(--ease-in-out)}.transition-opacity{transition:opacity var(--transition-fast) var(--ease-in-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{margin:0;line-height:var(--line-height-normal)}code,pre{font-family:var(--font-mono)}.fui-MenuItem:hover,.fui-MenuItem[aria-current=true]{background-color:#8b5cf61a!important;color:var(--color-accent)!important}.fui-MenuItem:hover svg,.fui-MenuItem[aria-current=true] svg{color:var(--color-accent)!important}.fui-MenuItem:active{background-color:#8b5cf626!important}.fui-MenuItem:hover .fui-MenuItem__content,.fui-MenuItem[aria-current=true] .fui-MenuItem__content{color:var(--color-accent)!important}input[type=checkbox].fui-Checkbox__input:checked+.fui-Checkbox__indicator,.fui-Checkbox input[type=checkbox]:checked+.fui-Checkbox__indicator,.fui-Checkbox__input:checked+.fui-Checkbox__indicator{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important}.fui-Checkbox__indicator{border-color:#d0d0d0!important}.fui-Checkbox:hover .fui-Checkbox__indicator{border-color:var(--color-accent)!important}.fui-Checkbox[aria-checked=true] .fui-Checkbox__indicator{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important}.fui-Checkbox:hover input[type=checkbox]:checked+.fui-Checkbox__indicator{background-color:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important}.fui-Checkbox__indicator svg,.fui-Checkbox[aria-checked=true] .fui-Checkbox__indicator svg{color:#fff!important;fill:#fff!important}.fui-Checkbox[aria-checked=true] .fui-Checkbox__label{color:var(--color-accent)!important;font-weight:500}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}