:root{--color-primary: #2B6CB0;--color-primary-hover: #2C5282;--color-accent: #ED8936;--color-success: #38A169;--color-warning: #D69E2E;--color-danger: #E53E3E;--color-bg-canvas: #F7F8FA;--color-bg-chrome: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-hover: #F7F8FA;--color-border: #E2E8F0;--color-border-focus: #2B6CB0;--color-text-primary: #1A202C;--color-text-secondary: #718096;--color-text-disabled: #A0AEC0;--color-text-inverse: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-family: "Inter", "PingFang SC", "Source Han Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--line-height-body: 1.6;--line-height-heading: 1.3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .16);--topbar-height: 56px;--sidebar-width: 200px;--sidebar-collapsed: 56px;--preview-topbar-height: 48px;--preview-sidebar-width: 220px;--preview-panel-width: 320px;--transition-fast: .15s ease;--transition-normal: .22s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark]{--color-bg-canvas: #1A202C;--color-bg-chrome: #2D3748;--color-bg-elevated: #4A5568;--color-bg-hover: #4A5568;--color-border: #4A5568;--color-text-primary: #F7FAFC;--color-text-secondary: #A0AEC0;--color-text-disabled: #718096;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4)}