#emptyState{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px}.images-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin:0;padding:0}@media(min-width:768px){.images-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.images-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1400px){.images-grid{grid-template-columns:repeat(6,1fr)}}.image-preview-card{background:#fff;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;min-width:0}.image-preview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.image-preview-card.border-danger{box-shadow:0 0 0 2px #ef4444}.image-preview-bg{width:100%;height:160px;background-color:#f3f4f6;position:relative;overflow:hidden}.image-preview-bg .preview-img{width:100%;height:100%;object-fit:cover;display:block}.image-preview-bg .progress{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#0003;border-radius:0}.image-preview-bg .progress .progress-bar{background-color:#6366f1}.image-preview-info{padding:.875rem;background:#fff}.image-size-info{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;font-weight:300;color:#4b5563}.image-size-info .original-size{font-weight:400;color:#374151}.image-size-info .optimized-info{color:#374151;font-size:.75rem}.image-size-info .optimized-info .optimized-size{font-weight:500;color:#111827}.image-size-info .optimized-info .savings-badge{font-size:.7rem;padding:.15em .4em;margin-left:.25rem;background-color:#111827;color:#fff}.upload-area-v2{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--helpi-bg-secondary);border:2px dashed #D1D5DB}.upload-area-v2:hover,.upload-area-v2.dragover{border-color:#6366f1;background:#6366f10d}.upload-area-v2 i{font-size:3rem;color:#6366f1;margin-bottom:1rem}.upload-area-v2 .upload-text{font-size:1rem;font-weight:500;color:var(--helpi-text);margin-bottom:.5rem}.upload-area-v2 .upload-hint{font-size:.875rem;color:var(--helpi-text-muted);margin-bottom:1rem}.upload-area-v2 .upload-limit{font-size:.75rem;color:var(--helpi-text-muted);margin-top:1rem}.options-section-v2{transition:opacity .3s ease,transform .3s ease}.options-section-v2.hidden{opacity:0;transform:translateY(10px);pointer-events:none}.image-preview-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.image-preview-card .preview-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px}.image-preview-card .image-info{flex:1;min-width:0}.image-preview-card .image-name{font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-card .image-size-info{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--helpi-text-muted)}.image-preview-card .optimized-info i{color:#10b981}.image-preview-card .savings-badge{font-size:.75rem;padding:.25rem .5rem}.image-preview-card.success{border-color:#10b981!important;background:#10b98108}.image-preview-card.error{border-color:#ef4444!important;background:#ef444408}.progress-v2{height:6px;border-radius:999px;background:var(--helpi-bg-secondary);overflow:hidden}.progress-v2 .progress-bar{background:linear-gradient(90deg,#6366f1,#9294f5);transition:width .3s ease}.processing-mode-card{border:2px solid #D1D5DB;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.processing-mode-card:hover{border-color:#6366f1;background:#6366f108}input:checked~.processing-mode-card{border-color:#6366f1;background:#6366f10d}.processing-mode-card .mode-icon{font-size:1.25rem;color:#6366f1}.processing-mode-card .mode-title{font-weight:500;margin-bottom:.25rem}.processing-mode-card .mode-desc{font-size:.8125rem;color:var(--helpi-text-muted);margin-bottom:0}.results-header-v2{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:1rem}.results-header-v2 i{color:#10b981;font-size:1.25rem}.results-header-v2 .savings-text{font-size:1.125rem;font-weight:500;color:#10b981}.result-card .result-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:4px}.result-card .result-name{font-weight:500;font-size:.9375rem;margin-bottom:.5rem}.result-card .result-sizes{display:flex;flex-direction:column;gap:.25rem}.result-card .result-sizes .size-item{display:flex;justify-content:space-between;font-size:.8125rem}.result-card .result-sizes .size-item .label{color:var(--helpi-text-muted)}.result-card .result-sizes .size-item .value{font-weight:500}.result-card .result-sizes .size-item .value.savings{color:#10b981}.quality-slider-container .slider-value{display:inline-block;min-width:3rem;text-align:center;font-weight:500;color:var(--helpi-text)}.resize-options-container{background:var(--helpi-bg-secondary);border:1px solid #D1D5DB;border-radius:8px;padding:1rem}.status-message-v2{font-size:.8125rem;padding:.5rem;border-radius:4px}.status-message-v2.error{background:#ef44441a;color:#ef4444}.status-message-v2.success{background:#10b9811a;color:#10b981}.info-btn-container{position:fixed;bottom:2rem;right:2rem;z-index:100}@media(max-width:768px){.upload-area-v2{min-height:150px}.upload-area-v2 i{font-size:2rem}.image-preview-card .preview-thumbnail{width:50px;height:50px}.result-card .result-thumbnail{width:60px;height:60px}}@media(max-width:576px){.info-btn-container{bottom:1rem;right:1rem}}.loader-helpi{display:inline-block;width:60px;height:60px}.loader-helpi .loader-letter{display:block;font-size:2.5rem;font-weight:700;color:#6366f1;animation:rotateH 1.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes rotateH{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.modal-v2-compact{max-width:400px}.modal-v2-compact .modal-v2-body{padding:2rem!important}.text-muted-light{color:#6b7280!important;font-size:.875rem}.results-divider{width:100%;height:1px;background-color:transparent;margin:2rem 0}#resultsContainer{width:100%}.results-header{text-align:left}.results-header h5{font-size:1.125rem;font-weight:500;color:#1f2937;margin-bottom:.5rem}.results-header .text-standard{font-size:.8125rem;color:#374151}.results-list{display:flex;flex-direction:column;gap:.75rem}.result-item{width:100%;background:#fff;border:1px solid #D1D5DB;overflow:hidden;transition:all .2s ease}.result-item:hover{border-color:#9ca3af;box-shadow:0 2px 8px #00000014}.result-item-content{padding:1rem}.result-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.result-item-title{font-size:.8125rem;font-weight:500;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:1rem}.result-item-stats{display:flex;align-items:center;font-size:.875rem;color:#374151}.result-item-stats .stat-original{color:#4b5563;margin-right:8px}.result-item-stats .stat-optimized{font-weight:500;color:#111827;margin-left:8px}.result-item-stats .stat-savings{margin-left:.75rem;padding:.1rem .5rem;background-color:#1f2937;color:#fff;font-size:.8125rem;font-weight:400}