.demo-webapp{--color-brand-primary:#0297FF;--color-brand-primary-hover:#0070CC;--color-brand-primary-ink:#0085E6;--color-surface:#FFFFFF;--color-surface-secondary:#FFFFFF;--color-surface-tertiary:#F2F2F2;--color-surface-sidebar:#EDF0F5;--color-surface-inverse:#1F1F1F;--color-surface-active:rgba(2,151,255,0.1);--color-surface-hover:rgba(0,0,0,0.04);--color-surface-search:#E6F3FF;--color-surface-selected:#E6F3FF;--color-surface-compose:#B3DEFF;--color-surface-content:#F5F5F5;--color-canvas:#F5F7FA;--color-canvas-subtle:#F5F5F5;--color-text-primary:#1F1F1F;--color-text-secondary:#5F6368;--color-text-tertiary:#8E9199;--color-text-inverse:#FFFFFF;--color-text-link:#0297FF;--color-border:#EBEBEB;--color-border-DEFAULT:#EBEBEB;--color-border-light:#F1F1F1;--color-border-focus:#0297FF;--color-border-hairline:rgba(0,0,0,0.06);--color-brand-tint-bg:#E6F3FF;--color-brand-tint-border:#99CEFF;--color-brand-tint-text:#005C99;--shadow-card-rest:0 1px 2px rgba(16,24,40,0.04);--shadow-card-hover:0 2px 4px rgba(16,24,40,0.05),0 1px 2px rgba(16,24,40,0.03);--shadow-card-drag:0 12px 24px -8px rgba(16,24,40,0.18),0 4px 8px rgba(16,24,40,0.06);--shadow-floating:0 8px 16px rgba(16,24,40,0.12),0 2px 4px rgba(16,24,40,0.04);--color-status-success:#34A853;--color-status-warning:#F4B400;--color-status-error:#EA4335;--color-status-info:#0297FF;--color-star-outline:#D1D5DB;--color-star-filled:#F4B400;--color-avatar-blue:#0297FF;--color-avatar-red:#EA4335;--color-avatar-green:#34A853;--color-avatar-yellow:#FBBC04;--color-avatar-orange:#FA7B17;--color-avatar-pink:#F538A0;--color-avatar-purple:#A142F4;--color-avatar-teal:#24C1E0;--color-avatar-gray:#5F6368;--color-agent-bg:#F0F9FF;--color-agent-border:#BAE6FD;--color-agent-accent:#0EA5E9;--color-icon-default:#1F1F1F;--color-icon-muted:#9AA0A6;--radius:0.375rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:12px;--text-xs--line-height:16px;--text-sm:13px;--text-sm--line-height:18px;--text-base:14px;--text-base--line-height:20px}.demo-webapp.dark{color-scheme:dark;--color-surface:#141414;--color-surface-secondary:#1A1A1A;--color-surface-tertiary:#222222;--color-surface-sidebar:#0F0F0F;--color-surface-inverse:#E5E5E5;--color-surface-active:rgba(2,151,255,0.15);--color-surface-hover:rgba(255,255,255,0.06);--color-surface-search:#0C2D48;--color-surface-selected:#0C2D48;--color-surface-compose:#0A3D6B;--color-surface-content:#1A1A1A;--color-canvas:#0A0A0A;--color-canvas-subtle:#111111;--color-text-primary:#E5E5E5;--color-text-secondary:#9CA3AF;--color-text-tertiary:#6B7280;--color-text-inverse:#1F1F1F;--color-text-link:#33ACFF;--color-border:#2A2A2A;--color-border-DEFAULT:#2A2A2A;--color-border-light:#222222;--color-border-focus:#0297FF;--color-border-hairline:rgba(255,255,255,0.06);--color-brand-primary-ink:#33ACFF;--color-brand-tint-bg:#0C2D48;--color-brand-tint-border:#0A4A7A;--color-brand-tint-text:#66BFFF;--shadow-card-rest:0 1px 2px rgba(0,0,0,0.3);--shadow-card-hover:0 2px 4px rgba(0,0,0,0.35),0 1px 2px rgba(0,0,0,0.2);--shadow-card-drag:0 12px 24px -8px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3);--shadow-floating:0 8px 16px rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.2);--color-status-success:#4ADE80;--color-status-warning:#FBBF24;--color-status-error:#F87171;--color-status-info:#33ACFF;--color-star-outline:#4B5563;--color-star-filled:#FBBF24;--color-agent-bg:#0C2D48;--color-agent-border:#0A4A7A;--color-agent-accent:#38BDF8;--color-icon-default:#E5E5E5;--color-icon-muted:#6B7280}.demo-webapp.dark .demo-logo{filter:brightness(0) invert(1)}