/* v67 — امضا */
@keyframes d67Open{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
@keyframes d67Close{to{opacity:0;transform:translateY(16px) scale(.98)}}
.d67-dlg{border:0;padding:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;background:#f4f6f9;color:#1a1a1a;overflow:hidden}
.d67-dlg[open]{display:flex;flex-direction:column;animation:d67Open .3s cubic-bezier(.2,.9,.25,1.08)}
.d67-dlg.d67-closing{animation:d67Close .17s ease forwards}
.d67-dlg::backdrop{background:#000}
.d67-top{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top,0px) + 12px) 16px 10px;background:#fff;border-bottom:1px solid #dfe5ee}
.d67-top b{font-size:17px}
.d67-x{width:36px;height:36px;border-radius:50%;border:1px solid #c9d2e0;background:#fff;font-size:22px;line-height:1;cursor:pointer;transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.d67-x:hover{transform:rotate(90deg)}
.d67-hint{text-align:center;color:#667;font-size:13px;padding:10px 14px}
.d67-canvaswrap{position:relative;flex:1;min-height:200px;margin:0 12px;background:#fff;border:1.5px solid #cfd8e8;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}
.d67-cv{display:block;touch-action:none;cursor:crosshair}
.d67-base{position:absolute;left:8%;right:8%;bottom:28%;border-bottom:1.5px dashed #b9c6e0;pointer-events:none}
.d67-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px}
.d67-inks{display:flex;gap:8px}
.d67-inks button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 1.5px #b8c4da;cursor:pointer;transition:transform .16s cubic-bezier(.2,1.4,.4,1),box-shadow .2s}
.d67-inks button.on{box-shadow:0 0 0 3px #2f6fe0;transform:scale(1.1)}
.d67-w{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#556}.d67-w input{width:110px}
.d67-btn{border:1px solid #c9d3e3;background:#fff;border-radius:12px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;transition:transform .16s cubic-bezier(.2,1.4,.4,1)}
.d67-btn:active{transform:scale(.94)}
.d67-foot{padding:10px 12px calc(14px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dfe5ee}
.d67-ok{width:100%;border:0;border-radius:14px;background:#2f6fe0;color:#fff;padding:14px;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(47,111,224,.3);transition:transform .16s cubic-bezier(.2,1.4,.4,1)}
.d67-ok:active{transform:scale(.97)}
.d67-prevwrap{flex:1;min-height:160px;margin:0 12px;border:1.5px solid #cfd8e8;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#eef1f6 25%,transparent 25%,transparent 75%,#eef1f6 75%),linear-gradient(45deg,#eef1f6 25%,transparent 25%,transparent 75%,#eef1f6 75%);background-size:20px 20px;background-position:0 0,10px 10px}
.d67-prev{max-width:100%;max-height:100%;object-fit:contain}
@media (prefers-reduced-motion:reduce){.d67-dlg[open],.d67-dlg.d67-closing{animation:none!important}.d67-inks button,.d67-btn,.d67-ok,.d67-x{transition:none!important}}

.d67-erase{border-top:1px solid #e3e8f1;background:#fff;margin-top:0}
.d67-erase .d67-btn small{color:#778;font-size:11px}
.d67-btn.on{background:#2f6fe0;border-color:#2f6fe0;color:#fff}.d67-btn.on small{color:#dbe7ff}
.d67-bsz[hidden]{display:none}