.bancus-signature-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #34434e;border-radius:20px;background:#101b23;color:#edf3f7;overflow:auto;scroll-padding-block:20px 88px;box-shadow:0 30px 100px #0009}
.bancus-signature-dialog::backdrop{background:#02070ccc;backdrop-filter:blur(5px)}
.bancus-signature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bancus-signature-head small{display:block;color:#94bbc5;font-size:12px;margin-bottom:5px}
.bancus-signature-head h2{margin:0;font-size:26px;line-height:1.2;color:#f4f8fa}
.bancus-signature-dialog .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;font-size:30px;color:#edf3f7;border:1px solid #405361;border-radius:10px;background:#1b2b36;cursor:pointer}
.bancus-signature-dialog p{font-size:14px;line-height:1.55;margin:14px 0;color:#bfd0db}
.bancus-signature-pad-wrap{border-radius:14px;overflow:hidden;background:#f9f8f3;border:2px solid #68d8ec;margin-top:18px}
#bancusSignaturePad{display:block;width:100%;height:auto;aspect-ratio:2/1;touch-action:none;cursor:crosshair;outline-offset:-4px}
.bancus-signature-edit{display:flex;gap:10px;margin:12px 0 22px}
.bancus-signature-dialog button{min-height:44px;cursor:pointer}
.bancus-signature-edit .mini{padding:10px 14px;border:1px solid #405361;color:#dbe8ef;background:#192a35;font-size:13px}
.bancus-signature-dialog button:disabled{opacity:.45;cursor:default}
.bancus-signature-preview span{display:block;font-size:12px;color:#a8beca;margin-bottom:8px}
.bancus-signature-preview canvas,#bancusSignatureCardPreview{display:block;width:100%;height:auto;aspect-ratio:65/8;border:1px solid #66727a;border-radius:5px;background:#f4f2ec}
.bancus-signature-actions{position:sticky;bottom:0;z-index:2;display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding:12px 0;background:#101b23;box-shadow:0 -14px 16px -14px #02070ccc}
.bancus-signature-actions .btn{min-height:48px;min-width:120px;padding:12px 18px}
.bancus-signature-actions .btn:not(.quiet){background:#63d9ed;color:#06212a}
.bancus-signature-dialog :focus-visible{outline:2px solid #68d8ec;outline-offset:3px}
.bancus-signature-step h1{margin-top:0}
.bancus-intuitive .panel.editing-element #bancusSignatureStep>h1,.bancus-intuitive .panel.editing-element #bancusSignatureStep>.lead{display:block}
.bancus-signature-step .bancus-signature-card{padding:20px 14px;border:1px solid #364650;border-radius:14px;background:#17252f;margin:20px 0 16px}
.bancus-signature-step .bancus-signature-card small{display:block;color:#a8beca;font-size:12px;margin-bottom:10px}
.bancus-signature-step #bancusSignCard{width:100%;min-height:52px;background:#63d9ed;color:#06212a}
.bancus-signature-step .bancus-signature-skip{display:block;width:100%;margin-top:10px;min-height:44px;color:#c9d8e1;text-decoration:underline;background:transparent;border:0;font-size:13px;cursor:pointer}
.bancus-signature-step .help{line-height:1.6}
.bancus-intuitive[data-bancus-step="4"] .card-workspace{pointer-events:none}
.bancus-intuitive[data-bancus-step="4"] .quick-add,.bancus-intuitive[data-bancus-step="4"] #designer,.bancus-intuitive[data-bancus-step="4"] #b-flat,.bancus-intuitive[data-bancus-step="4"] #b-spin,.bancus-intuitive[data-bancus-step="4"] #b-guides,.bancus-intuitive[data-bancus-step="4"] #b-artzoom{display:none!important}
@media(max-width:600px){
  .bancus-signature-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px 14px;border-radius:16px}
  .bancus-signature-head h2{font-size:23px}
  .bancus-signature-dialog p{font-size:14px}
  .bancus-signature-actions{display:grid;grid-template-columns:1fr 1.4fr}
  .bancus-signature-actions .btn{min-width:0;font-size:13px;padding-inline:8px}
  .bancus-signature-edit{margin-bottom:18px}
  .bancus-signature-edit .mini{flex:1;font-size:12px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.bancus-signature-dialog{scroll-behavior:auto}}