*{box-sizing:border-box}body{color:var(--pg-fg);background:var(--pg-bg);font:16px/1.55 var(--pg-font-body,system-ui, sans-serif);margin:0}a{color:var(--pg-accent)}code{font-family:var(--pg-font-mono,ui-monospace, Consolas, "Cascadia Mono", monospace);font-size:.94em}p code,h3 code{background:var(--pg-code-bg,transparent);border-radius:4px;padding:0 4px}.hero{align-items:center;gap:40px;max-width:64rem;margin:0 auto;padding:56px 20px 30px;display:flex}.hero-text{min-width:0}.hero h1{font-family:var(--pg-font-heading,inherit);letter-spacing:-.5px;margin:0 0 10px;font-size:2.8rem}.hero h1 code{color:var(--pg-accent);font-size:inherit;background:0 0;padding:0}.tagline{color:var(--pg-muted);max-width:46rem;margin:0;font-size:1.15rem}.hero nav{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero nav a{border-radius:calc(var(--pg-radius) * .7);border:var(--pg-button-border,1px solid var(--pg-border));color:var(--pg-fg);background:var(--pg-card);padding:9px 20px;font-size:.95rem;text-decoration:none;display:inline-block}.hero nav a.primary{background:var(--pg-accent);border-color:var(--pg-accent);color:var(--pg-accent-contrast,#fff)}.noslop{text-align:center;flex:none;width:12rem;margin:0}.noslop img{width:8.25rem;height:8.25rem;margin:0 auto 12px;display:block}.noslop figcaption{color:var(--pg-muted);font-size:.85rem;line-height:1.4}.noslop figcaption small{opacity:.75;margin-top:7px;font-size:.78rem;display:block}@media (width<=44rem){.hero{flex-direction:column;align-items:flex-start;gap:28px}.noslop{text-align:left;align-items:center;gap:14px;width:auto;display:flex}.noslop img{width:5.5rem;height:5.5rem;margin:0}}main{max-width:64rem;margin:0 auto;padding:0 20px 72px}h2{font-family:var(--pg-font-heading,inherit);margin:56px 0 8px;font-size:1.7rem}.hint{color:var(--pg-muted);font-size:.92rem}pre{background:var(--pg-card);border:1px solid var(--pg-border);border-radius:var(--pg-radius);padding:14px 16px;font-size:.88rem;overflow-x:auto}footer{text-align:center;color:var(--pg-muted);border-top:1px solid var(--pg-border);margin-top:48px;padding:28px;font-size:.9rem}.feature{background:var(--pg-card);border:var(--pg-card-border,1px solid var(--pg-border));border-radius:var(--pg-radius);box-shadow:var(--pg-shadow,none);grid-template-columns:minmax(15rem,19rem) 1fr;align-items:start;gap:18px 30px;margin:16px 0;padding:22px;display:grid}@media (width<=760px){.feature{grid-template-columns:1fr}}.feature h3{font-family:var(--pg-font-heading,inherit);margin:0 0 8px;font-size:1.15rem}.feature p{margin:0 0 8px}.feature .note{color:var(--pg-muted);font-size:.92rem}.feature figure{min-width:0;margin:0}.feature img{border:1px solid var(--pg-border);border-radius:max(4px, calc(var(--pg-radius) - 6px));max-width:100%;height:auto;display:block}.feature.no-gif{display:block}#demo-root table{font-size:.95rem}.theme-switcher{margin:18px 0 6px}.theme-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.theme-label{color:var(--pg-muted);min-width:4.5rem;font-size:.92rem}.theme-button{font:inherit;cursor:pointer;border-radius:calc(var(--pg-radius) * .6);border:var(--pg-button-border,1px solid var(--pg-border));background:var(--pg-card);color:var(--pg-fg);padding:5px 14px;font-size:.9rem}.theme-button:hover{border-color:var(--pg-accent)}.theme-button.active{border-color:var(--pg-accent);outline:1px solid var(--pg-accent);outline-offset:-1px;color:var(--pg-accent)}.theme-code{margin:10px 0 0}.example{margin:36px 0}.example-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.example-heading h3{font-family:var(--pg-font-heading,inherit);margin:0;font-size:1.15rem}.example .hint{margin:6px 0 10px}.code-editor{resize:vertical;tab-size:4;width:100%;font:13px/1.45 var(--pg-font-mono,ui-monospace, Consolas, "Cascadia Mono", monospace);color:var(--pg-fg);background:var(--pg-card);border:1px solid var(--pg-border);border-radius:var(--pg-radius);margin-top:10px;padding:12px 14px}.code-editor:focus{outline:2px solid var(--pg-accent);outline-offset:-1px}.demo-error{color:var(--pg-error,#e5484d);white-space:pre-wrap;font-size:.9rem}:root{--pg-bg:#0e1211;--pg-fg:#e6ebe9;--pg-muted:#8fa39c;--pg-accent:#3fd0b0;--pg-accent-contrast:#06231c;--pg-card:#151a19;--pg-border:#26302c;--pg-radius:12px;--pg-code-bg:#1c2422;--pg-error:#ff7a70;--pg-font-body:"Raleway", system-ui, sans-serif;--pg-font-heading:"Raleway", system-ui, sans-serif}body{background-image:radial-gradient(1100px 520px at 50% -120px,#0b3a2e8c,#0000 70%);background-repeat:no-repeat}.hero h1{font-weight:700}.hero nav a.primary{font-weight:600}h2{border-bottom:1px solid var(--pg-border);padding-bottom:8px}