.demotour[data-astro-cid-6ax2sqwe]{display:inline-block}.demo-open[data-astro-cid-6ax2sqwe]{display:inline-flex;align-items:center;gap:.5em;font:inherit;font-weight:700;font-size:.95rem;padding:.62em 1.2em;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);cursor:pointer;transition:transform .15s ease,background .15s ease}.demo-open[data-astro-cid-6ax2sqwe]:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 20%)}.demo-open[data-astro-cid-6ax2sqwe] .play[data-astro-cid-6ax2sqwe]{font-size:.72em}.demo-modal[data-astro-cid-6ax2sqwe]{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 640px){.demo-modal[data-astro-cid-6ax2sqwe]{padding:12px}}.demo-modal[data-astro-cid-6ax2sqwe][hidden]{display:none}.demo-backdrop[data-astro-cid-6ax2sqwe]{position:absolute;inset:0;background:#060a10b8;backdrop-filter:blur(3px)}.demo-dialog[data-astro-cid-6ax2sqwe]{position:relative;z-index:1;width:min(1180px,100%);max-height:calc(100dvh - 40px);background:var(--surface);color:var(--ink);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 90px -30px #0009}.demo-bar[data-astro-cid-6ax2sqwe]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.demo-title[data-astro-cid-6ax2sqwe]{font-weight:800;font-size:1.02rem}.demo-close[data-astro-cid-6ax2sqwe]{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--ground);color:var(--ink);font-size:1rem;cursor:pointer;line-height:1}.demo-close[data-astro-cid-6ax2sqwe]:hover{border-color:var(--accent)}.demo-body[data-astro-cid-6ax2sqwe]{display:grid;grid-template-columns:1fr;overflow:auto;min-height:0}@media (min-width: 760px){.demo-body[data-astro-cid-6ax2sqwe]{grid-template-columns:1.6fr 1fr}}.demo-stage[data-astro-cid-6ax2sqwe]{display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--ground) 70%,var(--accent-soft) 30%);min-height:300px}.demo-img[data-astro-cid-6ax2sqwe]{max-width:100%;max-height:min(76dvh,660px);width:auto;height:auto;border-radius:14px;box-shadow:0 20px 50px -22px #00000080}.demo-img[data-astro-cid-6ax2sqwe][hidden]{display:none}.demo-side[data-astro-cid-6ax2sqwe]{display:flex;flex-direction:column;padding:24px 26px 22px}@media (max-width: 759px){.demo-stage[data-astro-cid-6ax2sqwe]{min-height:0;padding:16px 16px 10px}.demo-img[data-astro-cid-6ax2sqwe]{max-height:40dvh}.demo-side[data-astro-cid-6ax2sqwe]{padding:16px 20px 20px}.demo-steps[data-astro-cid-6ax2sqwe]{margin:10px 0 14px}.demo-step[data-astro-cid-6ax2sqwe] h3[data-astro-cid-6ax2sqwe]{font-size:1.15rem}.demo-bar[data-astro-cid-6ax2sqwe]{padding:12px 14px}.demo-title[data-astro-cid-6ax2sqwe]{font-size:.95rem}}.demo-count[data-astro-cid-6ax2sqwe]{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}.demo-count[data-astro-cid-6ax2sqwe] b[data-astro-cid-6ax2sqwe]{color:var(--accent-ink)}.demo-steps[data-astro-cid-6ax2sqwe]{flex:1;margin:12px 0 18px}.demo-step[data-astro-cid-6ax2sqwe][hidden]{display:none}.demo-role[data-astro-cid-6ax2sqwe]{display:inline-block;margin-bottom:12px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:5px 11px;border-radius:999px}.demo-step[data-astro-cid-6ax2sqwe] h3[data-astro-cid-6ax2sqwe]{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 10px;line-height:1.15}.demo-step[data-astro-cid-6ax2sqwe] p[data-astro-cid-6ax2sqwe]{margin:0;color:var(--ink-soft);line-height:1.6}.demo-nav[data-astro-cid-6ax2sqwe]{display:flex;align-items:center;gap:14px}.demo-prev[data-astro-cid-6ax2sqwe],.demo-next[data-astro-cid-6ax2sqwe]{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.1rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.demo-prev[data-astro-cid-6ax2sqwe]:hover,.demo-next[data-astro-cid-6ax2sqwe]:hover{border-color:var(--accent)}.demo-prev[data-astro-cid-6ax2sqwe]:disabled,.demo-next[data-astro-cid-6ax2sqwe]:disabled{opacity:.35;cursor:default;border-color:var(--line)}.demo-dots[data-astro-cid-6ax2sqwe]{display:flex;gap:8px;margin:0 auto}.demo-dot[data-astro-cid-6ax2sqwe]{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:var(--line);cursor:pointer;transition:background .2s ease,width .2s ease}.demo-dot[data-astro-cid-6ax2sqwe].is-active{background:var(--accent);width:24px}.demo-prev[data-astro-cid-6ax2sqwe]:focus-visible,.demo-next[data-astro-cid-6ax2sqwe]:focus-visible,.demo-dot[data-astro-cid-6ax2sqwe]:focus-visible,.demo-close[data-astro-cid-6ax2sqwe]:focus-visible,.demo-open[data-astro-cid-6ax2sqwe]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.demo-open[data-astro-cid-6ax2sqwe],.demo-prev[data-astro-cid-6ax2sqwe],.demo-next[data-astro-cid-6ax2sqwe],.demo-dot[data-astro-cid-6ax2sqwe]{transition:none}}