.bulk-resize-page{max-width:70rem;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);display:grid;gap:var(--space-8)}.bulk-resize-page__workspace{display:grid;gap:var(--space-4)}.bulk-resize-page__workspace h2,.tool-body-copy h2,.tool-body-copy p{margin:0}.tool-body-copy{display:grid;gap:var(--space-3)}.tool-body-copy p{color:var(--color-text-secondary)}.tool-app{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-4);display:grid;gap:var(--space-4)}.tool-app input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-6);text-align:center;display:grid;gap:var(--space-2);justify-items:center;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.dropzone--dragging{border-color:var(--color-primary);background:var(--color-primary-subtle)}.dropzone p{margin:0;color:var(--color-text-secondary)}.dropzone__browse{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-hover);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--font-size-label);font-weight:600;cursor:pointer}.tool-app__status{min-height:1.5rem}.tool-app__status p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:500}.tool-app__error-wrap{min-height:1.5rem}.tool-app__error{margin:0;color:var(--color-error);font-size:var(--font-size-label);font-weight:600}.bulk-resize__controls{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-3)}.bulk-resize__queue-count{margin:0;color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:700}.bulk-resize__dimension-grid{display:grid;gap:var(--space-3)}@media(min-width:640px){.bulk-resize__dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bulk-resize__progress{margin:0;color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:700}.tool-app__queue{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-3)}.tool-app__queue h3{margin:0;font-size:var(--font-size-label)}.tool-app__queue-empty{margin:0;color:var(--color-text-secondary)}.tool-app__queue-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.tool-app__queue-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);padding:var(--space-2)}.tool-app__queue-name{overflow-wrap:anywhere;color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:600}.tool-app__queue-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.tool-app__queue-button{min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-caption);font-weight:600;padding:0 var(--space-3);cursor:pointer}.tool-app__queue-button--danger{border-color:var(--color-error);color:var(--color-error)}.tool-app__queue-button:disabled{opacity:.5;cursor:not-allowed}.tool-number{display:grid;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:600}.tool-number input{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);padding:0 var(--space-3);font:inherit;font-size:var(--font-size-body)}.download-button{min-height:44px;border:1px solid transparent;border-radius:var(--radius-card);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--font-size-label);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer}.download-button:disabled{cursor:not-allowed;opacity:.55}.download-button--success{background:var(--color-success)}.spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid rgb(255 255 255 / 45%);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:currentColor}}