.browser-mock[data-astro-cid-ujh2snav]{max-width:980px;margin:0 auto;border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 4px 10px -3px #1e183c1a,0 26px 56px -16px #1e183c2e}.browser-bar[data-astro-cid-ujh2snav]{position:sticky;top:68px;z-index:2;display:flex;align-items:center;gap:var(--space-4);padding:10px var(--space-4);background:#ecebf1;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0}@media(prefers-reduced-motion:reduce){.browser-bar[data-astro-cid-ujh2snav]{position:static}}.browser-dots[data-astro-cid-ujh2snav]{display:inline-flex;gap:6px;flex:none}.browser-dots[data-astro-cid-ujh2snav] i[data-astro-cid-ujh2snav]{width:10px;height:10px;border-radius:9999px;background:#cfcdd8}.browser-url[data-astro-cid-ujh2snav]{flex:1;padding:5px 12px;background:#fff;border-radius:9999px;font-size:12px;color:#6c6a78;font-family:var(--font-mono, ui-monospace, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-page[data-astro-cid-ujh2snav]{padding:var(--space-6) var(--space-6) var(--space-5);border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}.host-copy[data-astro-cid-ujh2snav]{max-width:62ch;margin:0 auto var(--space-5);text-align:center}.host-crumb[data-astro-cid-ujh2snav]{display:inline-block;margin-bottom:var(--space-2);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9a98a6}.host-h[data-astro-cid-ujh2snav]{margin:0 0 var(--space-2);font-size:clamp(20px,2.6vw,27px);font-weight:600;letter-spacing:var(--tracking-tight);color:#4a4857}.host-p[data-astro-cid-ujh2snav]{margin:0;font-size:14px;line-height:1.6;color:#85838f}.browser-page[data-astro-cid-ujh2snav] iframe[data-astro-cid-ujh2snav]{display:block;width:100%;height:1290px;border:0}.host-credit[data-astro-cid-ujh2snav]{margin:6px 0 0;font-size:12px;color:#767676;text-align:center}.browser-caption[data-astro-cid-ujh2snav]{max-width:62ch;margin:var(--space-5) auto 0;text-align:center;font-size:13.5px;line-height:1.6;color:var(--text-secondary)}@media(max-width:700px){.browser-page[data-astro-cid-ujh2snav]{padding:var(--space-4) var(--space-3) var(--space-3)}.browser-page[data-astro-cid-ujh2snav] iframe[data-astro-cid-ujh2snav]{height:2320px}}.snippet-wrap[data-astro-cid-ujh2snav]{max-width:860px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);background:#1d1d1f}.snippet-head[data-astro-cid-ujh2snav]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.snippet-label[data-astro-cid-ujh2snav]{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.snippet-copy[data-astro-cid-ujh2snav]{min-width:84px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:background var(--duration-fast, .15s)}.snippet-copy[data-astro-cid-ujh2snav]:hover{background:#ffffff2e}.snippet-copy[data-astro-cid-ujh2snav]:focus-visible{outline:2px solid #B5A4FF;outline-offset:2px}.snippet-toggle[data-astro-cid-ujh2snav]{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12.5px;color:#ffffffb3;cursor:pointer;user-select:none}.snippet-toggle[data-astro-cid-ujh2snav] input[data-astro-cid-ujh2snav]{accent-color:#B5A4FF;cursor:pointer}.snippet-toggle[data-astro-cid-ujh2snav]:hover{color:#ffffffeb}.snippet-code[data-astro-cid-ujh2snav]{margin:0;padding:var(--space-5);overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.7;color:#e6e6ea;tab-size:2}.snippet-code[data-astro-cid-ujh2snav] code[data-astro-cid-ujh2snav]{background:none;border:0;padding:0;border-radius:0;color:inherit;font-family:inherit;font-size:inherit}.snippet-code--sm[data-astro-cid-ujh2snav]{margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:#1d1d1f;font-size:12.5px}.snippet-notes[data-astro-cid-ujh2snav]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);max-width:860px;margin:var(--space-6) auto 0}.snippet-note[data-astro-cid-ujh2snav] h3[data-astro-cid-ujh2snav]{margin:0 0 var(--space-2);font-size:15px;font-weight:600;letter-spacing:var(--tracking-tight)}.snippet-note[data-astro-cid-ujh2snav] p[data-astro-cid-ujh2snav]{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-secondary)}@media(max-width:760px){.snippet-notes[data-astro-cid-ujh2snav]{grid-template-columns:1fr;gap:var(--space-4)}}.snippet-accent[data-astro-cid-ujh2snav]{max-width:860px;margin:var(--space-8) auto 0;padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.snippet-accent[data-astro-cid-ujh2snav] h3[data-astro-cid-ujh2snav]{margin:0 0 var(--space-2);font-size:17px;font-weight:600;letter-spacing:var(--tracking-tight)}.snippet-accent[data-astro-cid-ujh2snav] p[data-astro-cid-ujh2snav]{margin:0;font-size:14.5px;line-height:1.65;color:var(--text-secondary)}.platform-note[data-astro-cid-ujh2snav]{margin:0 0 var(--space-3);font-size:13px;line-height:1.55;color:var(--text-secondary)}.platform-steps[data-astro-cid-ujh2snav]{margin:0;padding-left:1.15em;display:grid;gap:var(--space-2);font-size:14px;line-height:1.55}.platform-steps[data-astro-cid-ujh2snav] li[data-astro-cid-ujh2snav]{padding-left:2px}.wrong-turn[data-astro-cid-ujh2snav]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;max-width:var(--container);margin:0 auto;padding:var(--space-6) var(--space-7);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.wrong-turn[data-astro-cid-ujh2snav] h2[data-astro-cid-ujh2snav]{margin:0 0 var(--space-2);font-size:clamp(20px,2.4vw,26px);letter-spacing:var(--tracking-tight)}.wrong-turn[data-astro-cid-ujh2snav] p[data-astro-cid-ujh2snav]{margin:0;max-width:56ch;font-size:14.5px;line-height:1.6;color:var(--text-secondary)}@media(max-width:700px){.wrong-turn[data-astro-cid-ujh2snav]{padding:var(--space-5)}.wrong-turn[data-astro-cid-ujh2snav] .btn[data-astro-cid-ujh2snav]{width:100%;justify-content:center}}