.pf[data-astro-cid-zyatjrcb]{margin-top:64px}.pf__head[data-astro-cid-zyatjrcb]{flex-direction:column;gap:12px;max-width:780px;display:flex}.pf__head[data-astro-cid-zyatjrcb] h2[data-astro-cid-zyatjrcb]{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;font-stretch:118%;line-height:1.05}.pf__head[data-astro-cid-zyatjrcb] p[data-astro-cid-zyatjrcb]{color:var(--fg-2);margin:0}.pf__steps[data-astro-cid-zyatjrcb]{counter-reset:s;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pf__steps[data-astro-cid-zyatjrcb] li[data-astro-cid-zyatjrcb]{counter-increment:s;border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;align-items:baseline;gap:8px;padding:7px 14px 7px 10px;font-size:14px;display:flex}.pf__steps[data-astro-cid-zyatjrcb] li[data-astro-cid-zyatjrcb]:before{content:counter(s, decimal-leading-zero);font-family:var(--mono);color:var(--mint);font-size:11.5px}.pf__ops[data-astro-cid-zyatjrcb]{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;margin-top:28px;display:grid}.pf-op[data-astro-cid-zyatjrcb]{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.pf-op__fig[data-astro-cid-zyatjrcb]{background:var(--bg-solid);border-bottom:1px solid var(--line);width:100%;height:auto;padding:8px 0;display:block}.pf-op__fig[data-astro-cid-zyatjrcb] .ghost[data-astro-cid-zyatjrcb]{fill:none;stroke:#ffffff47;stroke-width:1px;stroke-dasharray:3 3}.pf-op__fig[data-astro-cid-zyatjrcb] .res[data-astro-cid-zyatjrcb],.pf-op__fig[data-astro-cid-zyatjrcb] .res[data-astro-cid-zyatjrcb] [data-astro-cid-zyatjrcb]{fill:var(--mint)}.pf-op__body[data-astro-cid-zyatjrcb]{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.pf-op[data-astro-cid-zyatjrcb] h3[data-astro-cid-zyatjrcb]{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:22px;font-weight:700;font-stretch:110%;display:flex}.pf-op__ai[data-astro-cid-zyatjrcb]{font-family:var(--mono);color:var(--fg-3);letter-spacing:0;font-size:11px;font-weight:400}.pf-op[data-astro-cid-zyatjrcb] p[data-astro-cid-zyatjrcb]{color:var(--fg-2);margin:0;font-size:15px}.pf-op__use[data-astro-cid-zyatjrcb] strong[data-astro-cid-zyatjrcb]{color:var(--fg);font-weight:600}.pf-op__try[data-astro-cid-zyatjrcb]{color:var(--mint);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:4px 0 0;font-size:15px;font-weight:600}.pf-op__try[data-astro-cid-zyatjrcb]:hover{color:var(--hover-light)}.pf__cols[data-astro-cid-zyatjrcb]{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px;margin-top:14px;display:grid}.pf__rules[data-astro-cid-zyatjrcb],.pf__more[data-astro-cid-zyatjrcb]{border:1px solid var(--line);background:var(--surface-2);border-radius:22px;padding:clamp(20px,3vw,28px)}.pf__cols[data-astro-cid-zyatjrcb] h3[data-astro-cid-zyatjrcb]{margin:0 0 12px;font-size:18px;font-weight:700}.pf__rules[data-astro-cid-zyatjrcb] ul[data-astro-cid-zyatjrcb]{color:var(--fg-2);flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.pf__rules[data-astro-cid-zyatjrcb] li[data-astro-cid-zyatjrcb]{grid-template-columns:14px 1fr;align-items:baseline;gap:12px;display:grid}.pf__rules[data-astro-cid-zyatjrcb] li[data-astro-cid-zyatjrcb]:before{content:"";border:1.3px solid var(--mint);border-radius:2px;width:8px;height:8px;transform:translateY(-1px)}.pf__more[data-astro-cid-zyatjrcb]>p[data-astro-cid-zyatjrcb]{color:var(--fg-2);margin:0 0 12px;font-size:15px}.pf__more[data-astro-cid-zyatjrcb] dl[data-astro-cid-zyatjrcb]{border-top:1px solid var(--line);flex-direction:column;margin:0;display:flex}.pf__more[data-astro-cid-zyatjrcb] dl[data-astro-cid-zyatjrcb] div[data-astro-cid-zyatjrcb]{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:12px;padding:10px 0;display:grid}.pf__more[data-astro-cid-zyatjrcb] dt[data-astro-cid-zyatjrcb]{font-size:14.5px;font-weight:600}.pf__more[data-astro-cid-zyatjrcb] dd[data-astro-cid-zyatjrcb]{color:var(--fg-2);margin:0;font-size:14.5px}.pf__tip[data-astro-cid-zyatjrcb]{border-left:3px solid var(--mint);padding-left:12px;margin:14px 0 0!important;font-size:14px!important}@media (width<=419.98px){.pf__more[data-astro-cid-zyatjrcb] dl[data-astro-cid-zyatjrcb] div[data-astro-cid-zyatjrcb]{grid-template-columns:1fr;gap:2px}}.vw-head[data-astro-cid-ch3shz35]{flex-direction:column;align-items:flex-start;padding:clamp(40px,6vw,72px) 0 0;display:flex}.back[data-astro-cid-ch3shz35]{font-family:var(--mono);color:var(--fg-3);margin-bottom:28px;font-size:12.5px}.back[data-astro-cid-ch3shz35]:hover{color:var(--mint)}.vw-head[data-astro-cid-ch3shz35] .page-h1[data-astro-cid-ch3shz35]{margin-top:14px}.vw[data-astro-cid-ch3shz35]{margin-top:48px}.challenge[data-astro-cid-ch3shz35]{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.ch-label[data-astro-cid-ch3shz35]{width:100%;margin-bottom:-4px}.ch-chips[data-astro-cid-ch3shz35]{flex-wrap:wrap;flex:320px;gap:8px;min-width:0;display:flex}.ch-chips[data-astro-cid-ch3shz35] button{border:1px solid var(--line-2);color:var(--fg);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:8px 14px;font-size:14px;line-height:1.4}.ch-chips[data-astro-cid-ch3shz35] button:hover{border-color:var(--mint)}.ch-chips[data-astro-cid-ch3shz35] button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:var(--ink);font-weight:600}.ch-stats[data-astro-cid-ch3shz35]{flex-wrap:wrap;gap:8px;display:flex}.stat[data-astro-cid-ch3shz35]{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:12px;align-items:baseline;gap:8px;padding:7px 13px;display:flex}.stat[data-astro-cid-ch3shz35] b[data-astro-cid-ch3shz35]{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.stat[data-astro-cid-ch3shz35] span[data-astro-cid-ch3shz35]{font-family:var(--mono);color:var(--fg-3);font-size:11px}.stat[data-astro-cid-ch3shz35].ok b[data-astro-cid-ch3shz35]{color:var(--mint)}.stat[data-astro-cid-ch3shz35].over b[data-astro-cid-ch3shz35]{color:var(--error)}.bench[data-astro-cid-ch3shz35]{grid-template-columns:64px minmax(0,1fr) 240px;gap:12px;margin-top:12px;display:grid}@media (width<=979.98px){.bench[data-astro-cid-ch3shz35]{grid-template-columns:minmax(0,1fr)}}.tools[data-astro-cid-ch3shz35]{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-self:start;gap:6px;padding:8px;display:flex}@media (width<=979.98px){.tools[data-astro-cid-ch3shz35]{flex-direction:row;overflow-x:auto}}.tools[data-astro-cid-ch3shz35] button{aspect-ratio:1;width:100%;min-width:46px;color:var(--fg-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;display:grid;position:relative}.tools[data-astro-cid-ch3shz35] button:hover{background:var(--surface);color:var(--fg)}.tools[data-astro-cid-ch3shz35] button[aria-pressed=true]{background:var(--mint);color:var(--ink)}.tools[data-astro-cid-ch3shz35] svg{width:21px;height:21px}.tools[data-astro-cid-ch3shz35] .k{font-family:var(--mono);opacity:.65;font-size:9px;position:absolute;bottom:2px;right:4px}.stage[data-astro-cid-ch3shz35]{background:var(--bg-solid);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-self:start;min-width:0;display:flex;overflow:hidden}.canvas-box[data-astro-cid-ch3shz35]{touch-action:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:28px 28px;height:540px;position:relative}.canvas-box[data-astro-cid-ch3shz35] canvas[data-astro-cid-ch3shz35]{touch-action:none;cursor:crosshair;display:block;position:absolute;inset:0}@media (width<=979.98px){.canvas-box[data-astro-cid-ch3shz35]{height:420px}}.stage-foot[data-astro-cid-ch3shz35]{border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;gap:14px;padding:9px 14px;font-size:13px;display:flex}.stage-foot[data-astro-cid-ch3shz35] .hint[data-astro-cid-ch3shz35]{flex:220px;min-width:0}.props[data-astro-cid-ch3shz35]{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-self:start;gap:18px;min-width:0;padding:16px;display:flex}.grp[data-astro-cid-ch3shz35] h2[data-astro-cid-ch3shz35]{font-family:var(--mono);color:var(--fg-3);text-transform:lowercase;margin:0 0 9px;font-size:11px;font-weight:500}.grp[data-astro-cid-ch3shz35] h2[data-astro-cid-ch3shz35]:before{content:"// "}.grp__help[data-astro-cid-ch3shz35]{float:right;text-transform:none;font-size:11px}.swatches[data-astro-cid-ch3shz35]{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.swatches[data-astro-cid-ch3shz35] button{aspect-ratio:1;border:1.5px solid var(--line-2);cursor:pointer;border-radius:7px;padding:0;position:relative}.swatches[data-astro-cid-ch3shz35] button[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 2px #45efad59}.swatches[data-astro-cid-ch3shz35] button.none{background:0 0;overflow:hidden}.swatches[data-astro-cid-ch3shz35] button.none:after{content:"";background:linear-gradient(to top left, transparent 46%, var(--error) 46%, var(--error) 54%, transparent 54%);position:absolute;inset:0}.seg[data-astro-cid-ch3shz35]{gap:6px;margin-bottom:9px;display:flex}.seg[data-astro-cid-ch3shz35] button[data-astro-cid-ch3shz35]{border:1px solid var(--line-2);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:9px;flex:1;padding:7px 4px;font-size:13px;font-weight:600}.seg[data-astro-cid-ch3shz35] button[data-astro-cid-ch3shz35][aria-pressed=true]{color:var(--fg);border-color:var(--mint);background:#45efad14}.range-row[data-astro-cid-ch3shz35]{align-items:center;gap:10px;display:flex}.range-row[data-astro-cid-ch3shz35] input[data-astro-cid-ch3shz35]{min-width:0;accent-color:var(--mint);flex:1}.range-row[data-astro-cid-ch3shz35] output[data-astro-cid-ch3shz35]{font-family:var(--mono);text-align:right;min-width:28px;font-size:13px}.btns[data-astro-cid-ch3shz35]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.vbtn[data-astro-cid-ch3shz35]{border:1px solid var(--line-2);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:10px;padding:8px 6px;font-size:13px;font-weight:600}.vbtn[data-astro-cid-ch3shz35]:hover{border-color:var(--mint);color:var(--fg)}.vbtn[data-astro-cid-ch3shz35].wide{grid-column:1/-1}.vbtn[data-astro-cid-ch3shz35].is-pulse{border-color:var(--mint);color:var(--fg);animation:1.1s 3 pulse}@keyframes pulse{50%{box-shadow:0 0 0 4px #45efad73}}.vbtn[data-astro-cid-ch3shz35].mint{background:var(--mint);border-color:var(--mint);color:var(--ink)}.vbtn[data-astro-cid-ch3shz35].mint:hover{background:var(--hover-light)}.vbtn[data-astro-cid-ch3shz35].danger:hover{border-color:var(--error);color:var(--error)}.keys[data-astro-cid-ch3shz35]{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px;margin-top:40px;padding-top:28px;display:grid}.keys[data-astro-cid-ch3shz35] h3[data-astro-cid-ch3shz35]{margin:0 0 10px;font-size:16px;font-weight:700}.keys[data-astro-cid-ch3shz35] ul[data-astro-cid-ch3shz35]{color:var(--fg-2);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.keys[data-astro-cid-ch3shz35] li[data-astro-cid-ch3shz35]{align-items:baseline;gap:8px;display:flex}.keys[data-astro-cid-ch3shz35] kbd[data-astro-cid-ch3shz35]{font-family:var(--mono);border:1px solid var(--line-2);color:var(--fg);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11px}.vw-cta[data-astro-cid-ch3shz35]{padding-top:96px}.vw-cta__card[data-astro-cid-ch3shz35]{border:1px solid var(--line);background:var(--surface);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,4vw,48px);display:flex}.vw-cta[data-astro-cid-ch3shz35] h2[data-astro-cid-ch3shz35]{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(26px,3vw,38px);font-weight:700;font-stretch:118%;line-height:1.05}.vw-cta[data-astro-cid-ch3shz35] p[data-astro-cid-ch3shz35]{color:var(--fg-2);max-width:560px;margin:0}@media (hover:none){.keys[data-astro-cid-ch3shz35]>div[data-astro-cid-ch3shz35]:nth-child(-n+2),.tools[data-astro-cid-ch3shz35] .k{display:none}}