.tool-page{padding-top:80px;min-height:calc(100vh - 400px)}.tool-hero{background:linear-gradient(135deg,#f0f7ff,#f9f0ff);padding:60px 0;text-align:center}.tool-hero-container{max-width:800px;margin:0 auto;padding:0 2rem}.tool-title{font-size:2.5rem;font-weight:700;color:#4d4956;margin-bottom:1rem}.tool-description{font-size:1.2rem;color:#6b7280;line-height:1.6}.converter-section{padding:3rem 0;background:#fff}.converter-container{max-width:1000px;margin:0 auto;padding:0 2rem}.upload-area{margin-bottom:2rem}.upload-box{border:2px dashed #7c3aed;border-radius:1rem;padding:3rem;text-align:center;background:#7c3aed05;transition:all .3s ease}.upload-box:hover{border-color:#4338ca;background:#7c3aed0d}.upload-icon{font-size:3rem;color:#7c3aed;margin-bottom:1rem}.upload-box h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.upload-box p{color:#6b7280;margin:.5rem 0}.upload-button{display:inline-block;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;padding:.75rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;margin:1rem 0;transition:all .3s ease}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.file-limits{font-size:.9rem;color:#6b7280}.progress-container{margin-top:2rem;text-align:center}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress{width:0%;height:100%;background:linear-gradient(90deg,#7c3aed,#3b82f6);transition:width .3s ease}.progress-text{color:#4b5563;font-size:1rem;margin-top:.5rem}.result-container{text-align:center;margin-top:2rem;padding:2rem;background:#f9fafb;border-radius:1rem;border:1px solid rgba(124,58,237,.1)}.result-container h3{color:#374151;font-size:1.5rem;margin-bottom:1.5rem}.result-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-button{background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;padding:1rem 2rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.start-over-button{background:#fff;color:#4b5563;padding:1rem 2rem;border-radius:.75rem;font-weight:600;border:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.start-over-button:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.conversion-options-wrapper{margin-top:2rem;text-align:left}.selected-file{font-weight:500;color:#374151;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid rgba(124,58,237,.1)}.detailed-options{background:#fff;padding:2rem;border-radius:1rem;border:1px solid rgba(124,58,237,.1);box-shadow:0 4px 6px #0000000d}.options-title{font-size:1.25rem;color:#374151;margin-bottom:1.5rem}.option-group{margin-bottom:1.5rem}.option-group:last-child{margin-bottom:0}.option-group label{display:block;font-weight:500;color:#4b5563;margin-bottom:.5rem}.option-select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;color:#374151;background:#fff;transition:all .3s ease}.option-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.input-help{font-size:.875rem;color:#6b7280;margin-top:.5rem}.convert-button{width:100%;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;padding:1rem;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:2rem}.convert-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.upload-box.uploading{border-style:solid;background:#7c3aed0d}.upload-box.complete{border-color:#10b981;background:#10b9810d}.upload-box.error{border-color:#ef4444;background:#ef44440d}.features-list{padding:4rem 0;background:#f9fafb}.features-container{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.features-container h2{font-size:2rem;color:#583e85;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.feature-item{padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.feature-item i{font-size:2rem;color:#7c3aed;margin-bottom:1rem}.feature-item h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.feature-item p{color:#6b7280;line-height:1.5}.how-to-section{padding:4rem 0;background:#fff}.how-to-container{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.how-to-container h2{font-size:2rem;color:#4d4956;margin-bottom:3rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.step-item{padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(124,58,237,.1);position:relative}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;margin:0 auto 1rem}.step-item h3{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.step-item p{color:#6b7280;line-height:1.5}.features-grid-section{padding:4rem 0}.features-grid-container{max-width:1200px;margin:0 auto;padding:0 2rem}.features-grid-title{font-size:2rem;font-weight:700;color:#4d4956;text-align:center;margin-bottom:3rem}.features-grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.feature-grid-item{background:#fff;padding:2rem;text-align:center;border:1px solid rgba(124,58,237,.1);transition:all .3s ease;position:relative}.feature-grid-item:hover{transform:translateY(-5px);z-index:1;box-shadow:0 10px 20px #7c3aed1a}.feature-grid-icon{width:64px;height:64px;margin:0 auto 1.5rem;object-fit:contain}.feature-grid-item h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.feature-grid-item p{color:#6b7280;font-size:.95rem;line-height:1.6}.article-section{padding:5rem 0;background:#fff}.article-container{max-width:900px;margin:0 auto;padding:0 2rem}.article-title{font-size:1.8rem;font-weight:700;color:#4d4956;margin-bottom:2rem;text-align:center}.article-content{color:#4b5563;font-size:1.1rem;line-height:1.8}.article-content p{margin-bottom:1.5rem}.article-content p:last-child{margin-bottom:0}.conversion-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.conversion-icon-wrapper{display:flex;align-items:center;gap:1.5rem}.file-icon{width:60px;height:72px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.file-icon:hover{transform:translateY(-3px)}.pdf-icon{background:linear-gradient(135deg,#ff4b4b,#ff6b6b);box-shadow:0 4px 8px #ff4b4b33}.png-icon{background:linear-gradient(135deg,#4b6eff,#6b8bff);box-shadow:0 4px 8px #4b6eff33}.file-icon-content{text-align:center;color:#fff}.file-icon-lines{margin-bottom:6px}.icon-line{height:2px;background:#ffffffb3;margin:4px 0;width:20px;border-radius:1px}.file-icon-image{margin-bottom:6px;font-size:16px}.file-icon-type{font-weight:700;font-size:10px;letter-spacing:.5px}.arrow-icon{color:#7c3aed;font-size:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.how-to-section{padding:1rem 0}.how-to-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:700;color:#583e85;text-align:center;margin-bottom:3rem}.how-to-content{display:flex;align-items:center;gap:4rem}.how-to-image{flex:1;max-width:500px}.process-image{width:80%;height:auto;border-radius:1rem;transition:transform .3s ease}.process-image:hover{transform:translateY(-5px)}.how-to-steps{flex:1;display:flex;flex-direction:column;gap:1rem}.step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#9f74e9,var(--gradient-end));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-align:left}.step-content p{color:#6b7280;line-height:1.6;text-align:left}.similar-tools-section{padding:2rem 0;position:relative}.similar-tools-container{max-width:1000px;margin:0 auto;padding:0 1rem}.similar-tools-title{font-size:1.75rem;font-weight:700;color:#583e85;text-align:center;margin-bottom:2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.similar-tools-title:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:3px}.similar-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.similar-tool-card{background:#fff;border-radius:.75rem;padding:1rem;text-decoration:none;text-align:center;transition:all .3s ease;border:1px solid rgba(124,58,237,.1);display:flex;flex-direction:column;align-items:center;gap:.75rem}.similar-tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #7c3aed1a;border-color:var(--primary-color)}.tool-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.tool-icon-wrapper:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:14px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));opacity:.2;z-index:-1}.similar-tool-card:hover .tool-icon-wrapper{transform:scale(1.1) rotate(5deg)}.tool-icon-wrapper i{font-size:1.25rem;color:#fff}.tool-info h3{font-size:.9rem;font-weight:600;color:#374151;margin:0}@media (max-width: 768px){.upload-box{padding:2rem 1rem}.detailed-options{padding:1.5rem}.result-buttons{flex-direction:column}.download-button,.start-over-button{width:100%;justify-content:center}.tool-title{font-size:2rem}.tool-description{font-size:1.1rem}.features-grid,.steps-grid{grid-template-columns:1fr;gap:1.5rem}.conversion-options{padding:1.5rem}.features-grid-wrapper{grid-template-columns:1fr}.features-grid-title{font-size:2rem;margin-bottom:2rem}.feature-grid-item{padding:1.5rem}.feature-grid-icon{width:48px;height:48px;margin-bottom:1rem}.article-title{font-size:2rem}.article-content{font-size:1rem}.file-icon{width:50px;height:60px}.conversion-icon-wrapper{gap:1rem}.file-icon-type{font-size:9px}.arrow-icon{font-size:14px}.section-title{font-size:2rem;margin-bottom:2rem}.step{gap:1rem}.step-number{width:32px;height:32px;font-size:1rem}.step-content h3{font-size:1.1rem}.similar-tools-section{padding:1.5rem 0}.similar-tools-title{font-size:1.5rem;margin-bottom:1.5rem}.similar-tools-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.similar-tool-card{padding:.75rem;gap:.5rem}.tool-icon-wrapper{width:40px;height:40px}.tool-icon-wrapper i{font-size:1.1rem}.tool-info h3{font-size:.8rem}}@media (max-width: 1024px){.features-grid-wrapper{grid-template-columns:repeat(2,1fr)}.how-to-content{flex-direction:column;gap:3rem}.how-to-image{max-width:100%}}@media (max-width: 480px){.similar-tools-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}