@font-face{font-family:SignatureScript;src:url(sign-fonts/Z003-MediumItalic.otf)}@font-face{font-family:SignatureClassic;src:url(sign-fonts/P052-Italic.otf)}@font-face{font-family:SignatureBook;src:url(sign-fonts/URWBookman-LightItalic.otf)}@font-face{font-family:SignatureRoman;src:url(sign-fonts/NimbusRoman-Italic.otf)}@font-face{font-family:SignatureSans;src:url(sign-fonts/NimbusSans-Italic.otf)}@font-face{font-family:SignatureMono;src:url(sign-fonts/NimbusMonoPS-Italic.otf)}
#resize{position:absolute;bottom:-11px;right:-11px;width:24px;height:24px;padding:0;margin:0;border-radius:50%;border:3px solid white;background:#e43e3e;box-shadow:0 1px 6px #18223850;cursor:nwse-resize;touch-action:none;z-index:2}#stamp{outline:2px solid #e43e3e;border-radius:3px}#stamp:before{content:'Drag to move';position:absolute;left:0;top:-26px;padding:2px 7px;background:#e43e3e;color:white;font:11px/18px system-ui;border-radius:4px;white-space:nowrap;pointer-events:none}.steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.steps span{padding:7px 14px;border-radius:30px;background:white;border:1px solid #e0e5ee;font-size:14px}.preview{background:#e9edf4!important}.controls h2{padding-top:15px;border-top:1px solid #edf0f5}.controls h2:first-child{border-top:0;padding-top:0}#update,#download{width:100%}#download{font-size:17px;padding:15px}#sample{background:repeating-conic-gradient(#f0f2f7 0% 25%,#fff 0% 50%) 50%/16px 16px;padding:12px;border-radius:8px;width:100%;object-fit:contain}#empty{border:2px dashed #bfcbdc;border-radius:12px;background:white}#status{font-size:14px;margin-bottom:16px}.preview #pagebar{justify-content:space-between}#size{accent-color:#e43e3e}.controls .note{line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182238;font:16px/1.5 system-ui,sans-serif}header,main,footer{max-width:1260px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dde3ec}a{color:#d93636}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:16px 0}h2{font-size:20px;margin-top:0}.lead{color:#536178}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;margin-top:25px}.controls,.preview{background:white;border:1px solid #dce3ef;border-radius:16px;padding:20px}.controls label{display:block;font-weight:600;margin-top:15px}input,select,button{font:inherit;max-width:100%}input[type=text],select,input[type=number]{width:100%;padding:9px;border:1px solid #cad4e1;border-radius:7px}input[type=file]{width:100%;font-size:13px}button{background:#e43e3e;color:white;border:0;padding:11px 15px;border-radius:8px;cursor:pointer;margin-top:12px}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#edf0f6;color:#253953}.note{font-size:13px;color:#607087}#sample{max-width:100%;max-height:80px;display:block;margin-top:15px}#pagebar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}#pagebar select{width:auto}#stage{position:relative;width:100%;background:#fff;box-shadow:0 2px 18px #18223820;touch-action:pan-y}#pdfcanvas{width:100%;height:auto;display:block}#stamp{position:absolute;touch-action:none;cursor:move;outline:2px dashed #e43e3e;user-select:none}#stamp img{width:100%;height:100%;display:block;pointer-events:none}#stamp:focus-visible{outline:3px solid #2255e8}#status{padding:12px;background:#eaf0fa;border-radius:8px}input[type=range]{width:100%}#empty{padding:70px 20px;text-align:center;color:#607087}.info{max-width:850px;margin-top:38px}[hidden]{display:none!important}@media(max-width:760px){.workspace{grid-template-columns:1fr}header,main,footer{padding:16px}.controls{order:0}.preview{padding:12px}}:focus-visible{outline:3px solid #90aeed;outline-offset:2px}

#stamp.locked{cursor:pointer;outline:2px solid #32916b;touch-action:pan-y}#stamp.locked:before{content:"Locked · select Move / resize";background:#237950}.saved-stamp{position:absolute;padding:0;margin:0;border:1px dashed #32916b;background:transparent;cursor:pointer;border-radius:2px}.saved-stamp img{display:block;width:100%;height:100%;pointer-events:none}.placing{cursor:crosshair;outline:3px solid #e43e3e}#placementHint{background:#fff2d3;border:1px solid #e9c46a;padding:14px;border-radius:8px;font-weight:650}.selection-actions{border:1px solid #dee5ee;border-radius:10px;padding:12px;margin-top:14px}#signatureList{max-height:180px;overflow:auto}#signatureList button{display:block;width:100%;text-align:left;font-size:13px}#count{font-size:13px;font-weight:650}