.gfsmf-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gfsmf-thumbnail{width:180px;height:92px;border:1px dashed #b8c0cc;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:6px}.gfsmf-thumbnail img{max-width:100%;max-height:100%;display:block}.gfsmf-empty-thumb{color:#667085;font-size:14px}.gfsmf-modal{display:none!important;position:fixed;inset:0;z-index:999999}.gfsmf-modal.is-open{display:block!important}.gfsmf-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.gfsmf-modal-dialog{position:relative;background:#fff;width:min(420px,92vw);max-height:86vh;margin:6vh auto;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column}.gfsmf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e5e5}.gfsmf-modal-header h3{margin:0;font-size:20px}.gfsmf-modal-close{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}.gfsmf-modal-body{padding:22px;overflow:auto}.gfsmf-modal-footer{padding:16px 22px;border-top:1px solid #e5e5e5;text-align:right;display:flex;gap:10px;justify-content:flex-end}.gfsmf-signature-container{margin:0 auto}.gfsmf-canvas{display:block;width:300px!important;height:180px!important;max-width:100%;background:#fff;touch-action:none;-ms-touch-action:none}.gfsmf-hint{margin:8px 0 0;color:#667085;font-size:13px;text-align:center}.gfsmf-modal-open{overflow:hidden}.gfsmf-modal.is-open .gfsmf-modal-dialog{animation:gfsmfPop .18s ease-out}@keyframes gfsmfPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.gfsmf-modal-dialog{width:94vw;margin:3vh auto;max-height:94vh}.gfsmf-modal-header,.gfsmf-modal-body,.gfsmf-modal-footer{padding:14px}.gfsmf-thumbnail{width:150px;height:78px}}


/* Wide overlay popup mode */
body.gfsmf-modal-open{overflow:hidden;}
.gfsmf-form-blurred{filter:blur(5px);transition:filter .15s ease;}
.gfsmf-modal{display:none!important;position:fixed!important;inset:0!important;z-index:9999999!important;}
.gfsmf-modal.is-open{display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;box-sizing:border-box!important;}
.gfsmf-modal-backdrop{position:fixed!important;inset:0!important;background:rgba(15,23,42,.50)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;}
.gfsmf-modal-dialog{position:relative!important;width:min(920px,96vw)!important;max-height:92vh!important;margin:0!important;background:#fff!important;border-radius:18px!important;box-shadow:0 30px 100px rgba(0,0,0,.38)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.gfsmf-modal-body{padding:24px!important;overflow:auto!important;}
.gfsmf-signature-container{width:100%!important;max-width:820px!important;height:360px!important;margin:0 auto!important;display:block!important;}
.gfsmf-canvas{width:100%!important;height:360px!important;display:block!important;border-radius:12px!important;}
@media(max-width:700px){.gfsmf-modal.is-open{padding:10px!important}.gfsmf-modal-dialog{width:98vw!important;max-height:96vh!important;border-radius:14px!important}.gfsmf-signature-container{height:260px!important}.gfsmf-canvas{height:260px!important}.gfsmf-modal-header,.gfsmf-modal-body,.gfsmf-modal-footer{padding:14px!important}}