.cms-demo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;padding:28px;background:#ddfbef;border-radius:20px}.cms-demo label{display:block;font-weight:700;margin-bottom:12px}.cms-demo input{width:100%;min-width:0;padding:14px;border:1px solid #789c92;border-radius:8px;font:inherit;color:#2f4858;background:#fff}.cms-demo p{font-size:14px;line-height:1.7;margin:14px 0}.cms-demo-preview{padding:25px;background:#fffdf7;border-radius:12px;overflow-wrap:anywhere}.cms-demo-preview span{font-size:10px;letter-spacing:1px}.cms-demo-preview h3{font-size:28px;margin:22px 0 12px;line-height:1.2}.cms-demo input:focus-visible{outline:3px solid #2f4858;outline-offset:3px}@media(max-width:700px){.cms-demo{grid-template-columns:1fr;padding:20px}}