.pilot-intro[data-astro-cid-mbxr2wyj]{display:grid;grid-template-columns:1fr 280px;align-items:end;gap:64px;margin-bottom:48px}.pilot-goal[data-astro-cid-mbxr2wyj]{border-top:4px solid var(--brand-primary);padding-top:18px}.pixel-lab[data-astro-cid-mbxr2wyj]{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);overflow:hidden;margin-bottom:48px}.lab-heading[data-astro-cid-mbxr2wyj]{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border-color)}.lab-heading[data-astro-cid-mbxr2wyj] h2[data-astro-cid-mbxr2wyj]{margin:0;font-size:27px}.lab-heading[data-astro-cid-mbxr2wyj] span[data-astro-cid-mbxr2wyj]{font-size:14px}.lab-tools[data-astro-cid-mbxr2wyj]:not([hidden]){display:flex;flex-wrap:wrap;gap:10px;padding:18px 28px;border-bottom:1px solid var(--border-color)}.lab-tools[data-astro-cid-mbxr2wyj] button[data-astro-cid-mbxr2wyj]{cursor:pointer;padding:10px 14px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:6px;font-size:14px}.lab-tools[data-astro-cid-mbxr2wyj] button[data-astro-cid-mbxr2wyj]:hover{border-color:var(--text-link)}.lab-tools[data-astro-cid-mbxr2wyj] button[data-astro-cid-mbxr2wyj][aria-pressed=true]{background:var(--brand-primary);border-color:var(--brand-primary);color:#0d1117}.lab-tools[data-astro-cid-mbxr2wyj] #reset-demo[data-astro-cid-mbxr2wyj]{margin-left:auto;text-decoration:underline;border-color:transparent}.lab-panels[data-astro-cid-mbxr2wyj]{display:grid;grid-template-columns:1fr 1fr}.preview-area[data-astro-cid-mbxr2wyj]{padding:40px;background:var(--bg-inset);display:flex;align-items:center;justify-content:center}.demo-notice[data-astro-cid-mbxr2wyj]{position:relative;max-width:520px;width:100%;padding:32px;background:#efc55b;border:4px solid #172128;color:#172128;font:18px/1.5 system-ui,sans-serif}.demo-notice[data-astro-cid-mbxr2wyj] p[data-astro-cid-mbxr2wyj]{margin:18px 0}.demo-notice[data-astro-cid-mbxr2wyj] .demo-location[data-astro-cid-mbxr2wyj]{font-size:14px}.demo-notice[data-astro-cid-mbxr2wyj] .demo-title[data-astro-cid-mbxr2wyj]{font:700 48px/1.05 system-ui,sans-serif;letter-spacing:-.04em;margin:32px 0}.demo-notice[data-astro-cid-mbxr2wyj] a[data-astro-cid-mbxr2wyj]{color:#172128;font-weight:700}.demo-plan[data-astro-cid-mbxr2wyj]{font-size:16px}.source-area[data-astro-cid-mbxr2wyj]{min-width:0;background:var(--bg-primary);color:var(--text-primary);padding:28px}.source-area[data-astro-cid-mbxr2wyj] h3[data-astro-cid-mbxr2wyj]{margin:0 0 10px;font-size:22px;letter-spacing:-.02em;color:#fff}.source-area[data-astro-cid-mbxr2wyj] p[data-astro-cid-mbxr2wyj]{font-size:14px;line-height:1.55}.source-area[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj]{overflow:auto;white-space:pre;font:12px/1.8 DM Mono,monospace;border-top:1px solid var(--border-color);padding:18px 0;margin:15px 0}.source-area[data-astro-cid-mbxr2wyj] code[data-astro-cid-mbxr2wyj]{font:inherit}.source-area[data-astro-cid-mbxr2wyj] .live-explanation[data-astro-cid-mbxr2wyj]{border-left:3px solid #efc55b;padding-left:15px;margin-bottom:0}.show-structure[data-astro-cid-mbxr2wyj] [data-astro-cid-mbxr2wyj][data-tag]{position:relative;outline:2px solid #09627b;outline-offset:6px}.show-structure[data-astro-cid-mbxr2wyj] [data-astro-cid-mbxr2wyj][data-tag]:before{content:attr(data-tag);position:absolute;left:0;top:-18px;padding:1px 4px;background:#09627b;color:#fff;font:11px/1.3 DM Mono,monospace;letter-spacing:0;white-space:nowrap;z-index:1}.show-structure[data-astro-cid-mbxr2wyj] .html-line[data-astro-cid-mbxr2wyj]{background:#075c75;color:#fff}.show-boxes[data-astro-cid-mbxr2wyj] .demo-notice[data-astro-cid-mbxr2wyj]{background:#b7dfe8}.show-boxes[data-astro-cid-mbxr2wyj] .demo-notice[data-astro-cid-mbxr2wyj]>[data-astro-cid-mbxr2wyj]{background:#efc55b;outline:2px dashed #09627b}.show-boxes[data-astro-cid-mbxr2wyj] .box-line[data-astro-cid-mbxr2wyj]{background:#075c75;color:#fff}.smaller[data-astro-cid-mbxr2wyj] .demo-notice[data-astro-cid-mbxr2wyj] .demo-title[data-astro-cid-mbxr2wyj]{font-size:32px}.smaller[data-astro-cid-mbxr2wyj] .size-line[data-astro-cid-mbxr2wyj]{background:#075c75;color:#fff}.pilot-steps[data-astro-cid-mbxr2wyj]{max-width:850px}.step[data-astro-cid-mbxr2wyj]{display:grid;grid-template-columns:50px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--border-color)}.step-number[data-astro-cid-mbxr2wyj]{font:24px/1.2 DM Mono,monospace;color:var(--brand-primary);padding-top:4px}.step[data-astro-cid-mbxr2wyj] h2[data-astro-cid-mbxr2wyj]{margin:0 0 20px}.step[data-astro-cid-mbxr2wyj] code[data-astro-cid-mbxr2wyj],.fallback[data-astro-cid-mbxr2wyj] code[data-astro-cid-mbxr2wyj]{font-family:DM Mono,monospace;font-size:.85em;background:var(--bg-inset);padding:2px 4px}.step[data-astro-cid-mbxr2wyj] li[data-astro-cid-mbxr2wyj]{margin:12px 0}.fallback[data-astro-cid-mbxr2wyj]{background:var(--bg-card);border:1px solid var(--border-color);border-top:4px solid var(--text-link);border-radius:8px;padding:24px 32px;max-width:850px;margin-top:30px}.fallback[data-astro-cid-mbxr2wyj] h2[data-astro-cid-mbxr2wyj]{margin-top:0}.fallback[data-astro-cid-mbxr2wyj] details[data-astro-cid-mbxr2wyj]{padding:12px 0;border-top:1px solid var(--border-color)}.fallback[data-astro-cid-mbxr2wyj] summary[data-astro-cid-mbxr2wyj]{cursor:pointer;font-weight:600}.fallback[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj]{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-inset);padding:20px;font-size:13px}.fallback[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj] code[data-astro-cid-mbxr2wyj]{padding:0}.fallback[data-astro-cid-mbxr2wyj] p[data-astro-cid-mbxr2wyj]{font-size:16px}@media(max-width:1000px){.lab-panels[data-astro-cid-mbxr2wyj]{grid-template-columns:1fr}.source-area[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj]{font-size:14px}.demo-notice[data-astro-cid-mbxr2wyj]{max-width:520px}.pilot-intro[data-astro-cid-mbxr2wyj]{gap:24px;grid-template-columns:1fr 220px}.lab-heading[data-astro-cid-mbxr2wyj]{align-items:start;flex-direction:column;gap:8px}}@media(max-width:620px){.pilot-intro[data-astro-cid-mbxr2wyj]{grid-template-columns:1fr;gap:8px}.preview-area[data-astro-cid-mbxr2wyj]{padding:26px 16px}.pixel-lab[data-astro-cid-mbxr2wyj]{margin-right:0}.lab-tools[data-astro-cid-mbxr2wyj]:not([hidden]),.lab-heading[data-astro-cid-mbxr2wyj],.source-area[data-astro-cid-mbxr2wyj]{padding:18px}.source-area[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj]{font-size:11px}.step[data-astro-cid-mbxr2wyj]{grid-template-columns:30px 1fr;gap:12px}.fallback[data-astro-cid-mbxr2wyj]{padding:22px}.lab-tools[data-astro-cid-mbxr2wyj] #reset-demo[data-astro-cid-mbxr2wyj]{margin-left:0}}@media print{@page{margin:15mm}.pilot-intro[data-astro-cid-mbxr2wyj]{margin-bottom:18px}.pilot-intro[data-astro-cid-mbxr2wyj] h1[data-astro-cid-mbxr2wyj]{font-size:28pt}.pilot-intro[data-astro-cid-mbxr2wyj] .page-intro[data-astro-cid-mbxr2wyj]{font-size:12pt}.pilot-goal[data-astro-cid-mbxr2wyj]{font-size:10pt}.lab-heading[data-astro-cid-mbxr2wyj]{padding:12px}.lab-heading[data-astro-cid-mbxr2wyj] h2[data-astro-cid-mbxr2wyj]{font-size:15pt}.lab-tools[data-astro-cid-mbxr2wyj]{display:none!important}.lab-panels[data-astro-cid-mbxr2wyj]{display:grid;grid-template-columns:1fr 1fr}.preview-area[data-astro-cid-mbxr2wyj]{background:#fff;padding:12px}.source-area[data-astro-cid-mbxr2wyj]{background:#eee;color:#000;padding:12px}.source-area[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj]{white-space:pre-wrap;font-size:8pt}.source-area[data-astro-cid-mbxr2wyj] p[data-astro-cid-mbxr2wyj]{font-size:9pt}.source-area[data-astro-cid-mbxr2wyj] h3[data-astro-cid-mbxr2wyj]{color:#000}.pixel-lab[data-astro-cid-mbxr2wyj]{background:#fff;border-color:#aaa;break-inside:avoid}.fallback[data-astro-cid-mbxr2wyj]{background:#fff;border-color:#aaa}.step[data-astro-cid-mbxr2wyj] code[data-astro-cid-mbxr2wyj],.fallback[data-astro-cid-mbxr2wyj] code[data-astro-cid-mbxr2wyj],.fallback[data-astro-cid-mbxr2wyj] pre[data-astro-cid-mbxr2wyj]{background:#eee;color:#000}.pilot-intro[data-astro-cid-mbxr2wyj]{display:block}.step[data-astro-cid-mbxr2wyj]{break-inside:avoid}.fallback[data-astro-cid-mbxr2wyj] details[data-astro-cid-mbxr2wyj]{display:block}.fallback[data-astro-cid-mbxr2wyj] details[data-astro-cid-mbxr2wyj]::details-content{content-visibility:visible;display:block}}