.compress-wrapper{max-width:1400px}.upload-area{border:2px dashed var(--brand);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:rgba(var(--brand-rgb),.05);min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-area:hover{background:rgba(var(--brand-rgb),.1);border-color:var(--brand-strong)}.upload-area i{color:var(--brand);margin-bottom:1rem}.preview-container{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;min-height:400px}.preview-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.control-sidebar{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014}.control-sidebar h6{color:var(--bi-text);font-weight:600;border-bottom:2px solid var(--bi-border);padding-bottom:.75rem}.form-range::-webkit-slider-thumb{background:var(--brand)}.form-range::-moz-range-thumb{background:var(--brand)}.format-group .btn{padding:8px;font-size:13px;font-weight:500;white-space:nowrap}@media (max-width: 991px){.preview-container{min-height:300px}.preview-image{max-height:300px}}@media (max-width: 768px){.upload-area{padding:1.5rem 1rem;min-height:180px}.upload-area .upload-icon{font-size:2.5rem}.upload-area p{font-size:.9rem}.compress-options{padding:.75rem}.compress-options .form-range{margin:.5rem 0}.btn-compress{min-height:44px;width:100%}.preview-image{max-height:250px}.image-info{font-size:.8rem;flex-wrap:wrap}}@media (max-width: 576px){.upload-area{padding:1rem .75rem;min-height:150px}.preview-container{min-height:200px}.preview-image{max-height:200px}}