.image-compressor-module__DZnqeq__main{min-height:calc(100vh - 64px);padding-top:100px}.image-compressor-module__DZnqeq__header{text-align:center;margin-bottom:3rem}.image-compressor-module__DZnqeq__title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem)}.image-compressor-module__DZnqeq__subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem}.image-compressor-module__DZnqeq__uploadArea{max-width:600px;margin:0 auto}.image-compressor-module__DZnqeq__dropZone{background:var(--bg-secondary);border:1px dashed var(--border-hover);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.image-compressor-module__DZnqeq__dropZone:hover{border-color:var(--text-primary);background:var(--bg-tertiary)}.image-compressor-module__DZnqeq__uploadIcon{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:50%;margin-bottom:1rem;padding:1rem}.image-compressor-module__DZnqeq__dropZone h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:500}.image-compressor-module__DZnqeq__dropZone p{color:var(--text-muted);font-size:.875rem}.image-compressor-module__DZnqeq__fileInput{display:none}.image-compressor-module__DZnqeq__editorArea{background:var(--bg-primary);border:1px solid var(--border-color);max-width:1000px;box-shadow:var(--shadow-md);border-radius:12px;margin:0 auto 4rem;overflow:hidden}.image-compressor-module__DZnqeq__toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.image-compressor-module__DZnqeq__controls{flex-direction:column;flex:1;gap:.5rem;min-width:250px;display:flex}.image-compressor-module__DZnqeq__sliderLabel{color:var(--text-primary);justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.image-compressor-module__DZnqeq__sliderLabel span{color:var(--accent-blue);font-variant-numeric:tabular-nums}.image-compressor-module__DZnqeq__slider{width:100%;accent-color:var(--text-primary);cursor:pointer}.image-compressor-module__DZnqeq__actions{gap:.75rem;display:flex}.image-compressor-module__DZnqeq__ghostButton{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.image-compressor-module__DZnqeq__ghostButton:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-hover)}.image-compressor-module__DZnqeq__primaryButton{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.image-compressor-module__DZnqeq__primaryButton:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.image-compressor-module__DZnqeq__savingsBanner{color:#10b981;text-align:center;border-bottom:1px solid var(--border-color);background:#32cd321a;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500}.image-compressor-module__DZnqeq__previewGrid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;display:grid}@media (min-width:768px){.image-compressor-module__DZnqeq__previewGrid{grid-template-columns:1fr 1fr}}.image-compressor-module__DZnqeq__previewCard{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.image-compressor-module__DZnqeq__previewHeader{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.image-compressor-module__DZnqeq__badge{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.image-compressor-module__DZnqeq__badgeSuccess{color:#10b981;background:#10b9810d;border-color:#10b98133}.image-compressor-module__DZnqeq__imageContainer{background-image:radial-gradient(var(--border-color)1px,transparent 1px);min-height:250px;transition:opacity var(--transition-fast);background-size:20px 20px;flex-grow:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.image-compressor-module__DZnqeq__imageContainer.image-compressor-module__DZnqeq__processing{opacity:.5}.image-compressor-module__DZnqeq__imageContainer img{object-fit:contain;max-width:100%;max-height:400px;box-shadow:var(--shadow-sm);border-radius:4px}.image-compressor-module__DZnqeq__seoContent{border-top:1px solid var(--border-color);text-align:center;margin-top:5rem;padding-top:4rem}.image-compressor-module__DZnqeq__seoContent h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.5rem}.image-compressor-module__DZnqeq__seoContent p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1rem;line-height:1.6}