:root{--primary-color: #4361ee;--primary-light: #eef2ff;--secondary-color: #3f37c9;--background-color: #ffffff;--sidebar-bg: #fafbfc;--border-color: #e2e8f0;--shadow-color: rgba(99, 102, 241, .08);--text-color: #1e293b;--text-light: #707078;--hover-color: #f1f5f9;--active-color: #e2e8f0;--input-bg: #f8fafc;--input-border: #cbd5e1;--input-focus-border: #4361ee;--tool-card-bg: #ffffff;--dropdown-bg: #ffffff;--dropdown-border: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--code-block-bg: #707078;--svg-color: #00fdaf;--border-radius: 8px;--border-radius-sm: 6px;--border-radius-lg: 12px;--box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 200px;--header-height: 60px}.dark{--primary-color: #6366f1;--primary-light: #312e81;--secondary-color: #8b5cf6;--background-color: #0f172a;--sidebar-bg: #1e293b;--border-color: #334155;--shadow-color: rgba(0, 0, 0, .4);--text-color: #f1f5f9;--text-light: #94a3b8;--hover-color: #334155;--active-color: #475569;--input-bg: #1e293b;--input-border: #475569;--input-focus-border: #6366f1;--tool-card-bg: #1b2641;--dropdown-bg: #1e293b;--dropdown-border: #475569;--success-color: #22c55e;--warning-color: #fbbf24;--error-color: #f87171;--code-block-bg: #485365;--svg-color: #059669;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--box-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;overflow-x:hidden}.container{display:flex;min-height:calc(100vh - var(--header-height))}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}