.playground[data-astro-cid-267c3o4k]{box-sizing:border-box;background-color:#fffdf5;border:2px solid #171717;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:clamp(16px,5vw,32px);display:flex;box-shadow:8px 8px #171717}.header[data-astro-cid-267c3o4k]{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.label[data-astro-cid-267c3o4k]{letter-spacing:.12em;text-transform:uppercase;background-color:#d9ff66;border:1px solid #171717;border-radius:999px;width:fit-content;margin:0;padding:6px 10px;font-size:12px;font-weight:700}.title[data-astro-cid-267c3o4k]{margin:0;font-size:clamp(28px,5vw,42px);line-height:1.1}.description[data-astro-cid-267c3o4k]{color:#555;margin:0;font-size:16px;line-height:1.5}.canvas-panel[data-astro-cid-267c3o4k]{box-sizing:border-box;background-color:#f4f0e5;border:2px solid #171717;border-radius:18px;justify-content:center;align-items:center;min-height:340px;padding:clamp(12px,4vw,24px);display:flex}#canvas-demo[data-astro-cid-267c3o4k]{background-color:#fffdf5;border:2px solid #171717;border-radius:14px;width:min(100%,400px);height:auto;display:block}.controls[data-astro-cid-267c3o4k]{flex-wrap:wrap;gap:12px;display:flex}.button[data-astro-cid-267c3o4k]{min-height:49px;font:inherit;cursor:pointer;border:2px solid #171717;border-radius:10px;padding:0 24px;font-size:16px;font-weight:700;box-shadow:3px 3px #171717}.primary-button[data-astro-cid-267c3o4k]{background-color:#d9ff66}.secondary-button[data-astro-cid-267c3o4k]{background-color:#fffdf5}.button[data-astro-cid-267c3o4k]:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.button[data-astro-cid-267c3o4k]:not(:disabled):active{translate:2px 2px;box-shadow:1px 1px #171717}@media (width<=480px){.canvas-panel[data-astro-cid-267c3o4k]{min-height:auto}.button[data-astro-cid-267c3o4k]{flex:120px}}.article-page[data-astro-cid-f62whtgt]{box-sizing:border-box;width:100%;padding:clamp(24px,6vw,64px) 16px}.article[data-astro-cid-f62whtgt]{width:min(100%,1200px);margin:0 auto}.article-header[data-astro-cid-f62whtgt],.article[data-astro-cid-f62whtgt]>section[data-astro-cid-f62whtgt]:not(:has(.playground)){width:min(100%,1200px);margin-inline:auto}.article-header[data-astro-cid-f62whtgt]{margin-bottom:clamp(40px,7vw,72px)}.article-meta[data-astro-cid-f62whtgt]{color:var(--color-muted,#5f5f5f);flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;font-size:.95rem;line-height:1.5;display:flex}.article-meta[data-astro-cid-f62whtgt] span[data-astro-cid-f62whtgt],.article-meta[data-astro-cid-f62whtgt] time[data-astro-cid-f62whtgt]{font:inherit}.article[data-astro-cid-f62whtgt]>section[data-astro-cid-f62whtgt]{margin-bottom:clamp(56px,8vw,96px)}.article-label[data-astro-cid-f62whtgt]{letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:700}h1[data-astro-cid-f62whtgt]{letter-spacing:-.05em;margin:0;font-size:clamp(2.75rem,8vw,5.5rem);line-height:.95}.article-lead[data-astro-cid-f62whtgt]{max-width:680px;margin:24px 0 0;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.35}h2[data-astro-cid-f62whtgt]{margin:0 0 24px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}p[data-astro-cid-f62whtgt]{margin:0 0 20px;font-size:1.0625rem;line-height:1.75}code[data-astro-cid-f62whtgt]{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}p[data-astro-cid-f62whtgt] code[data-astro-cid-f62whtgt]{border:1px solid;border-radius:.3em;padding:.12em .35em;font-size:.9em}pre[data-astro-cid-f62whtgt]{color:#f8f8f2;background:#171717;border:2px solid;border-radius:16px;margin:24px 0;padding:20px;font-size:.9rem;line-height:1.6;overflow-x:auto}pre[data-astro-cid-f62whtgt] code[data-astro-cid-f62whtgt]{font:inherit}.playground[data-astro-cid-f62whtgt]{margin:32px 0 20px}.note[data-astro-cid-f62whtgt]{font-size:.95rem}@media (width<=600px){.article-page[data-astro-cid-f62whtgt]{padding-inline:12px}.article-header[data-astro-cid-f62whtgt],.article[data-astro-cid-f62whtgt]>section[data-astro-cid-f62whtgt]:not(:has(.playground)){padding-inline:4px}pre[data-astro-cid-f62whtgt]{border-radius:12px;padding:16px;font-size:.8rem}}