.pieces[data-astro-cid-hxosc4yl]{margin:0}.pieces-stage[data-astro-cid-hxosc4yl]{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);border:1px solid #e2e8f0;border-radius:24px;padding:20px}.pieces-cols[data-astro-cid-hxosc4yl]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.pieces-col[data-astro-cid-hxosc4yl]{min-width:0}.pieces-col[data-astro-cid-hxosc4yl].is-offset{margin-top:28px}.pieces-list[data-astro-cid-hxosc4yl]{gap:14px;margin:0;padding:0;list-style:none;display:grid}.pieces-list[data-astro-cid-hxosc4yl].is-copy,.piece[data-astro-cid-hxosc4yl].is-loop-only{display:none}.piece[data-astro-cid-hxosc4yl]{border-radius:14px;padding:14px 16px 16px}.piece[data-astro-cid-hxosc4yl].is-used{background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0f172a0d,0 10px 24px -18px #0f172a4d}.piece[data-astro-cid-hxosc4yl].is-available{background:#f8fafcb3;border:1px dashed #94a3b8}.piece-head[data-astro-cid-hxosc4yl]{justify-content:space-between;align-items:center;gap:8px;display:flex}.piece-icon[data-astro-cid-hxosc4yl]{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.piece-icon[data-astro-cid-hxosc4yl] svg{width:18px;height:18px}.is-used[data-astro-cid-hxosc4yl] .piece-icon[data-astro-cid-hxosc4yl]{color:#1d4ed8;background:#eff6ff}.is-available[data-astro-cid-hxosc4yl] .piece-icon[data-astro-cid-hxosc4yl]{color:#64748b;background:#f1f5f9}.piece-state[data-astro-cid-hxosc4yl]{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;line-height:18px}.is-used[data-astro-cid-hxosc4yl] .piece-state[data-astro-cid-hxosc4yl]{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.is-available[data-astro-cid-hxosc4yl] .piece-state[data-astro-cid-hxosc4yl]{color:#475569;border:1px dashed #94a3b8}.piece-title[data-astro-cid-hxosc4yl]{color:#0f172a;margin-top:12px;font-size:14px;font-weight:600;line-height:1.35}.piece-result[data-astro-cid-hxosc4yl]{color:#475569;margin-top:2px;font-size:13px;line-height:1.45}.piece-message[data-astro-cid-hxosc4yl]{color:#0f172a;background:#f1f5f9;border-radius:14px 14px 14px 4px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.45}.piece-message[data-astro-cid-hxosc4yl] span[data-astro-cid-hxosc4yl]{color:#64748b;margin-bottom:2px;font-size:11px;font-weight:600;display:block}@media (width<=639px){.pieces-stage[data-astro-cid-hxosc4yl]{border-radius:20px;padding:12px}.pieces-cols[data-astro-cid-hxosc4yl]{grid-template-columns:minmax(0,1fr);gap:10px}.pieces-col[data-astro-cid-hxosc4yl],.pieces-track[data-astro-cid-hxosc4yl],.pieces-list[data-astro-cid-hxosc4yl]{display:contents}.pieces-col[data-astro-cid-hxosc4yl].is-offset{margin-top:0}.piece[data-astro-cid-hxosc4yl].is-available{order:1}.piece[data-astro-cid-hxosc4yl]{-moz-column-gap:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:12px 14px;display:grid}.piece-head[data-astro-cid-hxosc4yl]{display:contents}.piece-icon[data-astro-cid-hxosc4yl]{grid-area:1/1/span 2}.piece-state[data-astro-cid-hxosc4yl]{grid-area:1/3/span 2}.piece-title[data-astro-cid-hxosc4yl]{grid-area:1/2;margin-top:0}.piece-result[data-astro-cid-hxosc4yl]{grid-area:2/2}.piece-message[data-astro-cid-hxosc4yl]{grid-area:3/1/auto/-1;margin-top:12px}}@media (prefers-reduced-motion:no-preference) and (width>=640px){.pieces-stage[data-astro-cid-hxosc4yl]{padding-block:0}.pieces-window[data-astro-cid-hxosc4yl]{height:30rem;margin-inline:-8px;padding-inline:8px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.pieces-list[data-astro-cid-hxosc4yl]{padding-bottom:14px}.pieces-list[data-astro-cid-hxosc4yl].is-copy{display:grid}.piece[data-astro-cid-hxosc4yl].is-loop-only{display:block}.pieces-col[data-astro-cid-hxosc4yl].is-offset{margin-top:0}.pieces-track[data-astro-cid-hxosc4yl]{animation:60s linear infinite pieces-drift}.is-offset[data-astro-cid-hxosc4yl] .pieces-track[data-astro-cid-hxosc4yl]{animation-duration:68s;animation-delay:-22s}.pieces-window[data-astro-cid-hxosc4yl]:hover .pieces-track[data-astro-cid-hxosc4yl]{animation-play-state:paused}}@media (prefers-reduced-motion:no-preference) and (width>=1024px){.pieces-window[data-astro-cid-hxosc4yl]{height:36rem}}@keyframes pieces-drift{to{transform:translateY(-50%)}}.pieces-caption[data-astro-cid-hxosc4yl]{color:#475569;margin-top:20px;font-size:14px;line-height:1.5}h1[data-astro-cid-rbyk7boj],h2[data-astro-cid-rbyk7boj],h3[data-astro-cid-rbyk7boj]{text-wrap:balance}a[data-astro-cid-rbyk7boj]:focus-visible,summary[data-astro-cid-rbyk7boj]:focus-visible,[data-astro-cid-rbyk7boj][role=region]:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #2563eb}[data-astro-cid-rbyk7boj]::selection{color:#172554;background:#dbeafe}.hero-walkthrough[data-astro-cid-rbyk7boj],.closing-walkthrough[data-astro-cid-rbyk7boj]{justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-weight:600;display:inline-flex}.hero-walkthrough[data-astro-cid-rbyk7boj]{color:#334155}.hero-walkthrough[data-astro-cid-rbyk7boj]:hover{color:#1d4ed8;text-underline-offset:5px;text-decoration:underline}.closing-walkthrough[data-astro-cid-rbyk7boj]{color:#dbeafe}.closing-walkthrough[data-astro-cid-rbyk7boj]:hover{color:#fff;text-underline-offset:5px;text-decoration:underline}