.demo-player.svelte-91u9ad{margin:2rem 0;border-radius:6px;overflow:hidden;background:transparent}.canvas-wrap.svelte-91u9ad{position:relative;aspect-ratio:16 / 9}canvas.svelte-91u9ad{display:block;width:100%;height:100%}.print-snapshot.svelte-91u9ad{display:none;width:100%;height:100%;object-fit:contain}@media print{canvas.svelte-91u9ad{display:none}.print-snapshot.svelte-91u9ad{display:block}}.overlay.svelte-91u9ad{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8rem;color:#888;background:#1a1a1a}.overlay.error.svelte-91u9ad{color:#f87171}.demo-controls.svelte-91u9ad{display:flex;flex-wrap:wrap;gap:.4rem .5rem;padding:.75rem 0;background:transparent}.param.svelte-91u9ad{display:flex;align-items:center;gap:.5rem;font-family:var(--font-serif);font-size:.9rem;color:#5a5a5c;background:#d4cfc640;border:1px solid #d4cfc6;border-radius:999px;padding:.15rem .9rem}.param-label.svelte-91u9ad{font-style:italic}input[type=range].svelte-91u9ad{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6rem;height:2px;background:#c8c2b8;border-radius:999px;border:none;outline:none;opacity:.65;cursor:pointer;transition:opacity .15s}input[type=range].svelte-91u9ad:hover{opacity:1}input[type=range].svelte-91u9ad::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#3a3a3c;border:none;cursor:pointer}input[type=range].svelte-91u9ad::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#3a3a3c;border:none;cursor:pointer}.param-value.svelte-91u9ad{font-family:var(--font-mono);font-size:.75rem;min-width:2rem;text-align:right;color:#8a7258}.param-units.svelte-91u9ad{color:#a89880}.og-card.svelte-zdeqtn{width:1200px;height:630px;background:#0e0e10;color:#e4e4e7;display:flex;flex-direction:row;font-family:Inter,system-ui,sans-serif;overflow:hidden}.left.svelte-zdeqtn{width:520px;flex-shrink:0;padding:56px 52px;display:flex;flex-direction:column;gap:0;position:relative}.left.full.svelte-zdeqtn{width:1200px;padding:80px 96px;justify-content:center}.brand.svelte-zdeqtn{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.85rem;color:#f97316;letter-spacing:-.02em;margin-bottom:36px}.title.svelte-zdeqtn{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#e4e4e7;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.excerpt.svelte-zdeqtn{font-size:.92rem;line-height:1.6;color:#a1a1aa;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta.svelte-zdeqtn{display:flex;flex-direction:column;gap:12px;margin-top:auto}.tags.svelte-zdeqtn{display:flex;flex-wrap:wrap;gap:6px}.tag.svelte-zdeqtn{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:3px 10px;background:#27272a;border:1px solid #3f3f46;border-radius:999px;color:#a1a1aa}.date.svelte-zdeqtn{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#52525b}.footer-brand.svelte-zdeqtn{position:absolute;bottom:40px;left:52px;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#3f3f46;letter-spacing:.02em}.default-tagline.svelte-zdeqtn{font-size:1.5rem;font-weight:600;color:#e4e4e7;margin-bottom:20px;line-height:1.3}.default-body.svelte-zdeqtn{font-size:1rem;line-height:1.65;color:#71717a;margin:0;max-width:560px}.right.svelte-zdeqtn{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 44px 40px 16px;background:#0e0e10;position:relative}.right.svelte-zdeqtn:before{content:"";position:absolute;left:0;top:40px;bottom:40px;width:1px;background:#27272a}.visual-demo.svelte-zdeqtn{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.visual-image.svelte-zdeqtn{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;display:block}.visual-math.svelte-zdeqtn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.6rem;color:#e4e4e7;overflow:hidden}.visual-math.svelte-zdeqtn .katex{color:#e4e4e7}.visual-math.svelte-zdeqtn .katex-display{margin:0;overflow:hidden}.visual-code.svelte-zdeqtn{width:100%;height:100%;overflow:hidden;border-radius:8px;background:#18181b;border:1px solid #27272a;padding:20px;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.6}.visual-code.svelte-zdeqtn pre{margin:0;background:transparent;padding:0;overflow:hidden}.visual-code.svelte-zdeqtn code{background:transparent;padding:0;font-size:inherit}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}