:root{
  --space-0:0px;
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:8px;
  --space-5:10px;
  --space-6:12px;
  --space-7:14px;
  --space-8:16px;
  --space-10:20px;
  --space-12:24px;
  --space-14:28px;
  --space-16:32px;
  --space-20:40px;
  --space-24:48px;
  --space-32:64px;
  --space-40:80px;
  --space-48:96px;
  --space-64:128px;

  /* Studio layout constants */
  --topbar-h:56px;
  --panel-w:300px;
  --panel-gap:12px;
  --panel-pad:14px;
  --control-h:40px;
  --control-h-sm:32px;
  --field-gap:8px;
  --ruler-w:34px;

  /* Chart safe area: renders keep all type inside a 4% inset of the canvas. */
  --chart-safe-inset:4%;
  --chart-block-gap:1.6cqw;
}