@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Dancing+Script:wght@400;700&family=Homemade+Apple&family=Indie+Flower&family=Pacifico&family=Permanent+Marker&family=Satisfy&display=swap";.sign-pdf-page-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:calc(100vh - 135px);display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.sign-pdf-page-container{padding:.75rem}}.sign-pdf-page-container .page-header{text-align:center;margin-bottom:.5rem}.sign-pdf-page-container .page-header .page-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;letter-spacing:-.5px;transition:color .3s ease}html.dark .sign-pdf-page-container .page-header .page-title{color:#f8f8f2}@media(min-width:640px){.sign-pdf-page-container .page-header .page-title{font-size:2.5rem}}@media(min-width:1024px){.sign-pdf-page-container .page-header .page-title{font-size:3.5rem}}.sign-pdf-page-container .page-header .page-subtitle{font-size:.85rem;color:#666;max-width:500px;margin:0 auto 1rem;transition:color .3s ease}html.dark .sign-pdf-page-container .page-header .page-subtitle{color:#bd93f9}@media(min-width:640px){.sign-pdf-page-container .page-header .page-subtitle{font-size:1.1rem}}.sign-pdf-page-container .tool-content-wrapper{display:flex;flex-direction:column-reverse;gap:1rem}@media(min-width:1024px){.sign-pdf-page-container .tool-content-wrapper{flex-direction:row;align-items:flex-start}}.sign-pdf-page-container .tool-section{background:#fff;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;flex:1 1;display:flex;flex-direction:column;gap:1rem}html.dark .sign-pdf-page-container .tool-section{background:#282a36;border-color:#44475a;box-shadow:0 4px 12px rgba(0,0,0,.4)}@media(min-width:1024px){.sign-pdf-page-container .pdf-viewer-column{flex:2 1}.sign-pdf-page-container .signature-creation-column{flex:1 1}}.sign-pdf-page-container .file-input-area{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;cursor:pointer;background-color:#fff;transition:all .3s ease}.sign-pdf-page-container .file-input-area.drag-over,.sign-pdf-page-container .file-input-area:hover{border-color:#1a1a1a;background-color:#fff}html.dark .sign-pdf-page-container .file-input-area.drag-over{border-color:#f8f8f2;background-color:rgb(29.1489361702,30.6063829787,39.3510638298)}html.dark .sign-pdf-page-container .file-input-area{border-color:#44475a;background-color:rgb(35.6595744681,37.4425531915,48.1404255319)}html.dark .sign-pdf-page-container .file-input-area:hover{border-color:#f8f8f2;background-color:rgb(29.1489361702,30.6063829787,39.3510638298)}.sign-pdf-page-container .file-input-area input[type=file]{display:none}.sign-pdf-page-container .file-input-area .upload-icon{color:#1a1a1a;margin-bottom:.5rem;transition:color .3s ease}html.dark .sign-pdf-page-container .file-input-area .upload-icon{color:#f8f8f2}.sign-pdf-page-container .file-input-area .upload-icon.loading-spin{animation:spin 1s linear infinite}.sign-pdf-page-container .file-input-area .upload-text{font-size:1rem;font-weight:600;color:#1a1a1a;text-align:center;transition:color .3s ease}html.dark .sign-pdf-page-container .file-input-area .upload-text{color:#f8f8f2}.sign-pdf-page-container .file-input-area .upload-subtext{font-size:.85rem;color:#666;text-align:center;transition:color .3s ease}html.dark .sign-pdf-page-container .file-input-area .upload-subtext{color:#bd93f9}.sign-pdf-page-container .error-message{color:#dc2626;font-size:.85rem;margin-top:.5rem;text-align:center;margin-bottom:1rem}.sign-pdf-page-container .pdf-info-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;transition:background .3s ease,border-color .3s ease;margin-bottom:1rem}html.dark .sign-pdf-page-container .pdf-info-header{background-color:rgb(35.6595744681,37.4425531915,48.1404255319);border-color:#44475a}.sign-pdf-page-container .pdf-info-header .file-icon{color:#1a1a1a}html.dark .sign-pdf-page-container .pdf-info-header .file-icon{color:#f8f8f2}.sign-pdf-page-container .pdf-info-header .file-name{font-size:.9rem;font-weight:600;color:#1a1a1a;flex-grow:1}html.dark .sign-pdf-page-container .pdf-info-header .file-name{color:#f8f8f2}.sign-pdf-page-container .pdf-info-header .clear-pdf-button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease,color .3s ease}.sign-pdf-page-container .pdf-info-header .clear-pdf-button:hover{background-color:hsl(0,72.2222222222%,90.5882352941%);color:rgb(178.25,28.75,28.75)}html.dark .sign-pdf-page-container .pdf-info-header .clear-pdf-button{color:#dc2626}html.dark .sign-pdf-page-container .pdf-info-header .clear-pdf-button:hover{background-color:rgb(29.1489361702,30.6063829787,39.3510638298);color:hsl(0,72.2222222222%,60.5882352941%)}.sign-pdf-page-container .section-title{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;text-align:center;width:100%}html.dark .sign-pdf-page-container .section-title{color:#f8f8f2}.sign-pdf-page-container .signature-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.sign-pdf-page-container .signature-section .signature-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.5rem}.sign-pdf-page-container .signature-section .signature-options .option-button{padding:.6rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.sign-pdf-page-container .signature-section .signature-options .option-button:hover:not(:disabled){background-color:#fff;border-color:#1a1a1a}.sign-pdf-page-container .signature-section .signature-options .option-button.active{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}.sign-pdf-page-container .signature-section .signature-options .option-button:disabled{opacity:.6;cursor:not-allowed}html.dark .sign-pdf-page-container .signature-section .signature-options .option-button{background-color:rgb(35.6595744681,37.4425531915,48.1404255319);border-color:#44475a;color:#f8f8f2}html.dark .sign-pdf-page-container .signature-section .signature-options .option-button:hover:not(:disabled){background-color:rgb(29.1489361702,30.6063829787,39.3510638298);border-color:#f8f8f2}html.dark .sign-pdf-page-container .signature-section .signature-options .option-button.active{background-color:#f8f8f2;color:#282a36;border-color:#f8f8f2}.sign-pdf-page-container .signature-section .signature-input-area{border:1px solid #d1d5db;border-radius:8px;padding:.75rem;background-color:#fff;display:flex;flex-direction:column;gap:.75rem;transition:background .3s ease,border-color .3s ease}html.dark .sign-pdf-page-container .signature-section .signature-input-area{background-color:rgb(35.6595744681,37.4425531915,48.1404255319);border-color:#44475a}.sign-pdf-page-container .signature-section .signature-input-area .canvas-container{border:1px dashed #666;border-radius:4px;background-color:#fff;overflow:hidden;position:relative;cursor:crosshair;width:100%;max-width:400px;aspect-ratio:2/1;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#666;transition:background .3s ease,border-color .3s ease,color .3s ease}html.dark .sign-pdf-page-container .signature-section .signature-input-area .canvas-container{background-color:#282a36;border-color:#44475a;color:#bd93f9}.sign-pdf-page-container .signature-section .signature-input-area .signature-canvas{display:block;background-color:#fff;border-radius:4px;width:100%;height:100%}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-canvas{background-color:#282a36}.sign-pdf-page-container .signature-section .signature-input-area .typed-signature-area{display:flex;flex-direction:column;gap:.75rem}.sign-pdf-page-container .signature-section .signature-input-area .signature-font-select,.sign-pdf-page-container .signature-section .signature-input-area .typed-signature-input{padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;color:#1a1a1a;font-size:1rem;transition:all .3s ease}.sign-pdf-page-container .signature-section .signature-input-area .signature-font-select:focus,.sign-pdf-page-container .signature-section .signature-input-area .typed-signature-input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.2);outline:none}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-font-select,html.dark .sign-pdf-page-container .signature-section .signature-input-area .typed-signature-input{background-color:#282a36;border-color:#44475a;color:#f8f8f2}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-font-select:focus,html.dark .sign-pdf-page-container .signature-section .signature-input-area .typed-signature-input:focus{border-color:#f8f8f2;box-shadow:0 0 0 3px rgba(248,248,242,.2)}.sign-pdf-page-container .signature-section .signature-input-area .signature-font-select{cursor:pointer}.sign-pdf-page-container .signature-section .signature-input-area .signature-preview-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sign-pdf-page-container .signature-section .signature-input-area .signature-preview{max-width:250px;height:auto;display:block;margin:.5rem auto;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;padding:.25rem;object-fit:contain}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-preview{background-color:#282a36;border-color:#44475a}.sign-pdf-page-container .signature-section .signature-input-area .upload-signature-input{display:none}.sign-pdf-page-container .signature-section .signature-input-area .upload-signature-button{padding:.6rem 1rem;background-color:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.sign-pdf-page-container .signature-section .signature-input-area .upload-signature-button:hover:not(:disabled){background-color:#333}html.dark .sign-pdf-page-container .signature-section .signature-input-area .upload-signature-button{background-color:#f8f8f2;color:#282a36}html.dark .sign-pdf-page-container .signature-section .signature-input-area .upload-signature-button:hover:not(:disabled){background-color:#44475a;color:#f8f8f2}.sign-pdf-page-container .signature-section .signature-input-area .signature-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button{padding:.5rem 1rem;font-size:.85rem;border-radius:4px;border:1px solid #d1d5db;background-color:#fff;color:#1a1a1a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button:hover:not(:disabled){background-color:#fff;border-color:#1a1a1a}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button{background-color:rgb(35.6595744681,37.4425531915,48.1404255319);border-color:#44475a;color:#f8f8f2}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button:hover:not(:disabled){background-color:rgb(29.1489361702,30.6063829787,39.3510638298);border-color:#f8f8f2}.sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button.clear-button{color:#dc2626;border-color:#dc2626}.sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button.clear-button:hover:not(:disabled){background-color:hsl(0,72.2222222222%,90.5882352941%);color:rgb(178.25,28.75,28.75)}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button.clear-button{color:#dc2626;border-color:#dc2626}html.dark .sign-pdf-page-container .signature-section .signature-input-area .signature-actions .action-button.clear-button:hover:not(:disabled){background-color:rgb(29.1489361702,30.6063829787,39.3510638298);color:hsl(0,72.2222222222%,60.5882352941%)}.sign-pdf-page-container .pdf-preview-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.sign-pdf-page-container .pdf-preview-section .preview-controls{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.sign-pdf-page-container .pdf-preview-section .preview-controls .page-nav-button{padding:.5rem 1rem;font-size:.9rem;font-weight:500;border-radius:4px;border:1px solid #d1d5db;background-color:#fff;color:#1a1a1a;cursor:pointer;transition:all .3s ease}.sign-pdf-page-container .pdf-preview-section .preview-controls .page-nav-button:hover:not(:disabled){background-color:#fff;border-color:#1a1a1a}.sign-pdf-page-container .pdf-preview-section .preview-controls .page-nav-button:disabled{opacity:.6;cursor:not-allowed}html.dark .sign-pdf-page-container .pdf-preview-section .preview-controls .page-nav-button{background-color:rgb(35.6595744681,37.4425531915,48.1404255319);border-color:#44475a;color:#f8f8f2}html.dark .sign-pdf-page-container .pdf-preview-section .preview-controls .page-nav-button:hover:not(:disabled){background-color:rgb(29.1489361702,30.6063829787,39.3510638298);border-color:#f8f8f2}.sign-pdf-page-container .pdf-preview-section .preview-controls .page-number-display{font-size:1rem;font-weight:600;color:#1a1a1a;white-space:nowrap}html.dark .sign-pdf-page-container .pdf-preview-section .preview-controls .page-number-display{color:#f8f8f2}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container{position:relative;background-color:#fff;border:1px solid #d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;width:100%;display:flex;justify-content:center;align-items:center;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}html.dark .sign-pdf-page-container .pdf-preview-section .pdf-canvas-container{background-color:#282a36;border-color:#44475a;box-shadow:0 4px 12px rgba(0,0,0,.4)}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container canvas{display:block;max-width:100%;height:auto;min-height:200px;margin:0 auto;background-color:#fff}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item{position:absolute;cursor:-webkit-grab;cursor:grab;border:1px dashed #1a1a1a;z-index:5;background-color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,background-color .3s ease}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item:active{cursor:-webkit-grabbing;cursor:grabbing}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item.selected{border:2px solid #1a1a1a}html.dark .sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item.selected{border-color:#f8f8f2}html.dark .sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item{border-color:#f8f8f2;background-color:rgba(40,42,54,.5)}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item img{width:100%;height:100%;object-fit:contain}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .resize-handle{position:absolute;width:10px;height:10px;background:#1a1a1a;border:1px solid #fff;border-radius:50%;z-index:10}html.dark .sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .resize-handle{background:#f8f8f2;border-color:#282a36}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .resize-handle.top-left{top:-5px;left:-5px;cursor:nwse-resize}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .resize-handle.top-right{top:-5px;right:-5px;cursor:nesw-resize}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .resize-handle.bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .resize-handle.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .remove-signature-button{position:absolute;top:-10px;right:-10px;background-color:#dc2626;color:#fff;border:1px solid #fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;z-index:11;transition:background-color .2s ease,border-color .2s ease}.sign-pdf-page-container .pdf-preview-section .pdf-canvas-container .signature-draggable-item .remove-signature-button:hover{background-color:rgb(178.25,28.75,28.75)}.sign-pdf-page-container .add-signature-button{padding:.75rem 1.5rem;margin-top:1rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#1a1a1a;color:#fff;transition:all .3s ease;width:100%}.sign-pdf-page-container .add-signature-button:hover:not(:disabled){background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.sign-pdf-page-container .add-signature-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}html.dark .sign-pdf-page-container .add-signature-button{background-color:#f8f8f2;color:#282a36}html.dark .sign-pdf-page-container .add-signature-button:hover:not(:disabled){background-color:#44475a;color:#f8f8f2;box-shadow:0 4px 12px rgba(0,0,0,.4)}.sign-pdf-page-container .download-button{width:100%;padding:.75rem 1.5rem;margin-top:1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#1a1a1a;color:#fff;transition:all .3s ease}.sign-pdf-page-container .download-button:hover:not(:disabled){background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.sign-pdf-page-container .download-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}html.dark .sign-pdf-page-container .download-button{background-color:#f8f8f2;color:#282a36}html.dark .sign-pdf-page-container .download-button:hover:not(:disabled){background-color:#44475a;color:#f8f8f2;box-shadow:0 4px 12px rgba(0,0,0,.4)}.sign-pdf-page-container .download-button .loading-spin{animation:spin 1s linear infinite}.sign-pdf-page-container .ad-placeholder{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:1rem;text-align:center;font-size:.8rem;color:#64748b;margin-top:1rem;transition:background .3s ease,border-color .3s ease,color .3s ease}html.dark .sign-pdf-page-container .ad-placeholder{background-color:#1a1c24;border-color:#44475a;color:#8be9fd}.signature-font-select option[value=Caveat]{font-family:Caveat,cursive}.signature-font-select option[value="Dancing Script"]{font-family:Dancing Script,cursive}.signature-font-select option[value=Pacifico]{font-family:Pacifico,cursive}.signature-font-select option[value=Satisfy]{font-family:Satisfy,cursive}.signature-font-select option[value="Indie Flower"]{font-family:Indie Flower,cursive}.signature-font-select option[value="Permanent Marker"]{font-family:Permanent Marker,cursive}.signature-font-select option[value="Homemade Apple"]{font-family:Homemade Apple,cursive}