.mf-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 18px;background:#EAF2F6;border:1px solid #EAF2F6;border-radius:8px;overflow:hidden}.mf-steps span{text-align:center;padding:14px;color:#76869b;font-weight:600}.mf-steps .active{background:#426C84;color:#fff}.mf-steps .done{color:#426C84}
.mf-builder{display:grid;grid-template-columns:230px minmax(330px,1fr) 290px;gap:14px;min-height:570px}.mf-panel{padding:18px;overflow:auto}.mf-panel h3{margin:5px 0 14px;font-size:15px}.mf-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.mf-palette button{border:1px dashed #CBDDE7;background:#fff;border-radius:5px;min-height:38px;color:#536783}.mf-palette button:hover{color:#426C84;border-color:#426C84}.mf-canvas{padding:18px;background:#EAF2F6;border:1px solid #EAF2F6;border-radius:9px;display:flex;justify-content:center}.mf-phone{width:min(100%,390px);background:#fff;min-height:510px;border:1px solid #EAF2F6;box-shadow:0 8px 20px #14223e0c}.mf-cover{padding:25px 20px;background:linear-gradient(125deg,#426C84,#426C84);color:white;min-height:145px}.mf-cover h2{margin:0 0 14px;font-size:20px}.mf-cover p{margin:0;color:#EAF2F6;font-size:12px}.mf-field-preview{padding:16px 18px;border-bottom:1px solid #eff2f6;cursor:pointer}.mf-field-preview.selected{outline:2px dashed #426C84;outline-offset:-3px}.mf-field-preview label{display:block;font-weight:600;margin-bottom:9px}.mf-field-preview small{display:block;color:#97a4b4;margin-top:6px}.mf-field-options{display:grid;gap:9px;padding:10px;border:1px solid #EAF2F6;border-radius:6px;color:#8491a2}.mf-settings{display:grid;gap:15px}.mf-settings .field{margin:0}.mf-settings .input{min-height:36px}.mf-options{display:grid;gap:8px}.mf-option{display:flex;gap:7px}.mf-option .input{flex:1}.mf-form-footer{display:flex;justify-content:center;gap:12px;margin-top:18px}.mf-rule{border-top:1px solid #EAF2F6;padding:22px 0}.mf-rule:first-of-type{border-top:0}.mf-rule h3{font-size:16px;margin:0 0 16px;border-left:3px solid #426C84;padding-left:10px}.mf-rule .checkrow{margin:10px 0}.mf-publish{max-width:780px}.mf-link{display:flex;gap:10px}.mf-link input{flex:1}.mf-qr-placeholder{width:170px;height:170px;border:1px dashed #afbed2;display:grid;place-items:center;color:#8797ab;text-align:center;margin:18px 0;background:#EAF2F6}.mf-appearance{display:grid;gap:18px}.mf-appearance label{display:flex;align-items:center;gap:9px}.mf-list-actions{display:flex;gap:8px;flex-wrap:wrap}.mf-list-actions button{padding:3px;border:0;color:#426C84;background:none;cursor:pointer}.mf-preview-page{max-width:500px;margin:0 auto}.mf-preview-page .mf-phone{width:100%}
@media(max-width:1050px){.mf-builder{grid-template-columns:1fr 1.4fr}.mf-builder>.mf-panel:last-child{grid-column:1/-1}}@media(max-width:700px){.mf-builder{display:block}.mf-builder>*{margin-bottom:12px}.mf-palette{grid-template-columns:repeat(3,1fr)}.mf-steps span{font-size:12px}.mf-link{flex-wrap:wrap}}
.mf-download-card{margin-top:16px}.mf-download-toggle{display:flex;align-items:center;gap:9px;font-weight:600}.mf-download-toggle input{accent-color:#426C84}.mf-download-upload{max-width:630px;margin-top:20px}.mf-resource-item,.mf-success-resource{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #CBDDE7;border-radius:8px;background:#EAF2F6;margin-top:14px}.mf-resource-item .btn,.mf-success-resource .btn{margin-left:auto}.mf-success-resource{margin:18px 0}.mf-success-resource p{margin:6px 0 0}