html,body{background:#f4f6f8;max-width:100%;height:auto!important;overflow:auto!important}.df-page{background:#f4f6f8;min-height:100dvh;padding:28px 16px 48px}.df-card{background:#fff;border-radius:18px;gap:12px;max-width:640px;margin:0 auto;padding:28px 24px 32px;display:grid;box-shadow:0 10px 40px #16225a14}.df-logo{width:168px;height:auto;margin-bottom:4px}.df-card h1{color:#16225a;margin:0 0 8px;font-size:28px;line-height:1.2}.df-card h2{color:#16225a;margin:0 0 6px;font-size:16px}.df-card p{color:#39405a;margin:0;line-height:1.55}.df-muted,.df-confirm-label{color:#767d96}.df-field{background:#f3f4f8;border-radius:12px;gap:6px;padding:12px 14px;display:grid}.df-field span,.df-sign-head span{color:#767d96;font-size:13px}.df-field input{font:inherit;color:#16225a;background:0 0;border:0;outline:none;font-size:17px}.df-typed{font-family:Segoe Script,Brush Script MT,Apple Chancery,cursive;font-size:28px}.df-confirm{background:#f3f4f8;border-radius:12px;gap:12px;padding:16px;display:grid}.df-confirm-block{gap:6px;display:grid}.df-confirm-close{color:#16225a;font-weight:600}.df-sign-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.df-modes{gap:6px;display:flex}.df-modes button,.df-clear{color:#16225a;font:inherit;cursor:pointer;background:#eef0f5;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.df-modes button.is-on{color:#fff;background:#16225a}.df-pad{touch-action:none;background:#fff;border:1px solid #e6e8ef;border-radius:12px;width:100%;height:200px}.df-upload{color:#0c7238;background:#f3f4f8;border-radius:12px;padding:12px;font-weight:600;display:block}.df-upload input{display:none}.df-error{color:#c8362b;font-weight:600}.df-submit{color:#fff;font:inherit;cursor:pointer;background:#0f8a43;border:0;border-radius:999px;padding:14px 18px;font-size:16px;font-weight:700}.df-submit:disabled{opacity:.65}.df-preview{background:#f7f8fa;border:1px solid #e4e8ee;border-radius:12px;width:100%;height:520px;margin:8px 0 16px}