.widgets-page .intro{max-width:820px}.widget-benefits{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.widget-benefits span{color:#245e43;background:#e7f4ec;border:1px solid #bfd7cd;border-radius:30px;padding:7px 13px;font-size:.82rem;font-weight:650}.widget-builder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:30px;display:grid}.widget-setup h2{letter-spacing:-.04em;margin:0;font-size:1.6rem}.widget-setup>.muted{margin-bottom:24px}.builder-color{align-items:center;gap:12px;font-family:ui-monospace,monospace;font-size:.85rem;display:flex}.builder-color input[type=color]{cursor:pointer;width:65px;padding:4px}.embed-code{resize:vertical;background:var(--pale);width:100%;min-height:210px;color:var(--ink);white-space:pre;border:1px solid #becfca;border-radius:8px;padding:12px;font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.embed-code:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.widget-preview{min-width:0}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-heading h2{margin:0;font-size:1rem}.preview-heading span{color:var(--muted);font-size:.78rem}.widget-preview iframe{border:0;border-radius:12px;width:100%;display:block}.widgets-page code{overflow-wrap:anywhere}.site-footer{flex-wrap:wrap}@media (max-width:900px){.widget-builder{grid-template-columns:1fr}.widget-preview{width:100%;max-width:620px;margin:auto}}