.tool-hero{padding:50px 20px 80px;text-align:center;position:relative;overflow:hidden}.tool-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);pointer-events:none}.tool-hero__title{font-size:2rem;font-weight:700;color:white;margin-bottom:12px;position:relative;z-index:2}.tool-hero__desc{font-size:1.1rem;color:rgba(255,255,255,0.9);max-width:500px;margin:0 auto;position:relative;z-index:2;line-height:1.5}.tool-hero--red{background:#E5322D}.tool-hero--orange{background:#F97316}.tool-hero--yellow{background:#EAB308}.tool-hero--green{background:#22C55E}.tool-hero--teal{background:#14B8A6}.tool-hero--blue{background:#3B82F6}.tool-hero--indigo{background:#6366F1}.tool-hero--purple{background:#A855F7}.tool-hero--pink{background:#EC4899}.tool-hero--gray{background:#6B7280}.tool-hero--red{background:linear-gradient(135deg,#E5322D 0%,#C7271F 100%)}.tool-hero--orange{background:linear-gradient(135deg,#F97316 0%,#EA580C 100%)}.tool-hero--yellow{background:linear-gradient(135deg,#EAB308 0%,#CA8A04 100%)}.tool-hero--green{background:linear-gradient(135deg,#22C55E 0%,#16A34A 100%)}.tool-hero--teal{background:linear-gradient(135deg,#14B8A6 0%,#0D9488 100%)}.tool-hero--blue{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%)}.tool-hero--indigo{background:linear-gradient(135deg,#6366F1 0%,#4F46E5 100%)}.tool-hero--purple{background:linear-gradient(135deg,#A855F7 0%,#9333EA 100%)}.tool-hero--pink{background:linear-gradient(135deg,#EC4899 0%,#DB2777 100%)}.tool-hero--gray{background:linear-gradient(135deg,#6B7280 0%,#4B5563 100%)}.tool-upload-wrapper{margin-top:-40px;position:relative;z-index:10;padding:0 20px;max-width:700px;margin-left:auto;margin-right:auto}.upload-zone{border:2px dashed #D1D5DB;border-radius:20px;padding:60px 40px;text-align:center;background:#FFFFFF;transition:all 0.3s ease;cursor:pointer;max-width:600px;margin:0 auto;box-shadow:0 4px 20px rgba(0,0,0,0.08);position:relative}.upload-zone:hover{border-color:#9CA3AF;background:#FAFAFA}.upload-zone.dragover{border-color:var(--primary);background:var(--primary-light);border-style:solid;transform:scale(1.02)}.upload-zone.dragover .upload-zone__icon{transform:scale(1.1)}.upload-zone.dragover--red{border-color:#E5322D;background:#FDECEC}.upload-zone.dragover--orange{border-color:#F97316;background:#FFF7ED}.upload-zone.dragover--green{border-color:#22C55E;background:#F0FDF4}.upload-zone.dragover--blue{border-color:#3B82F6;background:#EFF6FF}.upload-zone.dragover--purple{border-color:#A855F7;background:#FAF5FF}.upload-zone__icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}.upload-zone__icon svg{width:48px;height:48px;fill:#D1D5DB;transition:fill 0.3s ease}.upload-zone:hover .upload-zone__icon svg{fill:#9CA3AF}.upload-zone.dragover .upload-zone__icon svg{fill:var(--primary)}.upload-zone__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.upload-zone__subtitle{font-size:0.875rem;color:var(--text-light);margin-bottom:24px}.upload-zone__button{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--primary);color:white;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 12px rgba(229,50,45,0.3)}.upload-zone__button:hover{background:var(--primary-hover);box-shadow:0 6px 16px rgba(229,50,45,0.4);transform:translateY(-1px)}.upload-zone__formats{display:block;margin-top:16px;font-size:0.75rem;color:var(--text-light)}.upload-zone__input{display:none}.upload-zone__sources{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.upload-zone__source-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:0.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease}.upload-zone__source-btn:hover{background:var(--border-light);color:var(--text-primary)}.upload-zone__source-btn svg{width:18px;height:18px}.file-list{max-width:600px;margin:24px auto 0}.file-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#FFFFFF;border-radius:var(--radius-md);box-shadow:0 1px 4px rgba(0,0,0,0.06);margin-bottom:10px;transition:all 0.2s ease;position:relative}.file-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.file-item.dragging{opacity:0.5;box-shadow:0 4px 16px rgba(0,0,0,0.15)}.file-item.drag-over{border-top:2px solid var(--primary)}.file-item__drag-handle{width:20px;height:20px;cursor:grab;color:var(--text-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-item__drag-handle:active{cursor:grabbing}.file-item__drag-handle svg{width:16px;height:16px;fill:currentColor}.file-item__icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#FEE2E2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-item__icon svg{width:20px;height:20px;fill:#E5322D}.file-item__info{flex:1;min-width:0}.file-item__name{font-size:0.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__size{font-size:0.75rem;color:var(--text-light);margin-top:2px}.file-item__remove{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:all 0.2s ease;flex-shrink:0;border:none;background:none;cursor:pointer}.file-item__remove:hover{background:#FEE2E2;color:#E5322D}.file-item__remove svg{width:16px;height:16px;fill:currentColor}.file-list__add-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:2px dashed var(--border-light);border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;margin-top:10px}.file-list__add-more:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.file-list__add-more svg{width:18px;height:18px;fill:currentColor}.tool-files-header{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto 8px;padding:0 4px}.tool-files-header__title{font-size:0.9375rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.tool-files-header__count{font-size:0.75rem;font-weight:500;color:var(--text-light)}.tool-files-header__actions{display:flex;align-items:center;gap:8px}.tool-files-header__add-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:0.8125rem;font-weight:500;background:none;border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease}.tool-files-header__add-btn:hover{opacity:0.85}.tool-files-header__clear-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:0.8125rem;font-weight:500;color:#DC2626;background:#FEF2F2;border:1px solid #FECACA;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease}.tool-files-header__clear-btn:hover{background:#FEE2E2;border-color:#FCA5A5;color:#B91C1C}.action-btn{display:block;width:100%;max-width:400px;margin:24px auto;padding:16px 32px;background:#E5322D;color:white;border:none;border-radius:10px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 15px rgba(229,50,45,0.35);text-transform:uppercase;letter-spacing:0.5px;text-align:center;position:relative;overflow:hidden}.action-btn:hover{background:#C7271F;box-shadow:0 6px 20px rgba(229,50,45,0.45);transform:translateY(-2px)}.action-btn:active{transform:translateY(0);box-shadow:0 3px 10px rgba(229,50,45,0.3)}.action-btn:disabled,.action-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;transform:none}.action-btn--processing{pointer-events:none;position:relative}.action-btn--processing::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.action-btn--orange{background:#F97316;box-shadow:0 4px 15px rgba(249,115,22,0.35)}.action-btn--orange:hover{background:#EA580C;box-shadow:0 6px 20px rgba(249,115,22,0.45)}.action-btn--green{background:#22C55E;box-shadow:0 4px 15px rgba(34,197,94,0.35)}.action-btn--green:hover{background:#16A34A;box-shadow:0 6px 20px rgba(34,197,94,0.45)}.action-btn--blue{background:#3B82F6;box-shadow:0 4px 15px rgba(59,130,246,0.35)}.action-btn--blue:hover{background:#2563EB;box-shadow:0 6px 20px rgba(59,130,246,0.45)}.action-btn--purple{background:#A855F7;box-shadow:0 4px 15px rgba(168,85,247,0.35)}.action-btn--purple:hover{background:#9333EA;box-shadow:0 6px 20px rgba(168,85,247,0.45)}.action-btn--indigo{background:#6366F1;box-shadow:0 4px 15px rgba(99,102,241,0.35)}.action-btn--indigo:hover{background:#4F46E5;box-shadow:0 6px 20px rgba(99,102,241,0.45)}.action-btn--pink{background:#EC4899;box-shadow:0 4px 15px rgba(236,72,153,0.35)}.action-btn--pink:hover{background:#DB2777;box-shadow:0 6px 20px rgba(236,72,153,0.45)}.action-btn--teal{background:#14B8A6;box-shadow:0 4px 15px rgba(20,184,166,0.35)}.action-btn--teal:hover{background:#0D9488;box-shadow:0 6px 20px rgba(20,184,166,0.45)}.action-btn--gray{background:#6B7280;box-shadow:0 4px 15px rgba(107,114,128,0.35)}.action-btn--gray:hover{background:#4B5563;box-shadow:0 6px 20px rgba(107,114,128,0.45)}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:400px;margin:24px auto;padding:16px 32px;background:#27AE60;color:white;border:none;border-radius:10px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all 0.25s ease;box-shadow:0 4px 15px rgba(39,174,96,0.35);text-transform:uppercase;letter-spacing:0.5px;text-decoration:none}.download-btn:hover{background:#219A52;box-shadow:0 6px 20px rgba(39,174,96,0.45);transform:translateY(-2px);color:white}.download-btn:active{transform:translateY(0);box-shadow:0 3px 10px rgba(39,174,96,0.3)}.download-btn svg{width:22px;height:22px;fill:currentColor}.progress-wrapper{max-width:500px;margin:30px auto;text-align:center}.progress-bar{width:100%;height:8px;background:#E5E7EB;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar__fill{height:100%;background:var(--primary);border-radius:4px;width:0%;transition:width 0.4s ease;position:relative}.progress-bar__fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-bar__fill--red{background:#E5322D}.progress-bar__fill--orange{background:#F97316}.progress-bar__fill--green{background:#22C55E}.progress-bar__fill--blue{background:#3B82F6}.progress-bar__fill--purple{background:#A855F7}.progress-bar__fill--indigo{background:#6366F1}.progress-bar__fill--pink{background:#EC4899}.progress-bar__fill--teal{background:#14B8A6}.progress-text{font-size:0.875rem;font-weight:500;color:var(--text-secondary)}.progress-text__percent{font-weight:700;color:var(--text-primary)}.progress-status{font-size:0.8125rem;color:var(--text-light);margin-top:4px}.download-area{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.download-area__icon{width:80px;height:80px;border-radius:50%;background:#ECFDF5;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:scaleIn 0.5s ease}@keyframes scaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.download-area__icon svg{width:40px;height:40px;fill:#22C55E}.download-area__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.download-area__desc{font-size:0.9375rem;color:var(--text-secondary);margin-bottom:24px}.download-area__file-info{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:0.8125rem;color:var(--text-secondary);margin-bottom:20px}.download-area__actions{display:flex;flex-direction:column;align-items:center;gap:12px}.download-area__restart{font-size:0.875rem;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease;background:none;border:none;text-decoration:underline;text-underline-offset:2px}.download-area__restart:hover{color:var(--primary)}.download-area__share{display:flex;align-items:center;gap:12px;margin-top:20px}.download-area__share-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all 0.2s ease}.download-area__share-btn:hover{background:var(--border-light);transform:translateY(-2px)}.download-area__share-btn svg{width:18px;height:18px;fill:var(--text-secondary)}.download-area__timer{font-size:0.75rem;color:var(--text-light);margin-top:20px;display:flex;align-items:center;justify-content:center;gap:6px}.download-area__timer svg{width:14px;height:14px;fill:var(--text-light)}.tool-options{max-width:600px;margin:24px auto;padding:24px;background:#FFFFFF;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,0.06)}.tool-options__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.tool-options__group{margin-bottom:20px}.tool-options__group:last-child{margin-bottom:0}.tool-options__label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.tool-options__help{font-size:0.75rem;color:var(--text-light);margin-top:4px}.tool-input{width:100%;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:0.9375rem;transition:all 0.2s ease;background:var(--bg-main)}.tool-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(229,50,45,0.1)}.tool-input::placeholder{color:var(--text-light)}.tool-select{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:0.9375rem;transition:all 0.2s ease;background:var(--bg-main);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.tool-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(229,50,45,0.1)}.tool-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}.tool-checkbox input[type="checkbox"]{width:18px;height:18px;border:2px solid var(--border-light);border-radius:4px;appearance:none;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;position:relative}.tool-checkbox input[type="checkbox"]:checked{background:var(--primary);border-color:var(--primary)}.tool-checkbox input[type="checkbox"]:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tool-checkbox input[type="checkbox"]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-checkbox__label{font-size:0.875rem;color:var(--text-secondary)}.tool-radio{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}.tool-radio input[type="radio"]{width:18px;height:18px;border:2px solid var(--border-light);border-radius:50%;appearance:none;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;position:relative}.tool-radio input[type="radio"]:checked{border-color:var(--primary)}.tool-radio input[type="radio"]:checked::after{content:'';position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.tool-radio input[type="radio"]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-radio__label{font-size:0.875rem;color:var(--text-secondary)}.tool-radio-group{display:flex;flex-wrap:wrap;gap:16px}.tool-range{width:100%;margin:8px 0}.tool-range__slider{width:100%;height:6px;appearance:none;background:var(--border-light);border-radius:3px;outline:none;cursor:pointer}.tool-range__slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(229,50,45,0.3);transition:box-shadow 0.2s ease}.tool-range__slider::-webkit-slider-thumb:hover{box-shadow:0 3px 10px rgba(229,50,45,0.4)}.tool-range__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(229,50,45,0.3)}.tool-range__labels{display:flex;justify-content:space-between;margin-top:6px;font-size:0.75rem;color:var(--text-light)}.tool-range__value{text-align:center;font-size:0.875rem;font-weight:600;color:var(--text-primary);margin-top:4px}.page-thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px;margin:24px auto;padding:0 20px}.page-thumbnail{position:relative;background:#FFFFFF;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,0.06);overflow:hidden;cursor:grab;transition:all 0.2s ease;border:2px solid transparent}.page-thumbnail:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1)}.page-thumbnail.selected{border-color:var(--primary);box-shadow:0 4px 16px rgba(229,50,45,0.2)}.page-thumbnail.dragging{opacity:0.5;cursor:grabbing}.page-thumbnail__preview{width:100%;aspect-ratio:210 / 297;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.page-thumbnail__preview img,.page-thumbnail__preview canvas{width:100%;height:100%;object-fit:contain}.page-thumbnail__number{text-align:center;padding:8px 0;font-size:0.8125rem;font-weight:500;color:var(--text-secondary);background:#FFFFFF}.page-thumbnail__actions{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity 0.2s ease}.page-thumbnail:hover .page-thumbnail__actions{opacity:1}.page-thumbnail__action-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all 0.2s ease}.page-thumbnail__action-btn:hover{background:white;transform:scale(1.1)}.page-thumbnail__action-btn svg{width:16px;height:16px;fill:var(--text-primary)}.page-thumbnail__action-btn--delete:hover svg{fill:#E5322D}.page-thumbnail__action-btn--rotate:hover svg{fill:#3B82F6}.page-thumbnail__drag-handle{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;cursor:grab}.page-thumbnail:hover .page-thumbnail__drag-handle{opacity:1}.page-thumbnail__drag-handle svg{width:14px;height:14px;fill:var(--text-secondary)}.page-thumbnail__select{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.9);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;opacity:0}.page-thumbnail:hover .page-thumbnail__select,.page-thumbnail.selected .page-thumbnail__select{opacity:1}.page-thumbnail.selected .page-thumbnail__select{background:var(--primary);border-color:var(--primary)}.page-thumbnail.selected .page-thumbnail__select::after{content:'';width:8px;height:5px;border:solid white;border-width:0 0 2px 2px;transform:rotate(-45deg);margin-top:-2px}.privacy-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#F0FDF4;border-radius:var(--radius-full);font-size:0.8125rem;font-weight:500;color:#166534;margin:16px auto 0}.privacy-badge svg{width:16px;height:16px;fill:#22C55E;flex-shrink:0}.how-to-section{padding:60px 20px;background:var(--bg-secondary)}.how-to-section__title{text-align:center;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:40px}.how-to-steps{display:grid;grid-template-columns:1fr;gap:30px;max-width:900px;margin:0 auto}.how-to-step{text-align:center;position:relative}.how-to-step__number{width:48px;height:48px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 16px}.how-to-step__number--orange{background:#F97316}.how-to-step__number--green{background:#22C55E}.how-to-step__number--blue{background:#3B82F6}.how-to-step__number--purple{background:#A855F7}.how-to-step__number--indigo{background:#6366F1}.how-to-step__number--pink{background:#EC4899}.how-to-step__number--teal{background:#14B8A6}.how-to-step__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.how-to-step__desc{font-size:0.875rem;color:var(--text-secondary);line-height:1.5;max-width:250px;margin:0 auto}.how-to-step__connector{display:none}.about-tool{max-width:800px;margin:0 auto;padding:60px 20px}.about-tool__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.about-tool p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.25rem}.about-tool h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:0.75rem}.about-tool ul{padding-left:1.5rem;margin-bottom:1.25rem;list-style:disc}.about-tool li{font-size:0.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:0.5rem}.related-tools{padding:50px 20px;background:var(--bg-secondary)}.related-tools__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:30px}.related-tools__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:0 auto}.related-tools__scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:none}.related-tools__scroll::-webkit-scrollbar{display:none}.related-tools__scroll .tool-card{min-width:180px;scroll-snap-align:start;flex-shrink:0}.signature-pad-wrapper{max-width:600px;margin:24px auto;background:#FFFFFF;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,0.06);overflow:hidden}.signature-pad-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.signature-pad-toolbar__group{display:flex;align-items:center;gap:6px}.signature-pad-toolbar__label{font-size:0.75rem;font-weight:500;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px}.signature-pad-color{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease}.signature-pad-color.active{border-color:var(--text-primary);box-shadow:0 0 0 2px white,0 0 0 4px var(--text-primary)}.signature-pad-color--black{background:#1F2937}.signature-pad-color--blue{background:#2563EB}.signature-pad-color--red{background:#DC2626}.signature-pad-canvas{display:block;width:100%;height:250px;cursor:crosshair;background:white;touch-action:none}.signature-pad-actions{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-light)}.signature-pad-clear{font-size:0.875rem;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease;background:none;border:none}.signature-pad-clear:hover{color:var(--primary)}.ocr-language-selector{max-width:600px;margin:20px auto}.ocr-language-selector__search{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:0.9375rem;margin-bottom:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.ocr-language-selector__search:focus{outline:none;border-color:var(--primary)}.ocr-language-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:200px;overflow-y:auto;padding:4px}.ocr-language-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background 0.2s ease;font-size:0.8125rem}.ocr-language-item:hover{background:var(--bg-secondary)}.ocr-language-item.selected{background:var(--primary-light);color:var(--primary);font-weight:500}.watermark-preview{position:relative;max-width:400px;margin:20px auto;aspect-ratio:210 / 297;background:white;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06)}.watermark-preview__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.watermark-preview__text{font-size:2rem;font-weight:700;color:rgba(229,50,45,0.3);transform:rotate(-30deg);white-space:nowrap;user-select:none}.watermark-preview__image{max-width:40%;max-height:40%;opacity:0.3}.pdf-editor{max-width:900px;margin:0 auto}.pdf-editor__toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#FFFFFF;border:1px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow-x:auto;scrollbar-width:none}.pdf-editor__toolbar::-webkit-scrollbar{display:none}.pdf-editor__tool-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);font-size:0.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all 0.2s ease;background:none;border:none;cursor:pointer}.pdf-editor__tool-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.pdf-editor__tool-btn.active{background:var(--primary-light);color:var(--primary)}.pdf-editor__tool-btn svg{width:18px;height:18px;fill:currentColor}.pdf-editor__separator{width:1px;height:24px;background:var(--border-light);flex-shrink:0}.pdf-editor__canvas-wrapper{background:#E5E7EB;border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:20px;min-height:500px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.pdf-editor__canvas{background:white;box-shadow:0 2px 10px rgba(0,0,0,0.15);cursor:crosshair}.page-number-position{max-width:300px;margin:20px auto}.page-number-position__label{font-size:0.875rem;font-weight:500;color:var(--text-primary);margin-bottom:12px;text-align:center}.page-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--border-light);border-radius:var(--radius-md);padding:4px;aspect-ratio:210 / 297;max-width:180px;margin:0 auto}.page-number-grid__cell{background:white;border:none;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-size:0.625rem;color:var(--text-light);border-radius:2px}.page-number-grid__cell:hover{background:var(--primary-light);color:var(--primary)}.page-number-grid__cell.active{background:var(--primary);color:white;font-weight:600}.password-field{position:relative;max-width:400px;margin:20px auto}.password-field__input{width:100%;padding:12px 48px 12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:0.9375rem;transition:all 0.2s ease}.password-field__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(229,50,45,0.1)}.password-field__toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light);transition:all 0.2s ease;background:none;border:none}.password-field__toggle:hover{color:var(--text-secondary);background:var(--bg-secondary)}.password-field__toggle svg{width:18px;height:18px;fill:currentColor}.password-field__strength{display:flex;gap:4px;margin-top:8px}.password-field__strength-bar{flex:1;height:3px;background:var(--border-light);border-radius:2px;transition:background 0.3s ease}.password-field__strength-bar.weak{background:#EF4444}.password-field__strength-bar.medium{background:#F59E0B}.password-field__strength-bar.strong{background:#22C55E}.password-field__strength-text{font-size:0.75rem;margin-top:4px;text-align:right}.password-field__strength-text.weak{color:#EF4444}.password-field__strength-text.medium{color:#F59E0B}.password-field__strength-text.strong{color:#22C55E}.quality-slider{max-width:500px;margin:20px auto;padding:20px;background:#FFFFFF;border-radius:var(--radius-md);box-shadow:0 1px 4px rgba(0,0,0,0.06)}.quality-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quality-slider__label{font-size:0.875rem;font-weight:600;color:var(--text-primary)}.quality-slider__value{font-size:0.875rem;font-weight:700;color:var(--primary)}.quality-slider__track{position:relative;height:40px;display:flex;align-items:center}.quality-slider__input{width:100%;height:8px;appearance:none;background:linear-gradient(to right,#22C55E,#EAB308,#E5322D);border-radius:4px;outline:none;cursor:pointer}.quality-slider__input::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:white;border:3px solid var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:box-shadow 0.2s ease}.quality-slider__input::-webkit-slider-thumb:hover{box-shadow:0 3px 10px rgba(0,0,0,0.2)}.quality-slider__input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:white;border:3px solid var(--primary);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.quality-slider__presets{display:flex;justify-content:space-between;margin-top:12px}.quality-slider__preset{padding:6px 14px;font-size:0.75rem;font-weight:600;border-radius:var(--radius-full);border:1px solid var(--border-light);background:white;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease}.quality-slider__preset:hover{border-color:var(--primary);color:var(--primary)}.quality-slider__preset.active{background:var(--primary);color:white;border-color:var(--primary)}.tool-page{min-height:calc(100vh - 64px)}.tool-content{padding:0 0 60px}.tool-section{padding:40px 20px}.tool-section--alt{background:var(--bg-secondary)}.tool-wrapper{max-width:700px;margin:0 auto}.tool-state{display:none}.tool-state.active{display:block}.tool-state--upload{}.tool-state--options{}.tool-state--processing{}.tool-state--complete{}.split-range-inputs{max-width:500px;margin:20px auto}.split-range-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.split-range-row__label{font-size:0.8125rem;font-weight:500;color:var(--text-secondary);min-width:50px}.split-range-row__input{width:80px;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:0.875rem;text-align:center}.split-range-row__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(229,50,45,0.1)}.split-range-row__separator{font-size:0.875rem;color:var(--text-light)}.split-range-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px dashed var(--border-light);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:0.8125rem;cursor:pointer;transition:all 0.2s ease;width:100%}.split-range-add:hover{border-color:var(--primary);color:var(--primary)}.merge-file-list{max-width:600px;margin:24px auto;counter-reset:file-counter}.merge-file-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#FFFFFF;border-radius:var(--radius-md);box-shadow:0 1px 4px rgba(0,0,0,0.06);margin-bottom:10px;counter-increment:file-counter;transition:all 0.3s ease}.merge-file-item::before{content:counter(file-counter);width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0}@media (min-width:640px){.tool-hero{padding:60px 20px 90px}.tool-hero__title{font-size:2.25rem}.upload-zone{padding:70px 50px}.page-thumbnails{grid-template-columns:repeat(3,1fr)}.how-to-steps{grid-template-columns:repeat(2,1fr)}.related-tools__grid{grid-template-columns:repeat(3,1fr)}.ocr-language-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tool-hero{padding:70px 20px 100px}.tool-hero__title{font-size:2.5rem}.tool-hero__desc{font-size:1.1875rem}.tool-upload-wrapper{margin-top:-50px}.page-thumbnails{grid-template-columns:repeat(4,1fr);gap:20px}.how-to-steps{grid-template-columns:repeat(4,1fr);gap:24px}.how-to-step{position:relative}.how-to-step__connector{display:block;position:absolute;top:24px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--border-light)}.how-to-step:last-child .how-to-step__connector{display:none}.related-tools__grid{grid-template-columns:repeat(4,1fr);gap:20px}.signature-pad-canvas{height:300px}.pdf-editor__canvas-wrapper{min-height:650px}}@media (min-width:1280px){.page-thumbnails{grid-template-columns:repeat(5,1fr)}.related-tools__grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:480px){.tool-hero{padding:40px 16px 70px}.tool-hero__title{font-size:1.5rem}.tool-hero__desc{font-size:0.9375rem}.upload-zone{padding:40px 20px;border-radius:16px}.upload-zone__title{font-size:1rem}.upload-zone__button{padding:10px 24px;font-size:0.9375rem}.upload-zone__sources{flex-direction:column;gap:8px}.file-item{padding:10px 12px}.file-item__icon{width:30px;height:30px}.file-item__name{font-size:0.8125rem}.action-btn{font-size:1rem;padding:14px 24px}.download-btn{font-size:1rem;padding:14px 24px}.tool-options{padding:16px}.page-thumbnails{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px}.how-to-steps{gap:24px}.signature-pad-toolbar{padding:8px 12px;gap:8px}.quality-slider{padding:16px}.quality-slider__presets{flex-wrap:wrap;gap:8px}.pdf-editor__toolbar{padding:8px 12px}.pdf-editor__canvas-wrapper{min-height:350px;padding:12px}.split-range-row{flex-wrap:wrap}}@media print{.tool-hero,.upload-zone,.file-list,.action-btn,.download-btn,.download-area,.progress-wrapper,.tool-options,.page-thumbnails,.privacy-badge,.related-tools,.how-to-section{display:none !important}.about-tool{padding:20px 0}}@media (prefers-reduced-motion:reduce){.upload-zone,.upload-zone.dragover,.file-item,.page-thumbnail,.tool-card,.action-btn,.download-btn{transition:none}.action-btn:hover,.download-btn:hover{transform:none}.progress-bar__fill::after{animation:none}.action-btn--processing::after{animation:none}.download-area__icon{animation:none}}.ad-slot{text-align:center;margin:20px auto;overflow:hidden;clear:both;line-height:0}.ad-slot__label{display:block;font-size:0.625rem;font-weight:500;color:#9CA3AF;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;line-height:1;text-align:center}.ad-slot:empty{display:none;margin:0;padding:0}.ad-slot ins:empty{display:none}.ad-slot--header{max-width:728px;margin:10px auto;padding:10px 0}.ad-slot--sidebar{margin-bottom:20px}.ad-slot--sidebar ins{display:block}.ad-slot--sidebar-1{margin-bottom:20px}.ad-slot--sidebar-1 ins{display:block}.ad-slot--sidebar-2{position:sticky;top:80px;margin-bottom:20px}.ad-slot--sidebar-2 ins{display:block}.ad-slot--in-content{margin:30px auto;padding:20px 0;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.ad-slot--after-tool{margin:30px auto;max-width:600px;padding:20px 0}.ad-slot--in-content-2{margin:30px auto;padding:20px 0;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.ad-slot--tool-top{max-width:728px;margin:10px auto 20px;padding:10px 0;text-align:center}.ad-slot--tool-bottom{max-width:728px;margin:20px auto 10px;padding:10px 0;text-align:center}.ad-slot--before-comments{max-width:728px;margin:30px auto;padding:20px 0;border-top:1px solid #E5E7EB}.ad-slot--footer{padding:20px 0;max-width:728px;margin:0 auto}.ad-slot--in-feed{grid-column:span 2;padding:20px;display:flex;align-items:center;justify-content:center;background:#FAFAFA;border-radius:16px;border:1px dashed #E5E7EB;min-height:120px}.ad-slot--between-sections{margin:40px auto;padding:20px 0;max-width:728px}.ad-slot--before-faq{margin:30px auto 0;padding:20px 0;max-width:728px}.ad-slot--after-download{margin:30px auto;max-width:500px;padding:16px 0;border-top:1px solid #E5E7EB}.ad-slot--in-article{margin:24px -20px;padding:20px;background:#F9FAFB;text-align:center}.ad-slot--mobile-anchor{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:white;box-shadow:0 -2px 10px rgba(0,0,0,0.1);padding:5px;text-align:center}.ad-slot--mobile-anchor .ad-slot__close{position:absolute;top:-28px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,0.6);color:white;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;border:none;line-height:1;z-index:1;transition:background 0.2s ease}.ad-slot--mobile-anchor .ad-slot__close:hover{background:rgba(0,0,0,0.8)}body.has-anchor-ad{padding-bottom:60px}.ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease}.ad-overlay.active{opacity:1;visibility:visible}.ad-overlay__content{background:white;border-radius:12px;padding:20px;position:relative;max-width:90vw;max-height:90vh}.ad-overlay__close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#2D3748;color:white;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:none;transition:background 0.2s ease;z-index:1}.ad-overlay__close:hover{background:#1A202C}.ad-overlay__timer{text-align:center;font-size:0.75rem;color:#9CA3AF;margin-top:8px}@media (max-width:639px){.ad-slot--header{max-width:320px;padding:8px 0}.ad-slot--in-feed{grid-column:span 1;padding:16px;min-height:100px}.ad-slot--footer{max-width:320px}.ad-slot--in-content,.ad-slot--in-content-2{margin:20px auto;padding:16px 0}.ad-slot--tool-top,.ad-slot--tool-bottom{max-width:320px;padding:8px 0}.ad-slot--between-sections{margin:24px auto;padding:16px 0}.ad-slot--in-article{margin:20px -16px;padding:16px}.ad-slot--mobile-anchor{display:block}}@media (min-width:640px){.ad-slot--header{max-width:468px}.ad-slot--footer{max-width:468px}.ad-slot--mobile-anchor{display:none}body.has-anchor-ad{padding-bottom:0}}@media (min-width:1024px){.ad-slot--header{max-width:728px}.ad-slot--footer{max-width:728px}.ad-slot--in-feed{grid-column:span 2}.ad-slot--in-article{margin:24px 0;border-radius:8px}}@media (min-width:1280px){.ad-slot--header{max-width:970px}.ad-slot--in-feed{grid-column:span 2}}.ad-slot--loading{position:relative;min-height:90px;background:#F9FAFB;border-radius:8px}.ad-slot--loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.6),transparent );animation:adShimmer 1.5s infinite}@keyframes adShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.ad-blocker-notice{max-width:600px;margin:20px auto;padding:16px 20px;background:#FEF3C7;border:1px solid #FDE68A;border-radius:8px;text-align:center;display:none}.ad-blocker-notice.visible{display:block}.ad-blocker-notice__icon{font-size:1.5rem;margin-bottom:8px}.ad-blocker-notice__title{font-size:0.9375rem;font-weight:600;color:#92400E;margin-bottom:4px}.ad-blocker-notice__text{font-size:0.8125rem;color:#A16207;line-height:1.5;margin-bottom:0}.ad-consent-placeholder{max-width:600px;margin:20px auto;padding:24px 20px;background:#F3F4F6;border:1px solid #E5E7EB;border-radius:8px;text-align:center}.ad-consent-placeholder__text{font-size:0.8125rem;color:#6B7280;margin-bottom:12px;line-height:1.5}.ad-consent-placeholder__btn{display:inline-block;padding:8px 20px;background:#2D3748;color:white;border:none;border-radius:6px;font-size:0.8125rem;font-weight:600;cursor:pointer;transition:background 0.2s ease}.ad-consent-placeholder__btn:hover{background:#1A202C}@media print{.ad-slot,.ad-overlay,.ad-blocker-notice,.ad-consent-placeholder{display:none !important}body.has-anchor-ad{padding-bottom:0 !important}}@media (prefers-reduced-motion:reduce){.ad-slot--loading::after{animation:none}.ad-overlay{transition:none}}.social-share{text-align:center;padding:24px 0;margin:20px auto;max-width:600px}.social-share__label{display:block;font-size:0.875rem;font-weight:600;color:#4A5568;margin-bottom:12px}.social-share__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.social-share__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:0.8125rem;font-weight:500;color:var(--share-color,#4A5568);background:#F7FAFC;border:1px solid #E2E8F0;text-decoration:none;cursor:pointer;transition:all 0.2s ease;line-height:1}.social-share__btn:hover{background:var(--share-color,#4A5568);color:white;border-color:var(--share-color,#4A5568);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.social-share__btn:hover svg{fill:white;stroke:white}.social-share__btn span{pointer-events:none}@media (max-width:639px){.social-share__btn span{display:none}.social-share__btn{padding:10px}}.embed-widget{text-align:center;padding:16px 0;margin:20px auto;max-width:600px}.embed-widget__toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;font-size:0.8125rem;font-weight:500;color:#4A5568;cursor:pointer;transition:all 0.2s ease}.embed-widget__toggle:hover{background:#EDF2F7;color:#2D3748}.embed-widget__code{margin-top:16px;text-align:left}.embed-widget__desc{font-size:0.8125rem;color:#718096;margin-bottom:8px}.embed-widget__textarea{width:100%;padding:12px;font-family:'Courier New',Courier,monospace;font-size:0.75rem;line-height:1.5;background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;color:#2D3748;resize:vertical}.embed-widget__textarea:focus{outline:none;border-color:#E53E3E;box-shadow:0 0 0 3px rgba(229,62,62,0.1)}.embed-widget__copy{margin-top:8px;padding:8px 20px;background:#E53E3E;color:white;border:none;border-radius:6px;font-size:0.8125rem;font-weight:600;cursor:pointer;transition:background 0.2s ease}.embed-widget__copy:hover{background:#C53030}@media print{.social-share,.embed-widget{display:none !important}}