#filesStatus{font-variant-numeric:tabular-nums}
.stats{align-items:center!important;display:flex!important;flex-wrap:nowrap;gap:20px;justify-content:center!important;margin:6px 6px;padding:13px 12px;width:100%}
.selection-info{font-size:clamp(13px,1.4vw,16px);min-width:0!important;text-align:center;white-space:nowrap;width:auto!important}
.quality-container,.selection-info{flex:0 0 auto!important;margin:0!important}
.quality-container{align-items:center;display:flex}
.selection-info #count,.selection-info #processed-count{color:var(--accent);font-weight:700}
@media (max-width:600px){.stats{flex-direction:column-reverse;gap:15px}.selection-info{text-align:center;width:100%}
.quality-container{justify-content:center;width:100%}
.quality-dropdown{margin:0 auto;max-width:100%;min-width:0!important;width:max-content!important}}


.quality-container{display:inline-flex;align-items:center;margin:10px;vertical-align:middle;flex:0 0 auto!important}
.quality-dropdown{appearance:none;-webkit-appearance:none;background-color:hsla(0,0%,100%,.07);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%232ecc71' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 40px 10px 15px;transition:all .3s ease}
.quality-dropdown:hover{background-color:hsla(0,0%,100%,.12);border-color:#2ecc71}
.quality-dropdown option{background-color:var(--bg);color:#fff}
.exif-toggle-wrapper{align-items:center;display:inline-flex;gap:8px;margin-left:15px;vertical-align:middle}.exif-label{color:#fff;font-size:14px;font-weight:500}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#34495e;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2ecc71}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.switch input:disabled+.slider{cursor:not-allowed;opacity:.5}
.switch{display:inline-block;height:24px;position:relative;width:44px}
.switch input{height:0;opacity:0;width:0}
.slider{background-color:#34495e;bottom:0;cursor:pointer;left:0;right:0;top:0;position:absolute;transition:.4s}
.slider:before{position:absolute;transition:.4s;background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}
input:checked+.slider{background-color:#2ecc71}
input:checked+.slider:before{transform:translateX(20px)}
.slider.round{border-radius:24px}
.slider.round:before{border-radius:50%}





.preview-viewport{background:rgba(0,0,0,.2);border-radius:15px;margin:20px 0;padding:10px}

@media (max-width:600px){.thumb{flex:0 0 calc(50% - 15px)}}.counter-wrapper{background:var(--panel);border:1px solid var(--glass);border-radius:12px;color:var(--accent);font-family:monospace;font-size:1.2rem;margin-bottom:15px;padding:10px;text-align:center}
.preview-viewport{overflow:hidden;padding:20px 0;position:relative;width:100%}
.thumb.processing-now{border-color:var(--accent);box-shadow:0 0 20px rgba(0,194,122,.3);transform:scale(1.05)}.top-counter-area{display:flex;justify-content:center;margin-bottom:15px;transition:all .3s ease}.top-counter-area.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.counter-card{background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.3);border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#2ecc71;font-family:sans-serif;font-weight:700;padding:8px 20px}.counter-card .label{color:#fff;font-size:.9rem;margin-left:8px;opacity:.8}


.preview-viewport.is-empty{display:none!important}
.preview-strip{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:flex-start!important;padding:10px!important;transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}
.image-wrapper{background:#1a1a1a;position:relative}
.thumb img{display:block;height:100%;object-fit:cover}.thumb img{aspect-ratio:1/1;width:100%}
.thumb-footer{display:none!important}
.thumb-footer{background:#000!important;padding:8px 5px;text-align:center}
.thumb-footer .name{color:#fff!important;display:block;font-size:11px!important;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}




.btn-clear-mini{align-items:center;background-color:#ef4444;border:none;border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:6px 14px;position:absolute;right:5px;top:-25px;transition:all .2s ease;z-index:20}
.btn-clear-mini:hover{background-color:#dc2626;transform:translateY(-2px)}

@media (max-width:768px) {
    .quality-container{display:block;margin:15px auto;text-align:center;width:auto}
    .quality-dropdown{background-position:right 10px center;border-radius:8px;font-size:13px;padding:8px 30px 8px 15px}
    .btn-clear-mini{right:0;top:-30px}
}


.thumb {
    border: 2px solid transparent;
    height:140px!important;
    border-radius: 12px;
    background: transparent !important;
    transition: all .3s ease;
    border-radius: 10px;
    flex: 0 0 140px !important;
    margin: 0 !important;
    max-width: 140px !important;
    min-width: 140px !important;
    overflow: hidden;
    width: 140px !important;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    position: relative;
}