.pdf-wm-hidden{display:none!important}.pdf-watermark-tool{max-width:900px;margin:0 auto 30px;padding:20px}.tool-container{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.tool-title{text-align:center;color:#2c3e50;margin-bottom:15px;margin-top:0;font-size:1.8rem}.watermark-type-toggle{display:flex;margin-bottom:15px;border-radius:4px;overflow:hidden;border:1px solid #bdc3c7}.watermark-type-btn{flex:1;padding:10px;border:none;background-color:#f8f9fa;color:#2c3e50;font-weight:500;line-height:1.2;cursor:pointer;transition:all 0.3s ease;transition:background-color 0.2s,color 0.2s,transform 0.1s ease}.tool-container .watermark-type-btn.active{background-color:#2c78ae;color:#fff}.tool-container .watermark-type-btn:hover,.tool-container .watermark-type-btn:focus{outline:none;box-shadow:none}.tool-container .watermark-type-btn:not(.active):hover,.tool-container .watermark-type-btn:not(.active):focus{background-color:#f8f9fa;color:#2c3e50}.tool-container .watermark-type-btn.active:hover,.tool-container .watermark-type-btn.active:focus{background-color:#2c78ae;color:#fff}.file-selection-section{margin-bottom:20px}.file-box{border:2px dashed #3498db;border-radius:8px;padding:40px;text-align:center;transition:all 0.3s ease;max-width:500px;margin:0 auto}.file-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2c78ae;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.file-box.highlight{border-color:#3498db;background-color:#f8fafc}.file-input{display:none}.file-label{display:block;cursor:pointer;position:relative}.file-subtext{font-size:16px;color:#535A5B;margin:0;text-align:center}#watermark-text-option-row,#watermark-image-select-row{margin-bottom:15px}.select-file-button{background-color:#2c78ae;color:#fff;border:none;border-radius:4px;padding:9px 16px;font-size:17px;cursor:pointer;margin-bottom:8px;transition:background-color 0.2s,transform 0.1s ease}.content-columns{display:flex;flex-wrap:wrap;gap:20px}.input-section,.result-section{flex:1}.options-section{margin:25px 0}.toggle-options{display:none;width:100%;padding:0;background-color:#fff0;border:none;margin-bottom:10px;align-items:center;vertical-align:middle;gap:8px;cursor:pointer}.toggle-options-checkbox{margin:0;width:1.2em;height:1.2em}.toggle-options-label{font-weight:500;color:#2c3e50;line-height:1}.options-container{display:flex;flex-direction:column;gap:15px}#text-watermark-options{display:flex;flex-direction:column;gap:15px}.checkbox-label{display:inline-flex;align-items:center;vertical-align:middle;gap:8px}.checkbox-input{width:1.2em;height:1.2em;margin:0}#watermark-controls{position:absolute;transform-origin:center center}.option-row{display:flex;gap:20px}.option-group{flex:1;margin-bottom:0}.option-label{display:block;margin-bottom:8px;font-weight:500;font-size:16px;color:#2c3e50}.slider-wrapper .option-label{margin-bottom:0;flex-shrink:0;white-space:nowrap}.option-select{width:100%;padding:10px;border:1px solid #bdc3c7;border-radius:4px;font-size:15px;box-sizing:border-box}select.option-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:20px 20px;padding-right:40px;cursor:pointer}.size-input{width:100%;padding:10px;border:1px solid #bdc3c7;border-radius:4px;font-size:15px;box-sizing:border-box}.color-group .option-label{margin-bottom:12px}.color-inputs{display:flex;align-items:center;gap:10px}.color-input{width:80px;height:40px;padding:0;border:1px solid #bdc3c7;border-radius:4px}.color-hex{width:calc(100% - 60px);padding:10px;border:1px solid #bdc3c7;border-radius:4px;font-size:15px;text-transform:uppercase;box-sizing:border-box}.tool-container input[type="number"],.tool-container input[type="text"]{background:#fff;border-radius:4px;border:1px solid #bdc3c7}.tool-container input[type="number"]{-moz-appearance:textfield;appearance:textfield}.tool-container input[type="number"]::-webkit-inner-spin-button,.tool-container input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-wrapper{display:flex;align-items:center;gap:15px}.slider{flex-grow:1;width:100%;margin:0}.tool-container .slider:hover,.tool-container .slider:active,.tool-container .slider:focus{outline:none;box-shadow:none}.slider-value{font-weight:500;color:#34495e;min-width:45px;text-align:left}.button-group{display:flex;gap:10px;margin-top:20px;justify-content:center;flex-wrap:wrap}.process-button,.download-button,.clear-button{padding:8px 20px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color 0.2s,transform 0.1s ease}.process-button{background-color:#2c78ae;color:#fff}.download-button{background-color:#09803c;color:#fff;text-decoration:none;text-align:center}.clear-button{background-color:#c0392b;color:#fff}.spinner{display:none;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-section{border-radius:8px}.preview-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px;position:relative}.page-nav-container{display:flex;align-items:center;gap:15px}.page-nav-btn{background:none;border:1px solid #bdc3c7;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#2c3e50;transition:background-color 0.2s,opacity 0.2s;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.page-nav-btn svg{width:22px;height:22px}.page-nav-btn:not(:disabled):active{transform:scale(.9)}.page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-number-display{display:flex;align-items:center;gap:8px;font-size:16px;color:#333}input#page-number-input{padding:4px 1px}.page-number-input{width:55px;padding:6px 8px;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:16px;background-color:#fff;-moz-appearance:textfield;appearance:textfield}.page-number-input::-webkit-outer-spin-button,.page-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-container .page-number-input:focus{border-color:#2c78ae}.preview-container{background-color:#ecf0f1;border:1px solid #dee2e6;border-radius:4px;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default;overflow:hidden}.preview-placeholder{color:#6c757d;text-align:center;padding:20px}.fullscreen-button{background-color:rgb(44 62 80 / .6);border:none;cursor:pointer;position:absolute;top:10px;right:10px;opacity:0;transition:all 0.3s ease;z-index:10;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;padding:7px}.fullscreen-button:active{transform:scale(.9)}.fullscreen-button svg{width:22px;height:22px}.preview-container:hover .fullscreen-button{opacity:1}.preview-container canvas{max-width:100%;height:auto;max-height:400px}#position-coords{text-align:center;margin-top:10px;font-size:12px;color:#666}#watermark-bounding-box{position:absolute;width:100%;height:100%;cursor:move;pointer-events:all}.tool-container .page-nav-btn:hover,.tool-container .page-nav-btn:focus,.tool-container .page-nav-btn:active{background:none;box-shadow:none;outline:none;border-color:#bdc3c7;color:#2c3e50}.tool-container .page-nav-btn:active:not(:disabled){transform:scale(.9)}.tool-container .fullscreen-button:hover,.tool-container .fullscreen-button:focus,.tool-container .fullscreen-button:active:not(:disabled),.tool-container .fullscreen-button:active{background-color:rgb(44 62 80 / .6);outline:none}.tool-container .select-file-button:hover,.tool-container .select-file-button:focus,.tool-container .select-file-button:active,.tool-container .process-button:hover,.tool-container .process-button:focus,.tool-container .process-button:active:not(:disabled),.tool-container .process-button:active,.tool-container .download-button:hover,.tool-container .download-button:focus,.tool-container .download-button:active:not(:disabled),.tool-container .download-button:active,.tool-container .clear-button:hover,.tool-container .clear-button:focus,.tool-container .clear-button:active:not(:disabled),.tool-container .clear-button:active{box-shadow:none;outline:none}.tool-container .select-file-button:hover,.tool-container .select-file-button:focus,.tool-container .select-file-button:active,.tool-container .process-button:active:not(:disabled),.tool-container .process-button:hover,.tool-container .process-button:active:not(:disabled),.tool-container .process-button:focus,.tool-container .process-button:active{background-color:#2c78ae;color:#fff}.tool-container .download-button:hover,.tool-container .download-button:focus,.tool-container .download-button:active:not(:disabled),.tool-container .download-button:active{background-color:#09803c;color:#fff}.tool-container .clear-button:hover,.tool-container .clear-button:active:not(:disabled),.tool-container .clear-button:focus,.tool-container .clear-button:active{background-color:#c0392b;color:#fff}.tool-container .watermark-type-btn:active:not(.active){transform:scale(.96)}.tool-container .select-file-button:active,.tool-container .process-button:active:not(:disabled),.tool-container .download-button:active:not(:disabled),.tool-container .clear-button:active:not(:disabled){transform:scale(.96)}.tool-container .fullscreen-button:active{transform:scale(.9)}.tool-container .option-select:hover,.tool-container .page-number-input:hover,.tool-container .option-select:focus,.tool-container .page-number-input:focus,.tool-container .option-select:active,.tool-container .page-number-input:active,.tool-container .size-input:hover,.tool-container .size-input:focus,.tool-container .size-input:active,.tool-container .color-hex:hover,.tool-container .color-hex:focus,.tool-container .color-hex:active{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 1px rgb(52 152 219 / .2);outline:none}.preview-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:rgb(0 0 0 / .8);padding:20px;overflow:auto;display:flex;align-items:center;justify-content:center}.preview-container.fullscreen canvas{box-shadow:0 0 20px rgb(0 0 0 / .5);max-height:95vh}.preview-container.fullscreen img{max-width:100%;max-height:100%}.faq-list{margin-top:1rem}.faq-list dt{font-weight:500;font-size:1.1em}.faq-list dd{margin-left:0;margin-top:.5rem;margin-bottom:1rem;padding-left:1rem;padding-bottom:10px;border-bottom:1px dashed #ddd}.preview-spinner{position:absolute;z-index:5;background:none;border:none;padding:0;cursor:default}.preview-spinner .spinner-svg{animation:spin 1.5s linear infinite;width:40px;height:40px}.preview-spinner .spinner-path{stroke:#2c78ae;stroke-linecap:round;animation:spinner-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0}@keyframes spinner-dash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-35}100%{stroke-dashoffset:-124}}@media (max-width:768px){.pdf-watermark-tool{padding:0}.tool-container{padding:15px 0;box-shadow:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-radius:0}.tool-title{font-size:1.5rem}.watermark-type-toggle{margin-bottom:10px}.toggle-options{display:flex;margin-top:15px}.fullscreen-button{opacity:1}.options-container{display:none}.options-container.show{display:flex}.option-row{flex-direction:column;gap:15px}.content-columns{flex-direction:column}.input-section,.result-section{min-width:0}.watermark-type-btn{padding:10px 2px}.option-label{font-size:17px}}