:root{--u-widget-text:#1a1a2e;--u-widget-text-secondary:#64748b;--u-widget-primary:#4f46e5;--u-widget-positive:#16a34a;--u-widget-negative:#dc2626;--u-widget-warning:#f59e0b;--u-widget-bg:#fff;--u-widget-surface:#f1f5f9;--u-widget-border:#e2e8f0;--u-widget-gap:16px;--u-widget-chart-height:260px;--u-widget-chart-color-1:#4f46e5;--u-widget-chart-color-2:#16a34a;--u-widget-chart-color-3:#f59e0b;--u-widget-chart-color-4:#dc2626;--u-widget-chart-color-5:#8b5cf6}.dark{--u-widget-text:#e2e8f0;--u-widget-text-secondary:#94a3b8;--u-widget-primary:#818cf8;--u-widget-positive:#4ade80;--u-widget-negative:#f87171;--u-widget-warning:#fbbf24;--u-widget-bg:#1e293b;--u-widget-surface:#334155;--u-widget-border:#475569;--u-widget-chart-color-1:#818cf8;--u-widget-chart-color-2:#34d399;--u-widget-chart-color-3:#fbbf24;--u-widget-chart-color-4:#f87171;--u-widget-chart-color-5:#a78bfa}.demo-topbar{background:var(--u-widget-bg);border-bottom:1px solid var(--u-widget-border);z-index:50;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.demo-topbar-title{color:var(--u-widget-text);font-size:1rem;font-weight:700;text-decoration:none}.demo-topbar-title:hover{opacity:.8}.demo-topbar-nav{align-items:center;gap:4px;display:flex}.demo-topbar-nav a,.demo-topbar-nav button{color:var(--u-widget-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s}.demo-topbar-nav a:hover,.demo-topbar-nav button:hover{background:var(--u-widget-surface);color:var(--u-widget-text)}.demo-topbar-nav a[aria-current=page]{background:var(--u-widget-primary);color:#fff;border-color:#0000}.demo-topbar-nav .demo-sep{background:var(--u-widget-border);width:1px;height:16px;margin:0 4px}