.btn-gradient-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#9333ea);border:none;border-radius:8px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #6366f14d}.compression-row{font-size:.85rem}.compression-header-col{font-weight:600}.compression-col-thumb,.compression-col-meta,.compression-col-progress,.compression-col-stats{width:100%;max-width:100%}.compression-col-progress{flex:auto}@media (min-width:768px){.compression-col-thumb{width:150px;max-width:150px}.compression-col-meta{width:180px;max-width:180px}.compression-col-stats{width:200px;max-width:200px}}@media (min-width:992px){.compression-row{max-height:110px}}.optimizer-upload-card .card-body{padding:1.5rem}.optimizer-upload-label{font-size:1rem!important}.optimizer-upload-input{padding-top:.35rem;padding-bottom:.35rem;font-size:.9rem}.optimizer-help-btn{font-size:.9rem}.optimizer-actions-card .card-body{padding:1.25rem 1.5rem}.optimizer-primary-btn,.optimizer-secondary-btn{font-size:.9rem}.optimizer-dropzone{cursor:pointer;background:#f8fafc;border:2px dashed #0f172a33;border-radius:14px;padding:1.5rem;transition:all .25s}.optimizer-dropzone:hover,.optimizer-dropzone.dragging{border-color:var(--brand-primary-light);background:#eef2ff;box-shadow:0 4px 12px #0f172a14}.optimizer-dropzone-icon{background:linear-gradient(135deg,#7c3aed1a,#ec489914);border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto;display:flex;box-shadow:inset 0 0 0 1px #7c3aed33}.optimizer-dropzone-icon svg{width:60px;height:60px}.optimizer-dropzone-title{font-size:.95rem;font-weight:600}.optimizer-dropzone-subtitle{color:#64748b;font-size:.85rem}.optimizer-dropzone-hint{color:#94a3b8;margin-top:.25rem;font-size:.75rem}@media (max-width:767.98px){.compression-row{flex-wrap:nowrap;gap:.75rem;align-items:flex-start!important;max-height:none!important}.compression-row>div{margin-bottom:0}.compression-row [data-col=progress]{display:none!important}.original-image-wrapper{flex:auto;min-width:0;max-width:55%;gap:.5rem!important}.compression-row [data-col=thumb],.compression-row [data-col=meta]{flex:none;margin-right:0!important}.compression-row [data-col=thumb]{justify-content:flex-start;display:flex}.compression-row [data-col=thumb] img{width:60px!important;height:60px!important}.compression-row [data-col=stats]{flex:none;min-width:0;max-width:45%;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:0!important}.compression-row [data-col=stats] .btn{padding:.25rem .5rem!important;font-size:.7rem!important}.compression-row [data-col=stats] .d-flex.align-items-center.gap-2{flex-wrap:wrap;justify-content:center;gap:.4rem!important}.compression-row [data-col=stats] button[title*=View],.compression-row [data-col=stats] button[title*=Delete]{width:24px!important;height:24px!important;font-size:.7rem!important}.mobile-processing-spinner{min-height:60px}.mobile-optimized-card{width:100%;min-width:0}.mobile-optimized-card .fw-semibold{font-size:.75rem!important}.mobile-optimized-card .text-muted,.mobile-optimized-card .small{font-size:.7rem!important}.mobile-error-state{text-align:center;min-width:0}.optimizer-upload-card .card-body{padding:1rem .9rem}.optimizer-dropzone{padding:1.1rem 1rem}.optimizer-upload-label{font-size:.95rem!important}.optimizer-upload-input{font-size:.85rem}.optimizer-help-btn{font-size:.8rem;padding:.35rem .9rem!important}.optimizer-actions-card .card-body{padding:.9rem}.optimizer-primary-btn,.optimizer-secondary-btn{padding-top:.3rem;padding-bottom:.3rem;font-size:.8rem}}@media (max-width:380px){.compression-row{gap:.5rem}.compression-row [data-col=stats]{max-width:40%!important}.mobile-optimized-card{padding:.5rem!important}.mobile-optimized-card .fw-semibold{font-size:.7rem!important}.mobile-optimized-card .text-muted,.mobile-optimized-card .small{font-size:.65rem!important}.mobile-processing-spinner{min-height:50px}.mobile-processing-spinner .small{font-size:.65rem!important}.compression-row [data-col=stats] .btn{padding:.2rem .4rem!important;font-size:.65rem!important}.compression-row [data-col=stats] button[title*=View],.compression-row [data-col=stats] button[title*=Delete]{width:22px!important;height:22px!important;font-size:.65rem!important}}.btn-gradient-primary:hover{background:linear-gradient(135deg,#2563eb,#7e22ce);transform:translateY(-1px);box-shadow:0 6px 15px #4f46e566}.btn-gradient-primary:active{transform:scale(.97)}