.pt-title{max-width:16ch;margin-bottom:14px}.pt-grid{display:grid;gap:28px}.pt-steps{display:grid;gap:18px;align-content:start;min-width:0}.pt-zones{flex-wrap:wrap}.pt-steps .tt-steps{grid-template-columns:1fr}.pt-snippet{display:grid;gap:8px}.pt-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;resize:vertical}.pt-snippet-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pt-help{margin:0;color:var(--tt-ink-2)}.pt-preview{margin:0;display:grid;gap:8px;justify-items:center;padding:16px;border-radius:var(--tt-r-panel);background:var(--tt-estuary)}.pt-preview iframe{width:100%;max-width:480px;height:640px;border:0;border-radius:var(--tt-r-card);background:transparent}.pt-preview figcaption{font-size:13px;color:var(--tt-ink-2)}@media (min-width:900px){.pt-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:start}.pt-preview{position:sticky;top:96px}}