:root{--color-primary: #0071E3;--color-primary-hover: #0058B3;--color-accent: #FF9500;--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-bg-canvas: #E8E5DF;--color-bg-chrome: #FAFAF8;--color-bg-elevated: #F6F4F0;--color-bg-hover: #EFEDE8;--color-border: #D2CEC6;--color-border-focus: #0071E3;--color-text-primary: #1C1C1E;--color-text-secondary: #3C3C3E;--color-text-disabled: #9C9C9E;--color-text-inverse: #FAFAF8;--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: #1C1C1E;--color-bg-chrome: #2C2C2E;--color-bg-elevated: #3A3A3C;--color-bg-hover: #3A3A3C;--color-border: #48484A;--color-text-primary: #FAFAF8;--color-text-secondary: #9C9C9E;--color-text-disabled: #6C6C70;--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)}