.x9PEqa_content{margin-top:32px}.x9PEqa_content section{scroll-margin-top:32px}.x9PEqa_contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 32px;padding:20px 0;font-size:14px;line-height:20px;display:flex}.x9PEqa_contents>span{color:var(--muted);margin-right:auto}.x9PEqa_contents a{min-height:32px;color:var(--ink);align-items:center;display:inline-flex}.x9PEqa_layoutSection,.x9PEqa_pixelSection,.x9PEqa_formatSection,.x9PEqa_exportSection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;padding:80px 0;display:grid}.x9PEqa_copy{max-width:490px}.x9PEqa_content h2{letter-spacing:-.6px;font-size:32px;font-weight:600;line-height:40px}.x9PEqa_label{color:var(--blue);margin-bottom:16px;font-size:14px;font-weight:600;line-height:20px}.x9PEqa_copy>p:not(.x9PEqa_label){color:var(--muted);max-width:46ch;margin-top:20px}.x9PEqa_content figure{min-width:0;margin:0}.x9PEqa_content figcaption{color:var(--muted);font-size:12px;line-height:20px}.x9PEqa_coastFigure{background:var(--subtle);border-radius:8px;padding:24px}.x9PEqa_coastGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.x9PEqa_coastTile{min-width:0;position:relative}.x9PEqa_coastTile img,.x9PEqa_stripExample img{width:100%;height:auto;display:block}.x9PEqa_coastTile>span{background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:2px;padding:0 5px;font-size:11px;line-height:20px;position:absolute;top:6px;left:6px}.x9PEqa_coastFigure figcaption{flex-direction:column;gap:4px;margin-top:20px;display:flex}.x9PEqa_coastFigure figcaption strong{color:var(--ink);font-size:14px;font-weight:600}.x9PEqa_stripExamples{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:400px;margin-top:32px;display:grid}.x9PEqa_stripExample>div{gap:4px;display:grid}.x9PEqa_horizontal{grid-template-columns:1fr}.x9PEqa_vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.x9PEqa_stripExample figcaption{margin-top:8px}.x9PEqa_howSection{background:var(--subtle);border-radius:8px;padding:40px}.x9PEqa_sectionHeading{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.x9PEqa_sectionHeading>p{color:var(--muted);font-size:14px;line-height:20px}.x9PEqa_steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0 0;padding:0;list-style:none;display:grid}.x9PEqa_steps li>span{color:var(--blue);margin-bottom:16px;font-size:14px;font-weight:600;line-height:20px;display:block}.x9PEqa_steps h3{margin-bottom:12px;font-size:18px;line-height:26px}.x9PEqa_steps p{color:var(--muted);font-size:14px;line-height:22px}.x9PEqa_pixelFigure{background:var(--blue-soft);border-radius:8px;padding:32px}.x9PEqa_pixelDiagram{grid-template-rows:24px auto;grid-template-columns:minmax(0,1fr) 32px;gap:8px;width:min(100%,350px);margin:0 auto;display:grid}.x9PEqa_columnSizes{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:25fr 25fr 25fr 26fr;align-items:center;font-size:12px;line-height:16px;display:grid}.x9PEqa_pixelGrid{aspect-ratio:101/103;grid-area:2/1;grid-template-rows:34fr 34fr 35fr;grid-template-columns:25fr 25fr 25fr 26fr;display:grid}.x9PEqa_pixelTile{outline-offset:-1px;outline:1px solid #ffffffbf;min-width:0;min-height:0;position:relative}.x9PEqa_pixelTile img{width:100%;height:100%;image-rendering:pixelated;display:block}.x9PEqa_pixelTile>span{background:var(--surface);color:var(--ink);border-radius:2px;padding:0 5px;font-size:12px;line-height:20px;position:absolute;top:6px;left:6px}.x9PEqa_rowSizes{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;grid-area:2/2;grid-template-rows:34fr 34fr 35fr;align-items:center;font-size:12px;line-height:16px;display:grid}.x9PEqa_pixelFigure figcaption{text-align:center;margin-top:24px}.x9PEqa_textLink,.x9PEqa_secondaryLink{align-items:center;gap:12px;min-height:44px;font-weight:600;line-height:24px;display:inline-flex}.x9PEqa_textLink{margin-top:24px}.x9PEqa_secondaryLink{font-weight:400}.x9PEqa_formatSection{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.x9PEqa_formatNotes{margin:24px 0 0}.x9PEqa_formatNotes>div{grid-template-columns:64px minmax(0,1fr);gap:16px;margin-top:20px;display:grid}.x9PEqa_formatNotes dt{font-weight:600}.x9PEqa_formatNotes dd{color:var(--muted);margin:0}.x9PEqa_formatFigure{background:#f6f5f2;border-radius:8px;padding:32px}.x9PEqa_formatPair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.x9PEqa_formatPair h3{margin:16px 0 4px}.x9PEqa_formatPair p{color:var(--muted);font-size:12px;line-height:20px}.x9PEqa_checker,.x9PEqa_solid{aspect-ratio:25/34;background:var(--surface);width:100%}.x9PEqa_checker{background-image:conic-gradient(#e5e7eb 25%, #fff 0 50%, #e5e7eb 0 75%, #fff 0);background-size:20px 20px}.x9PEqa_formatPair img{width:100%;height:100%;image-rendering:pixelated;display:block}.x9PEqa_formatFigure figcaption{margin-top:24px}.x9PEqa_archive{background:var(--subtle);border:1px solid var(--line);border-radius:8px;min-width:0;padding:32px}.x9PEqa_archiveTitle{border-bottom:1px solid var(--line);padding-bottom:20px;font-weight:600}.x9PEqa_archive ul{margin:20px 0;padding:0;list-style:none}.x9PEqa_archive li{justify-content:space-between;gap:16px;padding:8px 0;font-size:12px;line-height:20px;display:flex}.x9PEqa_archive li>span{color:var(--muted);white-space:nowrap}.x9PEqa_archiveMore{color:var(--muted)}.x9PEqa_archive a{align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;line-height:24px;display:inline-flex}.x9PEqa_copy code{font-size:14px}.x9PEqa_faqSection{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:80px;padding:64px 0;display:grid}.x9PEqa_questions details{border-bottom:1px solid var(--line)}.x9PEqa_questions details:first-child{border-top:1px solid var(--line)}.x9PEqa_questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-weight:600;list-style:none;display:flex}.x9PEqa_questions summary::-webkit-details-marker{display:none}.x9PEqa_questions summary>span{flex-shrink:0;width:16px;height:16px;position:relative}.x9PEqa_questions summary>span:before,.x9PEqa_questions summary>span:after{content:"";background:var(--muted);width:12px;height:1px;position:absolute;top:7px;left:2px}.x9PEqa_questions summary>span:after{transform:rotate(90deg)}.x9PEqa_questions details[open] summary>span:after{display:none}.x9PEqa_questions p{color:var(--muted);padding:0 32px 24px 0;font-size:14px;line-height:22px}.x9PEqa_guides{padding:48px 0}.x9PEqa_sectionHeading>a{white-space:nowrap;align-items:center;gap:12px;min-height:44px;font-size:14px;display:inline-flex}.x9PEqa_guideLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px;display:grid}.x9PEqa_guideLinks>a{color:var(--ink);border-top:2px solid var(--line);padding:24px 0 0}.x9PEqa_guideLinks>a:hover{border-color:var(--blue);text-decoration:none}.x9PEqa_guideLinks>a:hover h3{text-underline-offset:4px;text-decoration:underline}.x9PEqa_guideLinks>a>span{color:var(--muted);font-size:12px;line-height:20px}.x9PEqa_guideLinks h3{margin:8px 0 12px;font-size:18px;line-height:26px}.x9PEqa_guideLinks p{color:var(--muted);font-size:14px;line-height:22px}.x9PEqa_guideLinks b{color:var(--blue);margin-top:16px;font-weight:400;display:inline-block}.x9PEqa_returnToTool{background:var(--blue-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 48px;padding:32px 40px;display:flex}.x9PEqa_returnToTool p{font-size:22px;font-weight:600;line-height:30px}@media (max-width:1100px){.x9PEqa_layoutSection,.x9PEqa_pixelSection,.x9PEqa_formatSection,.x9PEqa_exportSection,.x9PEqa_faqSection{gap:40px}.x9PEqa_archive{padding:24px}.x9PEqa_archive li{flex-wrap:wrap;gap:0 12px}.x9PEqa_sectionHeading{align-items:flex-start}.x9PEqa_howSection .x9PEqa_sectionHeading{display:block}.x9PEqa_sectionHeading>p{margin-top:12px}}@media (max-width:767px){.x9PEqa_content{margin-top:16px}.x9PEqa_contents{gap:4px 20px;padding:16px 0}.x9PEqa_contents>span{width:100%;margin-bottom:4px;font-size:12px}.x9PEqa_contents a{min-height:44px}.x9PEqa_content h2{letter-spacing:-.3px;font-size:26px;line-height:34px}.x9PEqa_layoutSection,.x9PEqa_pixelSection,.x9PEqa_formatSection,.x9PEqa_exportSection,.x9PEqa_faqSection{grid-template-columns:minmax(0,1fr);gap:32px;padding:48px 0}.x9PEqa_copy{max-width:none}.x9PEqa_label{margin-bottom:12px;font-size:12px}.x9PEqa_copy>p:not(.x9PEqa_label){margin-top:16px;font-size:14px;line-height:22px}.x9PEqa_stripExamples{gap:20px;max-width:none;margin-top:24px}.x9PEqa_coastFigure,.x9PEqa_formatFigure,.x9PEqa_pixelFigure{padding:20px}.x9PEqa_coastGrid{gap:5px}.x9PEqa_coastTile>span{padding:0 3px;font-size:9px;line-height:16px;top:3px;left:3px}.x9PEqa_howSection{padding:24px}.x9PEqa_steps{grid-template-columns:1fr;gap:24px;margin-top:32px}.x9PEqa_steps li{grid-template-columns:24px minmax(0,1fr);column-gap:16px;display:grid}.x9PEqa_steps li>span{grid-row:1/3;margin:0;padding-top:3px}.x9PEqa_steps h3{margin-bottom:8px;font-size:16px;line-height:24px}.x9PEqa_steps p{grid-column:2}.x9PEqa_pixelFigure{order:1}.x9PEqa_pixelDiagram{grid-template-columns:minmax(0,1fr) 24px;gap:4px;max-width:280px}.x9PEqa_pixelTile>span{font-size:11px;line-height:18px;top:4px;left:4px}.x9PEqa_textLink,.x9PEqa_secondaryLink{font-size:14px;line-height:22px}.x9PEqa_formatPair{gap:20px}.x9PEqa_formatNotes>div{grid-template-columns:44px minmax(0,1fr);font-size:14px;line-height:22px}.x9PEqa_exportSection .x9PEqa_archive{order:1}.x9PEqa_archive{padding:20px}.x9PEqa_archive li{font-size:12px}.x9PEqa_archiveTitle{font-size:14px}.x9PEqa_faqSection{padding-bottom:0}.x9PEqa_questions summary{gap:16px;padding:18px 0;font-size:14px;line-height:22px}.x9PEqa_questions p{padding-right:0}.x9PEqa_guides{padding:48px 0 24px}.x9PEqa_guides .x9PEqa_sectionHeading{display:block}.x9PEqa_guideLinks{grid-template-columns:1fr;gap:24px;margin-top:16px}.x9PEqa_guideLinks>a{padding-top:20px}.x9PEqa_guideLinks h3{margin-bottom:8px}.x9PEqa_returnToTool{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px;padding:24px}.x9PEqa_returnToTool p{font-size:18px;font-weight:600;line-height:26px}.x9PEqa_returnToTool a{white-space:normal;width:100%;font-size:14px}}
.qmXxcq_gallery{min-width:0}.qmXxcq_heading{text-align:center;margin-bottom:20px}.qmXxcq_heading h2{font-size:18px;line-height:26px}.qmXxcq_heading p{color:var(--muted);max-width:64ch;margin:8px auto 0;font-size:14px;line-height:20px}.qmXxcq_examples{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px 20px;display:grid}.qmXxcq_example{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:8px;min-width:0;padding:0;display:block}.qmXxcq_example:disabled{opacity:.55}.qmXxcq_picture{aspect-ratio:1.6;background:var(--subtle);border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.qmXxcq_picture img{object-fit:cover;width:100%;height:100%;display:block}.qmXxcq_picture.qmXxcq_contain img{object-fit:contain;padding:12px}.qmXxcq_checker{background-image:conic-gradient(var(--line) 25%, #fff 0 50%, var(--line) 0 75%, #fff 0);background-size:18px 18px}.qmXxcq_layout{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:4px;padding:3px 7px;font-size:12px;line-height:16px;position:absolute;bottom:8px;left:8px}.qmXxcq_caption{justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;font-size:14px;line-height:20px;display:flex}.qmXxcq_caption strong{font-weight:600}.qmXxcq_caption>span{color:var(--blue)}.qmXxcq_details{color:var(--muted);margin-top:4px;font-size:12px;line-height:18px;display:block}@media (hover:hover) and (pointer:fine){.qmXxcq_example:hover:not(:disabled) .qmXxcq_caption strong{text-underline-offset:4px;text-decoration:underline}.qmXxcq_example:hover:not(:disabled) .qmXxcq_picture{outline:1px solid var(--border);outline-offset:3px}}@media (max-width:1023px){.qmXxcq_examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.qmXxcq_heading{margin-bottom:16px}.qmXxcq_examples{gap:20px 16px}.qmXxcq_picture{aspect-ratio:1.35}.qmXxcq_picture.qmXxcq_contain img{padding:8px}.qmXxcq_caption{align-items:flex-start;font-size:13px;line-height:18px}.qmXxcq_caption>span{display:none}.qmXxcq_details{line-height:18px}.qmXxcq_layout{padding:2px 5px;font-size:11px;line-height:16px;bottom:6px;left:6px}}