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