.pid-demo[data-astro-cid-6t6swfvp]{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--teal:#0d9488;--teal-ink:#0f766e;--card:#fff;--radius:18px;--shadow:0 24px 60px -28px #0f172a73;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color:var(--ink)}.pid-demo[data-astro-cid-6t6swfvp]:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 50% -10%,#eafaf7 0%,#eafaf700 60%),#f6f8fb;position:fixed;inset:0}.pid-demo[data-astro-cid-6t6swfvp] .wrap[data-astro-cid-6t6swfvp]{max-width:1080px;margin:0 auto;padding:clamp(40px,6vw,72px) 20px 80px}.pid-head[data-astro-cid-6t6swfvp]{text-align:center;margin-bottom:36px}.pid-eyebrow[data-astro-cid-6t6swfvp]{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink);background:#ecfdf5;border:1px solid #ccfbef;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pid-title[data-astro-cid-6t6swfvp]{letter-spacing:-.02em;margin:16px 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.12}.pid-title[data-astro-cid-6t6swfvp] em[data-astro-cid-6t6swfvp]{color:var(--teal);font-style:normal}.pid-lede[data-astro-cid-6t6swfvp]{max-width:640px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.55}.controls[data-astro-cid-6t6swfvp]{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px 16px;margin-top:28px;padding:18px 20px;display:inline-flex;box-shadow:0 16px 44px -32px #0f172a73}.field[data-astro-cid-6t6swfvp]{text-align:left;flex-direction:column;gap:7px;display:flex}.field[data-astro-cid-6t6swfvp]>span[data-astro-cid-6t6swfvp]{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:2px;font-size:10.5px;font-weight:700}.field[data-astro-cid-6t6swfvp] input[data-astro-cid-6t6swfvp]{font-family:var(--mono);color:var(--ink);border:1px solid var(--line);background:#f6f8fb;border-radius:10px;width:200px;max-width:42vw;padding:10px 13px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.field[data-astro-cid-6t6swfvp] input[data-astro-cid-6t6swfvp]::placeholder{color:#94a3b8}.field[data-astro-cid-6t6swfvp] input[data-astro-cid-6t6swfvp]:focus{background:var(--card);border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0d948826}.pid-stage[data-astro-cid-6t6swfvp]{justify-content:center;display:flex}.browser[data-astro-cid-6t6swfvp]{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:920px;height:min(760px,80vh);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.browser__bar[data-astro-cid-6t6swfvp]{border-bottom:1px solid var(--line);background:#f1f5f9;align-items:center;gap:14px;padding:12px 16px;display:flex}.dots[data-astro-cid-6t6swfvp]{gap:7px;display:flex}.dots[data-astro-cid-6t6swfvp] i[data-astro-cid-6t6swfvp]{border-radius:50%;width:11px;height:11px;display:block}.dots[data-astro-cid-6t6swfvp] i[data-astro-cid-6t6swfvp]:first-child{background:#ff5f57}.dots[data-astro-cid-6t6swfvp] i[data-astro-cid-6t6swfvp]:nth-child(2){background:#febc2e}.dots[data-astro-cid-6t6swfvp] i[data-astro-cid-6t6swfvp]:nth-child(3){background:#28c840}.browser__url[data-astro-cid-6t6swfvp]{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;flex:1;padding:7px 12px;font-size:12.5px;overflow:hidden}.browser__view[data-astro-cid-6t6swfvp]{border:0;flex:1;width:100%;min-height:0;display:block}.snippet[data-astro-cid-6t6swfvp]{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:56px;padding:24px 24px 8px;box-shadow:0 12px 40px -30px #0f172a66}.snippet[data-astro-cid-6t6swfvp] h2[data-astro-cid-6t6swfvp]{margin:0 0 4px;font-size:16px}.snippet[data-astro-cid-6t6swfvp] p[data-astro-cid-6t6swfvp]{color:var(--muted);margin:0 0 16px;font-size:14px}.snippet[data-astro-cid-6t6swfvp] pre[data-astro-cid-6t6swfvp]{font-family:var(--mono);color:#e2e8f0;background:#0f172a;border-radius:12px;padding:18px 20px;font-size:12.5px;line-height:1.6;overflow-x:auto}@media (width<=560px){.browser[data-astro-cid-6t6swfvp]{height:78vh;min-height:460px}.browser__url[data-astro-cid-6t6swfvp]{display:none}.field[data-astro-cid-6t6swfvp] input[data-astro-cid-6t6swfvp]{width:160px}}