.formbuilder{grid-template-columns:380px 1fr;gap:22px;padding:40px 6vw 80px;display:grid}.formbuilder>form,.formbuilder>div{border:1px solid var(--line);background:#fff;border-radius:20px;height:max-content;padding:24px}.formbuilder form{gap:14px;display:grid}.formbuilder label{color:var(--olive);gap:7px;font-size:11px;font-weight:800;display:grid}.formbuilder input,.formbuilder textarea{border:1px solid var(--line);border-radius:9px;padding:12px}.formbuilder textarea{min-height:100px}.formbuilder form>button{background:var(--lime);border:0;border-radius:9px;padding:13px;font-weight:900}.formbuilder article{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:14px 0;display:grid}.formbuilder article b,.formbuilder article small{display:block}.formbuilder article small{color:var(--muted);margin-top:5px}.formbuilder article a,.formbuilder article button{background:#eef4dc;border:0;border-radius:8px;padding:9px}@media (max-width:760px){.formbuilder{grid-template-columns:1fr;padding:20px 14px 60px}}.formsapp{background:#f7f6ef}.formsteps{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1120px;margin:26px auto 0;padding:0 20px;display:grid}.formsteps span{color:#747b72;text-align:center;background:#ecece4;border-radius:10px;padding:13px;font-size:12px;font-weight:800}.formsteps .active{color:#fff;background:#5f8248}.formtemplates{max-width:1120px;margin:22px auto;padding:24px}.formtemplates header{justify-content:space-between;align-items:end;gap:20px;display:flex}.formtemplates header p{color:var(--muted)}.formtemplates>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.formtemplates button{text-align:left;background:#fff;border:1px solid #d7dfd3;border-radius:16px;gap:7px;min-height:150px;padding:20px;display:grid}.formtemplates button.active{background:#f0f5eb;border:2px solid #5f8248}.formtemplates button b{font-size:28px}.formtemplates button strong{font-size:17px}.formtemplates button small{color:var(--muted);line-height:1.6}.formbuilder{grid-template-columns:minmax(380px,1fr) minmax(420px,1.25fr);max-width:1120px;margin:auto;padding:10px 20px 45px}.formbuilder>form>span{color:var(--olive);font-size:11px;font-weight:900}.fieldbuilder{gap:8px;display:grid}.fieldbuilder>header{justify-content:space-between;align-items:center;display:flex}.fieldbuilder>header button{color:#355135;background:#edf3e8;border:0;border-radius:8px;padding:8px 10px}.fieldbuilder article{border:1px solid #e0e5dd;border-radius:10px;grid-template-columns:1fr 110px auto auto;gap:7px;padding:9px;display:grid}.fieldbuilder article select{border:1px solid var(--line);border-radius:8px;padding:8px}.fieldbuilder article label{align-items:center;gap:4px;display:flex}.fieldbuilder article button{color:#9b463d}.savedform{grid-template-columns:1fr repeat(4,auto)!important}.savedform em{color:#5f8248;margin-top:5px;font-size:11px;font-style:normal;display:block}.savedform small{word-break:break-all}.formresults,.formspread{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:1120px;margin:0 auto 34px;padding:24px}.formresults>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.formresults>header span{color:var(--olive);font-size:11px;font-weight:900}.formresults>header h2{margin:5px 0}.formresults>header p{color:var(--muted)}.formresults>header button,.formspread button,.formspread a{color:#fff;background:#5f8248;border:0;border-radius:9px;padding:11px 15px;font-weight:800}.formresults>div{overflow:auto}.formresults table{border-collapse:collapse;width:100%;min-width:720px}.formresults th,.formresults td{text-align:left;white-space:pre-wrap;border-bottom:1px solid #e1e5de;padding:12px;font-size:12px}.formresults th{background:#f0f4ed}.formspread{text-align:center;color:#fff;background:#27322b}.formspread p{color:#d3dbd4}.formspread a{color:#314132;background:#edf3e8;margin-left:8px;display:inline-block}.formqr-backdrop{z-index:90;background:#172019aa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.formqr-backdrop>section{text-align:center;background:#fff;border-radius:20px;width:min(430px,100%);padding:24px;position:relative}.formqr-backdrop>section>button:first-child{background:0 0;border:0;font-size:28px;position:absolute;top:8px;right:12px}.formqr-backdrop img{width:min(300px,100%);height:auto;margin:15px auto;display:block}.formqr-backdrop p{word-break:break-all;color:var(--muted);font-size:11px}.formqr-backdrop section>button:last-child{color:#fff;background:#5f8248;border:0;border-radius:9px;padding:11px 14px}@media (max-width:850px){.formtemplates>div{grid-template-columns:repeat(2,1fr)}.formbuilder{grid-template-columns:1fr}.savedform{grid-template-columns:1fr 1fr!important}.savedform>div{grid-column:1/-1}.fieldbuilder article{grid-template-columns:1fr 100px}.formsteps{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.formtemplates{padding:14px}.formtemplates>div{grid-template-columns:1fr 1fr;gap:8px}.formtemplates button{min-height:135px;padding:14px}.formtemplates header{display:block}.formbuilder{padding-left:14px;padding-right:14px}.fieldbuilder article{grid-template-columns:1fr}.formspread button,.formspread a{width:100%;margin:8px 0;display:block}.formsteps{padding:0 14px}}.formpreview{color:#fff;background:#263129;border-radius:24px;grid-template-columns:.8fr 1.2fr;gap:28px;max-width:1080px;margin:0 auto 28px;padding:34px;display:grid;box-shadow:0 22px 55px #1e2b2018}.formpreview>div{flex-direction:column;align-items:flex-start;display:flex}.formpreview>div>span{color:#9fc584;letter-spacing:1.4px;font-size:11px;font-weight:900}.formpreview h2{margin:18px 0;font-size:clamp(27px,4vw,44px);line-height:1.15}.formpreview>div>p{color:#d2dbd3;line-height:1.8}.formpreview>div>em{color:#213027;background:#9fc584;border-radius:8px;margin-top:auto;padding:8px 12px;font-size:11px;font-style:normal;font-weight:900}.formpreview>aside{color:#273129;background:#f4f1e7;border-radius:18px;padding:20px}.formpreview>aside>div{border-bottom:1px solid #d7ddd4;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 4px;display:grid}.formpreview>aside small{color:#6f8464}.formpreview>aside i{color:#73836f;font-size:10px;font-style:normal}.formpreview>aside>p{color:#6b756c;font-size:11px}.formpreview>aside>button{color:#fff;background:#5f8248;border:0;border-radius:9px;width:100%;margin-top:14px;padding:12px;font-weight:900}@media (max-width:850px){.formpreview{grid-template-columns:1fr;margin-left:20px;margin-right:20px}}@media (max-width:520px){.formpreview{margin-left:14px;margin-right:14px;padding:22px}}.formpreview-industry{background:#303d34;border:1px solid #4a5b4e;border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;display:flex}.formpreview-industry b{font-size:34px;line-height:1}.formpreview-industry small{color:#dce7da;font-size:12px;font-weight:800}.formqr-caption{color:#314132;margin:2px 0 8px;font-size:16px;font-weight:900;display:block}