*{box-sizing:border-box}body{margin:0;font-family:var(--demo-font, system-ui, sans-serif);background:var(--demo-bg, #fff);color:var(--demo-text, #111);transition:background-color .2s,color .2s}.demo-chrome{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:13px;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);opacity:.9}.demo-chrome span{opacity:.65}.demo-chrome button{margin-left:auto;font:inherit;color:inherit;background:transparent;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:6px;padding:.25rem .7rem;cursor:pointer}.page{max-width:1200px;margin:0 auto;padding:1.5rem}.page-head h1{margin:0;font-size:1.4rem}.page-head p{margin:.25rem 0 1.5rem;opacity:.65}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.25rem}.panel{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:10px;padding:1rem}.panel h2{margin:0 0 .5rem;font-size:.95rem;font-weight:600;opacity:.85}.chart{width:100%;height:300px}