nav .tool,nav a .logo{font-family:sans-serif;font-style:italic}.filter-btn,nav,nav a .logo{color:#3b82f6}#dropZone,.category-card,.feature-card,.filter-btn,.step-number{transition:.3s}body{font-family:'Segoe UI',sans-serif}nav{background-color:#fff}nav a .logo{margin-left:2px}.dropdown-large{min-width:400px}.dropdown-hover:hover .dropdown-menu{display:block;margin-top:0}.add-file-container input,.dropdown-menu{display:none}.hero-section{background:linear-gradient(135deg,#2563eb 0,#3b82f6 100%);padding:120px 0 80px;clip-path:ellipse(100% 60% at 50% 30%);margin-top:-50px;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;bottom:-50px;left:0;right:0;height:100px;background:#fff;transform:skewY(-3deg)}.mt{margin-top:-13em}.dragover{border:2px dashed #0d6efd!important;background-color:rgba(13,110,253,.1)!important}#dropZone{border:3px dashed #d3d3d3;background:rgba(99,102,241,.05)}#dropZone.dragover{border-color:#4f46e5;background:rgba(79,70,229,.1);animation:1.5s infinite pulse}.step-number{animation:2s infinite bounce}.category-card:hover,.feature-card:hover{transform:translateY(-10px);box-shadow:0 1rem 3rem rgba(0,0,0,.1)!important}.image-tool,.other-tool,.pdf-tool{display:block}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.category-card{border:none;border-radius:10px;overflow:hidden}.card-body h4{color:#000;font-size:22px;font-weight:600}.category-card p{font-size:13px;margin-bottom:0}.category-card .spanbolder{font-weight:600;color:#666}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 2rem;background:rgba(37,99,235,.05)}.feature-item{text-align:center}.filter-buttons{display:flex;justify-content:center;margin-bottom:30px;flex-wrap:wrap;gap:10px}.filter-btn{padding:4px 15px;border-radius:30px;background:#f1f5f9;border:none;font-weight:600;cursor:pointer}.filter-btn.active{background:#3b82f6;color:#fff}.filter-btn:hover{background:#e0e7ff}.filter-btn.active:hover{background:#2563eb}.image-preview{height:auto;display:flex;flex-wrap:wrap;gap:10px}.slider-container label{font-weight:700}.slider{width:100%}.quality-options{margin:0}.quality-options label{font-weight:700;margin-bottom:10px;display:block}.quality-options input{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.image-preview img{max-width:100px;max-height:100px;border:1px solid #ddd;border-radius:5px;cursor:grab;position:relative}.image-preview img.dragging{opacity:.5}.loading-spinner,.spinner{display:none;margin:20px auto}.options-section,.preview-panel{margin-top:20px}.options-section button{float:left;margin-right:10px;margin-bottom:10px;padding:5px 15px}.options-section label{font-weight:600;font-size:15px;margin-bottom:8px;color:#636363}.options-section .form-group,.social hr{margin-bottom:15px}.preview-panel{padding:20px;border:1px solid #ddd;border-radius:5px;background:#f9f9f9}.preview-panel img{max-width:100%;max-height:200px;border:1px solid #ddd;border-radius:5px}.order-number{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.7);color:#fff;padding:2px 5px;border-radius:3px;font-size:12px}.drag-instruction{font-size:14px;color:#666;margin-top:10px}.pdf-thumbnail-footer,.pdf-thumbnail-header{padding:5px;font-size:12px;text-align:center}.pdf-preview-container{display:flex;flex-wrap:wrap;gap:10px}.pdf-preview-container img{max-width:100px;max-height:100px;border:1px solid #ddd;border-radius:5px;cursor:grab}.add-file-container{display:none;justify-content:flex-end;align-items:center;margin-bottom:10px;gap:10px}.add-file-container label{cursor:pointer;background-color:#3b82f6;color:#fff;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.cancel-image,.pdf-thumbnail-controls button{width:24px;height:24px;cursor:pointer;display:flex}.options-section .btn{display:flex;align-items:center;gap:8px;margin:5px}.cancel-image{position:absolute;top:5px;right:5px;background:rgba(255,0,0,.7);color:#fff;border:none;border-radius:50%;align-items:center;justify-content:center}.image-controls{position:absolute;bottom:5px;left:50%;display:flex;gap:5px;transform:translateX(-50%)}.image-controls button{background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:4px;padding:2px 6px;cursor:pointer}.selected-option{background-color:#0d6efd!important;color:#fff!important}.pdf-thumbnail-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.pdf-thumbnail{position:relative;width:150px;height:200px;border:1px solid #ddd;border-radius:5px;overflow:hidden;background-color:#f8f9fa;display:flex;flex-direction:column}.pdf-thumbnail-header{background-color:#e74c3c;color:#fff}.pdf-thumbnail-image{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1}.pdf-thumbnail-image img{max-width:100%;max-height:100%;object-fit:contain}.pdf-thumbnail-footer{background-color:#f8f9fa;border-top:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-thumbnail-controls{position:absolute;top:0;right:0;display:flex}.pdf-thumbnail-controls button{background:rgba(0,0,0,.5);color:#fff;border:none;align-items:center;justify-content:center}.pdf-preview-container{border:1px solid #ddd;border-radius:5px;padding:15px;min-height:300px;background-color:#f8f9fa}.pdf-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d}.pdf-page-count,.reorder-handle{left:5px;color:#fff;background:rgba(0,0,0,.7);border-radius:4px;font-size:11px;position:absolute;padding:2px 6px}.pdf-preview-placeholder i{font-size:48px;margin-bottom:15px}.pdf-page-count{bottom:5px}.reorder-handle{top:5px;cursor:move}.pdf-thumbnail.sortable-ghost{opacity:.5;background:#c8ebfb}.sortable-drag{opacity:.8;transform:rotate(3deg)}.progress-bar{height:10px;border-radius:5px}.progress-text{font-size:12px;text-align:center;margin-top:5px}.quality-option{cursor:pointer;transition:.3s}.page-number-option:hover,.quality-option:hover{background-color:#f8f9fa}.page-number-option.selected,.quality-option.selected{background-color:#0d6efd;color:#fff}.span{font-size:11px}.page-number-options{display:flex;flex-direction:column;gap:8px}.page-number-option{padding:10px 15px;border:1px solid #dee2e6;border-radius:5px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:space-between}.page-number-option.selected{border-color:#0d6efd}.page-number-option i{opacity:0}.page-number-option.selected i{opacity:1}.progress-container{margin-top:20px;display:none}footer{font-size: .875rem;margin-top:30px;padding:20px 0;background:#000}footer *{letter-spacing:.5px;line-height:20px;color:#a3a3a3}.links a{display:block;padding-bottom:6px;font-weight:400;letter-spacing:1px}.links a:hover{color:#f1f1f1}.links a .fa{margin-right:5px;color:#a3a3a3}footer .social a{padding:8px 16px 7px;border-radius:5px;margin-right:5px;background:rgba(255,255,255,.2)}footer .social a:hover{background:rgba(255,255,255,.1)}.social hr{margin-top:25px;border:0;border-top:1px solid rgba(255,255,255,.2)}footer .social .fa{font-size:18px;color:#fff}.copyright,.links h4,.social h3{background:rgba(222,222,222,.1);padding:6px 10px;margin-top:30px}.animate-float{animation:3s ease-in-out infinite float}.image-preview{max-width:100px;max-height:100px;margin:5px;border:1px solid #d1d5db;border-radius:4px}.image-container{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background-color:#f9fafb;border-radius:8px;min-height:100px;justify-content:center}.image-item{position:relative}.image-item .cancel-btn,.image-item .edit-btn,.image-item .rotate-btn{position:absolute;top:5px;background-color:#fff;border:1px solid #d1d5db;border-radius:50%;padding:2px 6px;cursor:pointer}.image-item .rotate-btn{right:55px}.image-item .edit-btn{right:30px}.image-item .cancel-btn{right:5px}.image-item .cancel-btn:hover,.image-item .edit-btn:hover,.image-item .rotate-btn:hover{background-color:#f3f4f6}.options-section .form-control,.options-section .form-select{width:100%;max-width:200px}.preview-modal .preview-container{width:100%;height:60vh;overflow:auto;border:1px solid #d1d5db;background-color:#f9fafb;border-radius:8px;padding:10px;text-align:center}.preview-modal .preview-canvas{border:1px solid #d1d5db;border-radius:4px;margin-bottom:10px;background-color:#fff}.header-container{display:flex;align-items:center;justify-content:space-between}.icon-group{display:flex;align-items:center}.cropper-container{max-width:100%;max-height:400px;margin-bottom:10px}.slider-container{margin:10px 0}.slider-container label{display:block;margin-bottom:5px}.color-picker{width:30px;height:30px;padding:0;border:none;cursor:pointer}.image-count{font-size:.9em;color:#6c757d;margin-top:5px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}