.sample-grid[data-astro-cid-rinh55hk]{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media(max-width:900px){.sample-grid[data-astro-cid-rinh55hk]{grid-template-columns:1fr;gap:24px}}.sample-card[data-astro-cid-rinh55hk]{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow-sm)}.sample-card__head[data-astro-cid-rinh55hk]{margin-bottom:20px}.sample-card__head[data-astro-cid-rinh55hk] h2[data-astro-cid-rinh55hk]{margin:6px 0 8px;font-size:1.35rem;letter-spacing:-.01em}.sample-card__head[data-astro-cid-rinh55hk] p[data-astro-cid-rinh55hk]{margin:0;color:var(--ink-600);line-height:1.55;font-size:.95rem}.cf-form-demo[data-astro-cid-rinh55hk] p{margin:0 0 16px}.cf-form-demo[data-astro-cid-rinh55hk] label{display:block;font-weight:500;font-size:.95rem;margin-bottom:6px;color:var(--ink-800)}.cf-form-demo[data-astro-cid-rinh55hk] input[type=text],.cf-form-demo[data-astro-cid-rinh55hk] input[type=email],.cf-form-demo[data-astro-cid-rinh55hk] input[type=tel],.cf-form-demo[data-astro-cid-rinh55hk] input[type=number],.cf-form-demo[data-astro-cid-rinh55hk] input[type=date],.cf-form-demo[data-astro-cid-rinh55hk] select,.cf-form-demo[data-astro-cid-rinh55hk] textarea{width:100%;padding:9px 12px;border:1px solid var(--ink-300);border-radius:8px;font:inherit;font-size:.95rem;line-height:1.5;background:#fff;color:var(--ink-900);box-sizing:border-box}.cf-form-demo[data-astro-cid-rinh55hk] input:focus,.cf-form-demo[data-astro-cid-rinh55hk] select:focus,.cf-form-demo[data-astro-cid-rinh55hk] textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 4px #2f63f526}.cf-form-demo[data-astro-cid-rinh55hk] textarea{min-height:96px;resize:vertical}.cf-form-demo[data-astro-cid-rinh55hk] fieldset{border:1px solid var(--ink-200);border-radius:8px;padding:12px 14px;margin:0 0 16px}.cf-form-demo[data-astro-cid-rinh55hk] legend{font-weight:500;font-size:.95rem;color:var(--ink-800);padding:0 6px}.cf-form-demo[data-astro-cid-rinh55hk] fieldset label,.cf-form-demo[data-astro-cid-rinh55hk] p>label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:8px;font-weight:400;margin:0 16px 4px 0}.cf-form-demo[data-astro-cid-rinh55hk] input[type=radio],.cf-form-demo[data-astro-cid-rinh55hk] input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand-500)}.cf-form-demo[data-astro-cid-rinh55hk] button[type=submit]{background:var(--brand-500);color:#fff;border:1px solid var(--brand-500);padding:10px 22px;border-radius:8px;font:inherit;font-weight:500;font-size:.95rem;cursor:pointer}.cf-form-demo[data-astro-cid-rinh55hk] button[type=submit]:hover{background:var(--brand-600)}.cf-form-demo[data-astro-cid-rinh55hk] span[aria-hidden=true]{color:#d63638;font-weight:600}.demo-status[data-astro-cid-rinh55hk]:not(:empty){margin-top:16px;padding:12px 14px;border-radius:8px;background:#ecf6ec;color:#2c4a2c;font-size:.92rem;border-left:3px solid #2c8a3a}.sample-note[data-astro-cid-rinh55hk]{margin:18px 0 0;padding:12px 14px;background:var(--bg-alt);border-radius:8px;color:var(--ink-600);font-size:.88rem;line-height:1.55}.sample-code[data-astro-cid-rinh55hk]{margin:0;padding:18px;background:#0f172a;color:#e2e8f0;border-radius:10px;font-family:var(--font-mono);font-size:.8rem;line-height:1.55;overflow-x:auto;max-height:560px}.sample-code[data-astro-cid-rinh55hk] code[data-astro-cid-rinh55hk]{font-family:inherit;background:transparent;color:inherit}.sample-actions[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:12px;margin:16px 0 0}.copy-confirm[data-astro-cid-rinh55hk]{color:var(--success-500);font-size:.9rem;font-weight:500}.tpl-intro[data-astro-cid-rinh55hk]{max-width:68ch;color:var(--ink-700);line-height:1.7;margin:0 0 1em}.tpl-fields-title[data-astro-cid-rinh55hk]{margin:32px 0 14px;font-size:1.2rem}.table-wrap[data-astro-cid-rinh55hk]{overflow-x:auto;border:1px solid var(--ink-200);border-radius:12px;background:#fff}.tpl-table[data-astro-cid-rinh55hk]{width:100%;border-collapse:collapse;font-size:.92rem}.tpl-table[data-astro-cid-rinh55hk] th[data-astro-cid-rinh55hk]{text-align:left;background:var(--bg-alt);padding:11px 16px;border-bottom:2px solid var(--ink-200);white-space:nowrap}.tpl-table[data-astro-cid-rinh55hk] td[data-astro-cid-rinh55hk]{padding:10px 16px;border-bottom:1px solid var(--ink-100);color:var(--ink-700);vertical-align:top}.tpl-table[data-astro-cid-rinh55hk] tr[data-astro-cid-rinh55hk]:last-child td[data-astro-cid-rinh55hk]{border-bottom:0}.tpl-table[data-astro-cid-rinh55hk] code[data-astro-cid-rinh55hk]{background:var(--bg-alt);padding:1px 6px;border-radius:4px;font-size:.85em;white-space:nowrap}.tpl-customize[data-astro-cid-rinh55hk]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.tpl-customize[data-astro-cid-rinh55hk]{grid-template-columns:1fr}}.tpl-customize__card[data-astro-cid-rinh55hk]{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:22px}.tpl-customize__card[data-astro-cid-rinh55hk] h3[data-astro-cid-rinh55hk]{margin:0 0 8px;font-size:1.05rem}.tpl-customize__card[data-astro-cid-rinh55hk] p[data-astro-cid-rinh55hk]{margin:0 0 12px;color:var(--ink-600);font-size:.93rem;line-height:1.55}.tpl-customize__card[data-astro-cid-rinh55hk] a[data-astro-cid-rinh55hk]{font-weight:550;font-size:.93rem}.tpl-faq__item[data-astro-cid-rinh55hk]{max-width:68ch;margin-bottom:22px}.tpl-faq__item[data-astro-cid-rinh55hk] h3[data-astro-cid-rinh55hk]{margin:0 0 6px;font-size:1.08rem}.tpl-faq__item[data-astro-cid-rinh55hk] p[data-astro-cid-rinh55hk]{margin:0;color:var(--ink-700);line-height:1.65}.tpl-related[data-astro-cid-rinh55hk]{margin-top:28px;color:var(--ink-600);font-size:.95rem}