.resizer{width:100%;max-width:48rem;margin:0 auto}.resizer-settings{border-radius:1rem;background:hsl(var(--card));padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.resizer-modes{display:flex;flex-wrap:wrap;gap:.5rem}.resizer-mode-btn{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.resizer-mode-btn:disabled{cursor:not-allowed}.resizer-mode-btn--active{background:#fff;color:hsl(var(--foreground));box-shadow:0 1px 2px hsl(var(--border))}.resizer-mode-btn--inactive{background:hsl(var(--accent));color:hsl(var(--muted-foreground))}.resizer-mode-btn--inactive:hover{color:hsl(var(--foreground))}.resizer-dimensions{display:flex;flex-direction:column;gap:.75rem}.resizer-dim-row{display:flex;align-items:center;gap:.5rem}.resizer-dim-row__label{width:3.5rem;flex-shrink:0;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.resizer-dim-row__input{width:7rem;padding:.5rem .75rem;border-radius:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--accent));color:hsl(var(--foreground));font-size:.875rem;font-variant-numeric:tabular-nums}.resizer-dim-row__input:focus{outline:none;border-color:hsl(var(--primary))}.resizer-dim-row__input:disabled{cursor:not-allowed}.resizer-dim-row__unit{font-size:.75rem;color:hsl(var(--muted-foreground))}.resizer-lock{display:flex;align-items:center;gap:.5rem;cursor:pointer}.resizer-lock__checkbox{width:1rem;height:1rem;accent-color:hsl(var(--primary))}.resizer-lock__text{font-size:.875rem;color:hsl(var(--muted-foreground))}.resizer-field{display:flex;flex-direction:column;gap:.25rem}.resizer-field__label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.25rem}.resizer-field__preview{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.resizer-presets{display:flex;flex-wrap:wrap;gap:.5rem}.resizer-preset-btn{padding:.5rem .75rem;border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.resizer-preset-btn:disabled{cursor:not-allowed}.resizer-preset-btn--active{background:#fff;color:hsl(var(--foreground));box-shadow:0 1px 2px hsl(var(--border));font-weight:500}.resizer-preset-btn--inactive{background:hsl(var(--accent));color:hsl(var(--muted-foreground))}.resizer-preset-btn--inactive:hover{color:hsl(var(--foreground))}.resizer-info{font-size:.875rem;color:hsl(var(--muted-foreground))}.resizer-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.resizer-actions__buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem}.resizer-actions__stats{font-size:.875rem;color:hsl(var(--primary));text-align:center}.resizer-queue{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.resizer-queue-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;background:hsl(var(--card));border-left:2px solid transparent}.resizer-queue-item--processing{border-left-color:hsl(var(--ring))}.resizer-queue-item--error{border-left-color:hsl(var(--destructive))}.resizer-queue-item__thumb{width:3rem;height:3rem;border-radius:.5rem;object-fit:cover;flex-shrink:0}.resizer-queue-item__info{flex:1;min-width:0}.resizer-queue-item__name{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resizer-queue-item__meta{font-size:.75rem;color:hsl(var(--muted-foreground))}.resizer-queue-item__error{font-size:.75rem;color:hsl(var(--destructive))}.resizer-queue-item__actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.resizer-progress{height:.25rem;border-radius:9999px;background:hsl(var(--accent));margin:.375rem 0 .25rem;overflow:hidden}.resizer-progress__bar{height:100%;background:hsl(var(--primary));border-radius:9999px;animation:pulse 2s ease-in-out infinite}.resizer-add-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:2px dashed hsl(var(--border));border-radius:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;cursor:pointer;background:none;transition:all .2s}.resizer-add-more:hover{border-color:hsl(var(--ring));color:hsl(var(--foreground));background:hsl(var(--card))}.resizer-lightbox{width:100%;max-width:48rem}.resizer-lightbox__label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500;margin-bottom:.75rem;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}