.head[data-astro-cid-z7mdiiz3]{text-align:center;justify-items:center;gap:18px;padding-block:clamp(40px,7vw,88px) clamp(36px,5vw,56px);display:grid}h1[data-astro-cid-z7mdiiz3]{font-size:clamp(2.6rem,1.6rem + 4vw,5rem)}.head[data-astro-cid-z7mdiiz3] .lede[data-astro-cid-z7mdiiz3]{max-width:620px}.tool[data-astro-cid-z7mdiiz3]{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}.panel[data-astro-cid-z7mdiiz3]{top:calc(var(--header-h) + 20px);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--card);box-shadow:var(--shadow);gap:14px;padding:24px;display:grid;position:sticky}.panel-head[data-astro-cid-z7mdiiz3] h2[data-astro-cid-z7mdiiz3]{font-family:var(--serif);letter-spacing:-.01em;font-size:1.6rem;font-weight:400}.panel-head[data-astro-cid-z7mdiiz3] p[data-astro-cid-z7mdiiz3]{color:var(--ink-2);margin-top:4px;font-size:15px}.pick[data-astro-cid-z7mdiiz3]{border:1.5px dashed color-mix(in srgb, var(--accent) 55%, transparent);background:var(--accent-soft);height:76px;color:var(--accent);cursor:pointer;transition:background-color .2s, border-color .2s, transform .3s var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:500;display:flex}.pick[data-astro-cid-z7mdiiz3]:hover,.tool[data-astro-cid-z7mdiiz3][data-dragging] .pick[data-astro-cid-z7mdiiz3]{border-color:var(--accent)}.tool[data-astro-cid-z7mdiiz3][data-dragging] .pick[data-astro-cid-z7mdiiz3]{background:color-mix(in srgb, var(--accent) 16%, var(--card));border-width:2px;transform:scale(1.02)}.pick-drop[data-astro-cid-z7mdiiz3],.tool[data-astro-cid-z7mdiiz3][data-dragging] .pick-idle[data-astro-cid-z7mdiiz3]{display:none}.tool[data-astro-cid-z7mdiiz3][data-dragging] .pick-drop[data-astro-cid-z7mdiiz3]{display:inline}.tool[data-astro-cid-z7mdiiz3]:has(input:focus-visible) .pick[data-astro-cid-z7mdiiz3]{outline:2px solid var(--focus);outline-offset:3px}.pick-hint[data-astro-cid-z7mdiiz3]{color:var(--ink-3);text-align:center;margin-top:-6px;font-size:13px}.colors[data-astro-cid-z7mdiiz3]{gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.colors[data-astro-cid-z7mdiiz3] li{grid-template-columns:44px auto 1fr;align-items:center;gap:12px;display:grid}.colors[data-astro-cid-z7mdiiz3] .chip{background:var(--c);height:34px;color:var(--t);border-radius:9px;place-items:center;font-size:14px;font-weight:500;display:grid;box-shadow:inset 0 0 0 1px #0000000f}.colors[data-astro-cid-z7mdiiz3] .text-tag{color:var(--ink-3);justify-self:end;font-size:13px}.copy-all[data-astro-cid-z7mdiiz3]{justify-self:start;margin-top:4px}.panel-foot[data-astro-cid-z7mdiiz3]{border-top:1px solid var(--line);color:var(--ink-3);padding-top:14px;font-size:13px;line-height:1.5}.explain[data-astro-cid-z7mdiiz3]{padding-top:clamp(72px,9vw,120px)}.cols[data-astro-cid-z7mdiiz3]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.block[data-astro-cid-z7mdiiz3]{border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:var(--card);align-content:start;gap:16px;padding:clamp(24px,4vw,40px);display:grid}.block[data-astro-cid-z7mdiiz3] .h2[data-astro-cid-z7mdiiz3]{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.5rem)}.block[data-astro-cid-z7mdiiz3] p[data-astro-cid-z7mdiiz3]:not(.kicker){color:var(--ink-2)}.steps[data-astro-cid-z7mdiiz3]{color:var(--ink-2);gap:10px;margin:0;padding-left:1.3em;display:grid}.steps[data-astro-cid-z7mdiiz3] li[data-astro-cid-z7mdiiz3]::marker{color:var(--accent);font-weight:600}.steps[data-astro-cid-z7mdiiz3] b[data-astro-cid-z7mdiiz3]{color:var(--ink);font-weight:600}.pro[data-astro-cid-z7mdiiz3]{background:radial-gradient(70% 70% at 100% 0%, #b8a8d840, transparent 70%), radial-gradient(60% 60% at 0% 100%, #a7c19a38, transparent 70%), var(--card)}.actions[data-astro-cid-z7mdiiz3]{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px;display:flex}.how[data-astro-cid-z7mdiiz3]{padding-block:clamp(72px,9vw,120px)}.how-inner[data-astro-cid-z7mdiiz3]{gap:16px;display:grid}dl[data-astro-cid-z7mdiiz3]{grid-template-columns:repeat(4,1fr);gap:28px;margin:24px 0 0;display:grid}dl[data-astro-cid-z7mdiiz3] div[data-astro-cid-z7mdiiz3]{border-top:2px solid var(--ink);padding-top:18px}dt[data-astro-cid-z7mdiiz3]{font-size:17px;font-weight:500}dd[data-astro-cid-z7mdiiz3]{color:var(--ink-2);margin:8px 0 0;font-size:15px;line-height:1.6}@media (width<=1000px){.tool[data-astro-cid-z7mdiiz3]{grid-template-columns:1fr}.panel[data-astro-cid-z7mdiiz3]{position:static}dl[data-astro-cid-z7mdiiz3]{grid-template-columns:1fr 1fr}}@media (width<=760px){.cols[data-astro-cid-z7mdiiz3],dl[data-astro-cid-z7mdiiz3]{grid-template-columns:1fr}}