.compress-container,.converter-container,.merge-container,.view-container,.watermark-container{margin:40px auto;max-width:900px;padding:20px}.compress-header,.converter-header,.merge-header,.view-header,.watermark-header{margin-bottom:40px;text-align:center}.compress-header h1,.converter-header h1,.merge-header h1,.view-header h1,.watermark-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.compress-header p,.converter-header p,.merge-header p,.view-header p,.watermark-header p{color:#666;font-size:1.1rem}.upload-area{background:#f9f9f9;border-radius:12px;cursor:pointer;margin-bottom:30px;padding:60px 20px;text-align:center;transition:all .3s ease}.upload-area.dragover,.upload-area:hover{background:#fff;transform:scale(1.02)}.upload-area i{font-size:3rem;margin-bottom:15px}.upload-area h3{color:#333;font-size:1.5rem;margin-bottom:10px}.upload-area p{color:#666;margin-bottom:5px}.upload-area .file-info{color:#999;font-size:.9rem;margin-top:10px}#fileInput{display:none}.file-preview{background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:none;margin-bottom:20px;padding:20px}.file-preview.active{display:block}.file-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.file-preview-header h3{color:#333;font-size:1.2rem;margin:0}.remove-file{background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .3s ease}.remove-file:hover{background:#c00}.file-details{align-items:center;display:flex;gap:15px}.file-icon{font-size:3rem}.file-info-text{flex:1}.file-name{color:#333;font-weight:600;margin-bottom:5px;word-break:break-word}.file-size{color:#999;font-size:.9rem}.add-watermark-button,.compress-button,.convert-button,.extract-button,.merge-button,.split-button,.view-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding:18px;transition:all .3s ease;width:100%}.add-watermark-button:hover:not(:disabled),.compress-button:hover:not(:disabled),.convert-button:hover:not(:disabled),.extract-button:hover:not(:disabled),.merge-button:hover:not(:disabled),.split-button:hover:not(:disabled),.view-button:hover:not(:disabled){transform:translateY(-2px)}.add-watermark-button:disabled,.compress-button:disabled,.convert-button:disabled,.extract-button:disabled,.merge-button:disabled,.split-button:disabled,.view-button:disabled{background:#ccc;cursor:not-allowed}.download-area{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-top:20px;padding:30px;text-align:center}.download-area h3{color:#2e7d32;font-size:1.5rem;margin-bottom:15px}.download-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 40px;text-decoration:none;transition:all .3s ease}.download-button:hover{background:#388e3c;box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-2px)}.error-message{background:#ffebee;border:2px solid #f44336;border-radius:8px;color:#c62828;margin-bottom:20px;padding:15px;text-align:center}.processing{padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;height:50px;margin:0 auto 15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-section{background:#f8f9fa;border-radius:12px;margin-top:50px;padding:30px}.info-section h2{color:#333;font-size:1.8rem;margin-bottom:20px}.info-section ul{list-style:none;padding:0}.info-section li{color:#666;font-size:1rem;padding:10px 0}.info-section li i{margin-right:10px;width:20px}.text-result{background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:none;margin-bottom:20px;padding:20px}.text-result.show{display:block}.result-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.result-header h3{color:#333;font-size:1.2rem;margin:0}.action-buttons{display:flex;gap:10px}.copy-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.copy-button:hover{background:#388e3c;box-shadow:0 4px 12px rgba(76,175,80,.3);transform:translateY(-2px)}.text-box{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;min-height:300px;padding:15px;resize:vertical;width:100%}.input-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.input-tab{background:#f5f5f5;border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1;font-size:1.1rem;font-weight:600;max-width:250px;padding:15px 30px;text-align:center;transition:all .3s ease}.input-tab:hover{background:#fff}.input-section{display:none}.input-section.active{display:block}.text-input-area{border-radius:8px;font-family:Courier New,monospace;font-size:1rem;line-height:1.6;margin-bottom:20px;min-height:300px;padding:20px;resize:vertical;width:100%}.text-input-area:focus{box-shadow:0 0 10px rgba(0,0,0,.1);outline:none}.selected-file{background:#e8f5e9;border-radius:8px;display:none;margin-top:20px;padding:20px;text-align:left}.selected-file.show{display:block}.compression-stats{background:#fff;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0;padding:20px}.stat-item{text-align:center}.stat-label{color:#666;font-size:.9rem;margin-bottom:5px}.stat-value{color:#2e7d32;font-size:1.3rem;font-weight:600}.file-list{margin-bottom:30px}.file-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.file-list-header h3{color:#333;font-size:1.3rem}.clear-all{background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background .3s ease}.clear-all:hover{background:#c00}.file-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:move;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.file-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.file-item.dragging{opacity:.5;transform:scale(.98)}.file-item.drag-over{background:#f9f9f9;border-style:dashed}.drag-handle{color:#999;cursor:move;font-size:1.5rem}.file-info-container{flex:1}.empty-state{color:#999;font-style:italic;padding:20px;text-align:center}#imageInput,#pdfInput{display:none}.watermark-options{display:none;margin-bottom:20px}.watermark-options.active{display:block}.watermark-section{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:25px}.watermark-section h3{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:10px;margin-bottom:15px}.text-input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.text-input:focus{outline:none}.image-upload-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:8px;padding:12px 24px;transition:all .3s ease}.image-preview{display:none;margin-top:15px}.image-preview.active{align-items:center;display:flex;gap:15px}.image-preview img{border:2px solid #e0e0e0;border-radius:6px;max-height:150px;max-width:150px}.image-preview-info{flex:1}.remove-image{background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .3s ease}.remove-image:hover{background:#c00}.add-watermark-button.active,.download-area.active{display:block}@media (max-width:768px){.converter-header h1{font-size:2rem}.upload-area{padding:40px 15px}.action-buttons{width:100%}.copy-button,.download-button{flex:1}.input-tabs{flex-direction:column}.input-tab{max-width:100%}}