.lcd-live{--px:2px;width:calc(320 * var(--px));height:calc(320 * var(--px));box-shadow:0 0 0 2px var(--pd-rule), 0 0 0 16px var(--pd-navy-deep), 0 0 0 18px var(--pd-rule);background:#000;position:relative}.lcd-live:has(:focus-visible){box-shadow:0 0 0 2px var(--pd-rule), 0 0 0 16px var(--pd-navy-deep), 0 0 0 18px var(--pd-focus)}.lcd-start{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.lcd-start:focus-visible,.lcd-live canvas:focus-visible{outline:none}.lcd-start img,.lcd-live canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.lcd-start-hint{opacity:0;font:400 16px/1 var(--pd-pixel);-webkit-font-smoothing:none;color:#fff;background:var(--pd-select);border:2px solid var(--pd-focus);padding:12px 20px;transition:opacity .15s;position:absolute;top:50%;left:50%;translate:-50% -50%}.lcd-start:is(:hover,:focus-visible) .lcd-start-hint{opacity:1}.lcd-status{text-align:center;font:400 16px/24px var(--pd-pixel);-webkit-font-smoothing:none;color:var(--pd-dim);position:absolute;top:50%;left:0;right:0;translate:0 -50%}.lcd-status:empty{display:none}@media (width<=719px){.lcd-live{--px:1px;box-shadow:0 0 0 1px var(--pd-rule), 0 0 0 8px var(--pd-navy-deep), 0 0 0 9px var(--pd-rule)}.lcd-live:has(:focus-visible){box-shadow:0 0 0 1px var(--pd-rule), 0 0 0 8px var(--pd-navy-deep), 0 0 0 9px var(--pd-focus)}}@media (prefers-reduced-motion:reduce){.lcd-start-hint{transition:none}}.hero:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:64px;padding-block:72px 96px;display:grid}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){max-width:14ch;font-size:48px;line-height:56px}.lede:where(.astro-lcdefpme){max-width:32em;margin-top:28px;font-size:20px;line-height:1.5}.hero:where(.astro-lcdefpme) .pd-actions:where(.astro-lcdefpme){margin-top:36px}.note:where(.astro-lcdefpme){color:var(--pd-dim);max-width:34em;margin-top:20px;font-size:15px}.screen:where(.astro-lcdefpme){justify-self:start;margin:18px}.caption:where(.astro-lcdefpme){color:var(--pd-dim);max-width:640px;margin-top:34px;font-size:15px}.band:where(.astro-lcdefpme){border-top:2px solid var(--pd-rule);padding-block:88px}.band-lede:where(.astro-lcdefpme){max-width:36em;margin-top:20px}.split:where(.astro-lcdefpme){grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:72px;display:grid}.split-text:where(.astro-lcdefpme){top:calc(var(--pd-titlebar-h) + 48px);position:sticky}.split-text:where(.astro-lcdefpme) p:where(.astro-lcdefpme)+p:where(.astro-lcdefpme){margin-top:24px}.files:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.files:where(.astro-lcdefpme) figure:where(.astro-lcdefpme){margin:0}.files:where(.astro-lcdefpme) .tk{color:var(--pd-tools)}.files:where(.astro-lcdefpme) .ts{color:var(--pd-network)}.files:where(.astro-lcdefpme) .tn{color:var(--pd-demos)}.files:where(.astro-lcdefpme) .tc{color:var(--pd-dim)}.files:where(.astro-lcdefpme) .tj{color:var(--pd-all)}.does:where(.astro-lcdefpme){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:56px;margin:40px 0 0;padding:0;list-style:none;display:grid}.does:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border-top:2px solid var(--pd-rule);padding:22px 0 28px}.does:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){color:var(--pd-c);align-items:center;gap:16px;display:flex}.does:where(.astro-lcdefpme) p:where(.astro-lcdefpme){max-width:30em;margin-top:10px}.does-more:where(.astro-lcdefpme){margin-top:20px}.cat-rows:where(.astro-lcdefpme){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;margin:40px 0 0;padding:0;list-style:none;display:grid}.cat-rows:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border-top:2px solid var(--pd-rule);grid-template-columns:14px 136px minmax(0,1fr);align-items:start;column-gap:16px;padding:18px 0;display:grid}.cat-rows:where(.astro-lcdefpme) li:where(.astro-lcdefpme):nth-last-child(-n+2){border-bottom:2px solid var(--pd-rule)}.cat-rows:where(.astro-lcdefpme) .pd-dot:where(.astro-lcdefpme){margin-top:6px}.cat-name:where(.astro-lcdefpme){color:var(--pd-c);line-height:26px}.steps:where(.astro-lcdefpme){grid-template-columns:repeat(4,minmax(0,1fr));gap:48px;margin:48px 0 0;padding:0;list-style:none;display:grid}.step-n:where(.astro-lcdefpme){font:400 48px/48px var(--pd-pixel);-webkit-font-smoothing:none;color:var(--pd-all);display:block}.steps:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin-top:24px}.steps:where(.astro-lcdefpme) p:where(.astro-lcdefpme){max-width:30em;margin-top:12px}.steps:where(.astro-lcdefpme) .pd-btn:where(.astro-lcdefpme){margin-top:24px}@media (width<=1399px){.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){font-size:40px;line-height:48px}}@media (width<=1199px){.does:where(.astro-lcdefpme),.steps:where(.astro-lcdefpme){grid-template-columns:repeat(2,minmax(0,1fr))}.hero:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr);gap:48px}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){max-width:18ch}.split:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr);gap:40px}.split-text:where(.astro-lcdefpme){position:static}}@media (width<=899px){.does:where(.astro-lcdefpme),.cat-rows:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr)}.cat-rows:where(.astro-lcdefpme) li:where(.astro-lcdefpme):nth-last-child(2){border-bottom:0}.steps:where(.astro-lcdefpme){grid-template-columns:minmax(0,1fr);gap:48px}}@media (width<=719px){.hero:where(.astro-lcdefpme){padding-block:48px 64px}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){font-size:32px;line-height:40px}.lede:where(.astro-lcdefpme){font-size:18px}.band:where(.astro-lcdefpme){padding-block:64px}.screen:where(.astro-lcdefpme){margin:9px}.cat-rows:where(.astro-lcdefpme) li:where(.astro-lcdefpme){grid-template-columns:14px minmax(0,1fr)}.cat-rows:where(.astro-lcdefpme) li:where(.astro-lcdefpme)>span:where(.astro-lcdefpme):last-child{grid-column:2}}