.dev-samples{padding:56px var(--page-pad) 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:860px){.dev-samples{grid-template-columns:1fr}}.dev-code{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.dev-code__head{padding:10px 14px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-faint);letter-spacing:var(--tracking-caps);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-code__pre{margin:0;padding:16px;font-family:var(--font-mono);font-size:var(--fs-sm-plus);line-height:1.75;color:var(--text-secondary);overflow-x:auto}.dev-code__pre code{font-family:inherit;white-space:pre}.dev-surface{padding:76px 0 0;display:flex;flex-direction:column;gap:8px}.dev-surface>.ap-section-head{padding:0 var(--page-pad)}.dev-surface__rows{padding:0 var(--page-pad)}.dev-surface code,.dev-publish code{font-family:var(--font-mono);font-size:.92em;color:var(--accent-tint-text)}.dev-publish{padding:88px 0 0;display:flex;flex-direction:column;gap:24px}.dev-publish>.ap-section-head{padding:0 var(--page-pad)}.dev-publish__steps{padding:8px var(--page-pad) 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.dev-publish__steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dev-publish__steps{grid-template-columns:1fr}}.dev-publish__bottom{padding:16px var(--page-pad) 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:860px){.dev-publish__bottom{grid-template-columns:1fr}}.dev-why{display:flex;flex-direction:column;gap:14px}.dev-why__list{display:flex;flex-direction:column;gap:12px;font-size:var(--fs-body-plus);line-height:var(--lh-prose);color:var(--text-muted)}.dev-why__list strong{color:var(--text);font-weight:600}.dev-why__actions{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}.dev-cta{margin-top:120px}