@media (max-width:1200px){.hero h1{font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.tool-grid{gap:1.5rem}.pdf-tool-container{max-width:100%}.images-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.converted-images-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:992px){.hero{padding:4rem 1rem 2rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-content{padding:1.5rem}.tab-content.active .upload-section,.tab-content.active .preview-section{padding:1.5rem}.upload-area{padding:2rem 1.5rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0.8rem}.converted-images-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:768px){.container{padding:0 20px}.hero{padding:3rem 1rem 2rem}.hero h1{font-size:2.2rem;line-height:1.2}.hero p{font-size:1rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr;gap:16px;margin:2rem 0}.feature-card{padding:1.5rem;min-height:180px}.feature-icon{font-size:2.2rem;margin-bottom:1rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:0.9rem}.tool-content{padding:1.2rem;margin:0 -10px;border-radius:var(--border-radius-md)}.tool-grid{grid-template-columns:1fr;gap:1.5rem}.tool-header{margin-bottom:1.5rem}.tool-header h2{font-size:1.4rem}.input-area,.output-area{gap:1rem}.input-area h3,.output-area h3{font-size:1.1rem}textarea,input[type="text"],input[type="number"],input[type="color"],select{padding:0.8rem 1rem;font-size:16px}button{padding:0.8rem 1.5rem;font-size:0.95rem;width:100%}.file-upload{padding:2rem 1rem}.file-upload i{font-size:2.2rem}.preview-area{padding:1.5rem;min-height:250px}.timer-display{font-size:2.8rem}.timer-controls{flex-direction:column;width:100%}.timer-controls button{width:100%}.tool-tabs{flex-direction:column}.tab-button{padding:0.8rem 1rem}.upload-area{padding:2rem 1rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.8rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary,.btn-download{width:100%}.preview-header{flex-direction:column;align-items:stretch}.converted-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0.8rem}.pdf-name-modal .modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}#howItWorks .tool-content{margin:0}.header-content{flex-direction:column;gap:1rem;text-align:center}.logo{font-size:1.3rem}footer{padding:2rem 0;margin-top:3rem}.footer-links{flex-direction:column;gap:1rem}.footer-links a{justify-content:center}.creator-credit{position:relative;bottom:auto;right:auto;margin:2rem auto;text-align:center}.creator-credit a{justify-content:center}.buy-coffee{position:relative;bottom:auto;left:auto;margin:2rem auto;text-align:center}.buy-coffee a{justify-content:center}.share-text{display:none}.share-btn{padding:0.75rem!important;width:50px;height:50px;justify-content:center}html,body{max-width:100%;overflow-x:hidden;position:relative}.container{max-width:100%;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}.tool-section{max-width:100%;overflow:hidden}.tool-content{max-width:100%;overflow:hidden}.features-grid{max-width:100%;margin:0;padding:0 0.5rem}.feature-card{margin:0.5rem;max-width:calc(100% - 1rem)}.upload-area{max-width:100%;margin:0 0.5rem}.preview-section{max-width:100%;padding:0 0.5rem}.pdf-name-modal,.modal-content{max-width:95vw;margin:1rem}.tool-tabs{max-width:100%;overflow-x:auto;padding:0 0.5rem}.tab-button{white-space:nowrap;min-width:auto;padding:0.75rem 1rem}.images-grid,.pdfs-grid,.converted-images-grid{max-width:100%;margin:0 0.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}audio{max-width:100%}.conversion-options,.compression-options{max-width:100%;padding:0 0.5rem}.option-group{max-width:100%}.social-sharing{max-width:100%;padding:0 0.5rem}.share-btn{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .tool-content,.dark-mode .feature-card{background:rgba(30,31,48,0.95);backdrop-filter:var(--blur-lg)}.dark-mode .pdf-tool-container .upload-section,.dark-mode .pdf-tool-container .preview-section{background:rgba(30,31,48,0.95)}}@media (max-width:480px){.container{padding:0 16px}.hero{padding:2.5rem 1rem 1.5rem}.hero h1{font-size:1.8rem}.hero p{font-size:0.95rem}.feature-card{padding:1.2rem;min-height:160px}.feature-icon{font-size:2rem}.feature-card h3{font-size:1.1rem}.tool-content{padding:1rem;border-radius:var(--border-radius-md)}.tool-header h2{font-size:1.3rem}.back-button{width:42px;height:42px}.preview-area{padding:1.2rem;min-height:200px}.timer-display{font-size:2.2rem}.tab-content.active .upload-section,.tab-content.active .preview-section{padding:1.5rem 1rem}.images-grid{grid-template-columns:repeat(2,1fr)}.converted-images-grid{grid-template-columns:repeat(2,1fr)}.image-preview-item{min-height:140px}.converted-image-preview img{height:100px}#howItWorksContent [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:1.5rem!important}#howItWorksContent h3{font-size:1.1rem!important;margin-bottom:0.5rem!important}#howItWorksContent .pro-tips{padding:1rem!important}.checkbox-group{flex-direction:column;gap:0.5rem}.checkbox-item{width:100%;justify-content:space-between}.file-upload p{font-size:0.9rem}.container{padding-left:0.5rem;padding-right:0.5rem}.feature-card{margin:0.25rem;max-width:calc(100% - 0.5rem)}.tool-header h2{font-size:1.25rem;padding:0 0.5rem}.upload-area h3{font-size:1.1rem}.images-grid,.pdfs-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.5rem}.image-preview-item,.pdf-preview-item{margin:0}}@media (max-width:360px){.container{padding:0 12px}.hero h1{font-size:1.6rem}.feature-card{padding:1rem}.tool-content{padding:0.8rem}button{padding:0.7rem 1.2rem;font-size:0.9rem}.images-grid{grid-template-columns:1fr}.converted-images-grid{grid-template-columns:1fr}.image-preview-item{max-width:200px;margin:0 auto}}@media (min-width:769px) and (max-width:1024px) and (orientation:landscape){.hero{padding:3rem 1rem 2rem}.features-grid{grid-template-columns:repeat(2,1fr)}.images-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.converted-images-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.feature-card,.tool-content{border-width:0.5px}}@media print{.theme-toggle,.creator-credit,.feature-card:hover,.tool-content:hover{display:none!important}body{background:white!important;color:black!important}.feature-card{background:white!important;border:1px solid #ddd!important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}@media (hover:none) and (pointer:coarse){.feature-card:hover{transform:none}.feature-card:active{transform:scale(0.98)}button:hover{transform:none}button:active{transform:scale(0.98)}.image-preview-item:hover{transform:none}.image-preview-item:active{transform:scale(0.98)}.image-overlay{opacity:0.7}button,.feature-card,.checkbox-item,.image-preview-item{min-height:44px}input[type="range"]{height:12px}input[type="range"]::-webkit-slider-thumb{width:24px;height:24px}.image-overlay button{width:36px;height:36px}}@media (max-width:350px) and (max-height:700px){.hero{padding:1.5rem 1rem 1rem}.feature-card{min-height:140px;padding:1rem}.feature-icon{font-size:1.8rem;margin-bottom:0.8rem}.images-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.image-preview-item{min-height:120px}}@media (max-height:500px) and (orientation:landscape){.hero{padding:1.5rem 1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.feature-card{min-height:120px;padding:1rem}.image-previews-container{max-height:200px;overflow-y:auto}.converted-images-grid{max-height:200px}}@supports (-webkit-touch-callout:none){.container{-webkit-overflow-scrolling:touch}.tool-content{-webkit-overflow-scrolling:touch}}img,video,canvas,iframe{max-width:100%;height:auto}*{box-sizing:border-box}body{margin:0;padding:0}.share-btn{display:inline-flex;align-items:center;justify-content:center}