:root{--brand: #667eea;--brand-2: #764ba2;--brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg: #ffffff;--bg-page: #f4f5ff;--surface: #ffffff;--surface-raised: #f8f9ff;--border: #e4e4f0;--border-light: #f0f0f8;--text-primary: #1a1a2e;--text-secondary: #5a5a7a;--text-muted: #9999b8;--shadow-sm: 0 2px 8px rgba(102, 126, 234, .08);--shadow-md: 0 8px 24px rgba(102, 126, 234, .12);--shadow-lg: 0 16px 48px rgba(102, 126, 234, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--ed-bg: #f0f0f8;--ed-topbar: #ffffff;--ed-sidebar: #f8f8fc;--ed-surface: #ffffff;--ed-surface-2: #f0f0f8;--ed-border: #e0e0ee;--ed-text: #1a1a2e;--ed-text-dim: #8888a8;--ed-input-bg: #f4f4fc;--ed-canvas-area: #e4e4f2;--ed-dot: #c0c0d8}[data-theme=dark]{--bg: #0f0f1a;--bg-page: #13131f;--surface: #1a1a2e;--surface-raised: #22223a;--border: #2a2a44;--border-light: #1e1e34;--text-primary: #e8e8f8;--text-secondary: #9898c0;--text-muted: #55556a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--ed-bg: #0d0d14;--ed-topbar: #0d0d14;--ed-sidebar: #141420;--ed-surface: #1a1a28;--ed-surface-2: #222232;--ed-border: #2a2a40;--ed-text: #c8c8e0;--ed-text-dim: #55556a;--ed-input-bg: #111120;--ed-canvas-area: #181826;--ed-dot: #2a2a40}@media(prefers-color-scheme:dark){[data-theme=system]{--bg: #0f0f1a;--bg-page: #13131f;--surface: #1a1a2e;--surface-raised: #22223a;--border: #2a2a44;--border-light: #1e1e34;--text-primary: #e8e8f8;--text-secondary: #9898c0;--text-muted: #55556a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--ed-bg: #0d0d14;--ed-topbar: #0d0d14;--ed-sidebar: #141420;--ed-surface: #1a1a28;--ed-surface-2: #222232;--ed-border: #2a2a40;--ed-text: #c8c8e0;--ed-text-dim: #55556a;--ed-input-bg: #111120;--ed-canvas-area: #181826;--ed-dot: #2a2a40}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text-primary);transition:background .2s,color .2s;-webkit-font-smoothing:antialiased}button{font-family:var(--font)}a{color:var(--brand)}