.btn-gradient-primary{background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;border:none;border-radius:8px;font-weight:600;box-shadow:0 4px 10px rgba(99,102,241,.3);transition:all .3s ease}.compression-row{font-size:.85rem}.compression-header-col{font-weight:600}.compression-col-meta,.compression-col-progress,.compression-col-stats,.compression-col-thumb{width:100%;max-width:100%}.compression-col-progress{flex:1 1 auto}@media (min-width:992px){.compression-col-thumb{width:150px;max-width:150px}.bulk-dimensions-header{background:rgba(15,23,42,.03);padding:4px 12px;border-radius:999px;border:1px dashed rgba(15,23,42,.1)}.active-workbench-settings{background:rgba(59,130,246,.06)!important;border:1px solid rgba(59,130,246,.2)!important;box-shadow:0 2px 8px rgba(59,130,246,.08)}.compression-col-meta{width:220px;max-width:220px}.compression-col-stats{width:240px;max-width:240px;min-width:180px}}.smart-dimensions-wrapper{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:6px 14px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease}.smart-dimensions-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.smart-dimensions-wrapper.active-workbench-settings{border-color:rgba(59,130,246,.3);background:#f0f7ff}.smart-dimensions-title{font-size:.8rem;font-weight:700;color:#64748b;margin-right:4px}.smart-dimension-input-group{display:flex;align-items:center;background:#ffffff;border:1px solid #cbd5e1;box-shadow:inset 0 1px 2px rgba(0,0,0,.02);border-radius:6px;padding:4px 10px;transition:all .2s ease;cursor:text}.smart-dimensions-wrapper:focus-within .smart-dimension-input-group{border-color:#94a3b8}.smart-dimension-input-group:focus-within{background:#ffffff!important;border-color:var(--brand-primary)!important;box-shadow:inset 0 0 0 1px var(--brand-primary),0 1px 2px rgba(0,0,0,.05)!important}.smart-dimension-label{font-size:.7rem;font-weight:700;color:#94a3b8;margin-right:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.smart-dimension-input{width:48px;border:none;background:transparent;font-size:.9rem;font-weight:600;color:var(--text-primary);outline:none;text-align:center;padding:0}.smart-dimension-input::placeholder{color:#cbd5e1;font-weight:500}.smart-dimension-divider{color:#94a3b8;font-weight:600;font-size:.9rem}.smart-dimension-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.smart-dimension-input::-webkit-inner-spin-button,.smart-dimension-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.circular-progress{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.circular-progress svg.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress circle{fill:none;stroke-width:4;stroke-linecap:round}.circular-progress .bg{stroke:rgba(15,23,42,.05)}.circular-progress .bar{stroke:var(--brand-primary);stroke-dasharray:126;stroke-dashoffset:126;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.circular-progress .success-icon{position:absolute;color:var(--accent-success);font-size:1.2rem;animation:scaleIn .3s ease-out}.spinner-border.text-primary.position-absolute{border-width:2px;width:20px;height:20px}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.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{border:2px dashed rgba(15,23,42,.2);border-radius:14px;padding:1.5rem;background:#f8fafc;cursor:pointer;transition:all .25s ease}.optimizer-dropzone.dragging,.optimizer-dropzone:hover{border-color:var(--brand-primary-light);background:#eef2ff;box-shadow:0 4px 12px rgba(15,23,42,.08)}.optimizer-dropzone-icon{width:76px;height:76px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(236,72,153,.08));box-shadow:inset 0 0 0 1px rgba(124,58,237,.2)}.optimizer-dropzone-icon svg{width:60px;height:60px}.optimizer-dropzone-title{font-weight:600;font-size:.95rem}.optimizer-dropzone-subtitle{font-size:.85rem;color:#64748b}.optimizer-dropzone-hint{font-size:.75rem;color:#94a3b8;margin-top:.25rem}@media (max-width:767.98px){.compression-row{flex-direction:column;align-items:stretch!important;gap:1rem;padding:1rem!important}.compression-row>div{margin-bottom:0;width:100%!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}.compression-row [data-col=progress]{display:flex!important;justify-content:center;border-top:1px solid rgba(15,23,42,.05);border-bottom:1px solid rgba(15,23,42,.05);padding:1rem 0}.original-image-wrapper{flex-direction:row!important;justify-content:flex-start}.compression-row [data-col=thumb] img{width:64px!important;height:64px!important}.compression-row [data-col=stats]{align-items:center!important;justify-content:center!important}.mobile-optimized-card{border:none;background:rgba(15,23,42,.02)!important}.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{padding:.35rem .9rem!important;font-size:.8rem}.optimizer-actions-card .card-body{padding:.9rem}.optimizer-primary-btn,.optimizer-secondary-btn{font-size:.8rem;padding-top:.3rem;padding-bottom:.3rem}}@media (max-width:380px){.compression-row{gap:.5rem}.compression-row [data-col=stats]{max-width:100%!important}.mobile-optimized-card{padding:.5rem!important;min-width:0}.mobile-optimized-card .fw-semibold{font-size:.7rem!important}.mobile-optimized-card .small,.mobile-optimized-card .text-muted{font-size:.65rem!important}.mobile-processing-spinner{min-height:50px}.mobile-processing-spinner .small{font-size:.65rem!important}.compression-row [data-col=stats] .btn{font-size:.65rem!important;padding:.2rem .4rem!important}.compression-row [data-col=stats] button[title*=Delete],.compression-row [data-col=stats] button[title*=View]{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 rgba(79,70,229,.4)}.btn-gradient-primary:active{transform:scale(.97)}