.guide-page{--guide-bg:#f7f9fa;background:var(--guide-bg);height:100vh;color:var(--color-ink);font-size:15px;line-height:1.6;overflow:hidden auto}.guide{max-width:760px;margin:0 auto;padding:48px 24px 96px}.guide header{margin-bottom:48px}.guide-lockup{width:auto;height:40px;max-height:40px;margin-bottom:28px;display:block}.guide h1{margin:0 0 12px;font-size:34px;font-weight:700;line-height:1.2}.guide h2{margin:40px 0 12px;font-size:20px;font-weight:700}.guide h3{margin:24px 0 6px;font-size:15px;font-weight:700}.guide p,.guide li{color:var(--color-grey-70);margin:0;line-height:1.65}.guide p+p{margin-top:12px}.guide ol,.guide ul{margin:8px 0 0;padding-left:24px}.guide ol{list-style:decimal}.guide ul{list-style:outside}.guide li{padding-left:4px}.guide li+li{margin-top:6px}.guide strong{color:var(--color-ink);font-weight:600}.guide code{background:var(--color-grey-7);color:var(--color-ink);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.guide pre{background:var(--color-white);border:1px solid var(--color-grey-10);border-radius:var(--radius-md,8px);margin:12px 0 4px;padding:16px 18px;overflow-x:auto}.guide pre:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.guide-snippet{margin:12px 0 4px;position:relative}.guide-snippet pre{margin:0;padding-right:112px}.guide-snippet__copy{position:absolute;top:10px;right:10px}.guide-snippet__icons{width:16px;height:16px;display:inline-block;position:relative}.guide-snippet__icon{width:16px;height:16px;transition-property:opacity,scale,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);position:absolute;inset:0}.guide-snippet__icon--copy{opacity:1;filter:blur();scale:1}.guide-snippet__icon--check,.guide-snippet__icons.is-copied .guide-snippet__icon--copy{opacity:0;filter:blur(4px);scale:.25}.guide-snippet__icons.is-copied .guide-snippet__icon--check{opacity:1;filter:blur();scale:1}@media (prefers-reduced-motion:reduce){.guide-snippet__icon{transition-duration:0s}}@media (max-width:480px){.guide-snippet pre{padding-top:52px;padding-right:18px}}.guide-card__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.guide-preview{border:1px solid var(--color-grey-10);border-radius:var(--radius-lg,12px);background:var(--color-white);margin-top:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.guide-preview__stage{position:relative;overflow:hidden}.guide-preview__stage iframe{transform-origin:0 0;border:0;display:block}.guide pre code{white-space:pre;background:0 0;padding:0;font-size:13px;line-height:1.6}.guide-card{background:var(--color-white);border:1px solid var(--color-grey-10);border-radius:var(--radius-lg,12px);margin:16px 0;padding:20px 24px}.guide-steps li{margin-top:10px}.guide-steps li::marker{color:var(--color-ink);font-weight:700}.guide table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.guide th,.guide td{text-align:left;border-bottom:1px solid var(--color-grey-10);vertical-align:top;padding:10px 12px}.guide th{letter-spacing:.08em;text-transform:uppercase;color:var(--color-grey-70);font-size:11px;font-weight:700}.guide td{color:var(--color-grey-70)}.guide td:first-child{color:var(--color-ink);white-space:nowrap;font-weight:600}