.extract-imgs{flex-direction:column;gap:16px;width:100%;display:flex;container:tool/inline-size}.extract-imgs__settings-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-wrap:wrap;align-items:flex-end;gap:16px;padding:12px 16px;display:flex}.extract-imgs__setting{flex-direction:column;gap:4px;min-width:130px;display:flex}.extract-imgs__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.extract-imgs__slider{width:100%;accent-color:var(--color-accent-action)}.extract-imgs__check{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.extract-imgs__check input[type=checkbox]{accent-color:var(--color-accent-action)}.extract-imgs__processing{padding:40px 20px}.extract-imgs__results{flex-direction:column;align-items:center;gap:16px;display:flex}.extract-imgs__summary{color:var(--text-secondary);align-items:center;gap:12px;font-size:.9rem;display:flex}.extract-imgs__dupes{color:var(--text-muted);background:var(--color-overlay-faint);border-radius:4px;padding:2px 8px;font-size:.75rem}.extract-imgs__view-controls{gap:12px;display:flex}.extract-imgs__group{width:100%}.extract-imgs__group-heading{color:var(--text-primary);border-bottom:1px solid var(--color-overlay-faint);align-items:center;gap:8px;margin:0 0 8px;padding:8px 0;font-size:.85rem;font-weight:600;display:flex}.extract-imgs__group-heading i{color:var(--color-accent-action)}.extract-imgs__group-count{color:var(--text-muted);margin-left:auto;font-size:.72rem;font-weight:400}.extract-imgs__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;width:100%;display:grid}.extract-imgs__card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-base);flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.extract-imgs__card:hover{border-color:var(--border-hover)}.extract-imgs__card-thumb{aspect-ratio:1;object-fit:contain;background:#00000026;border-radius:4px;width:100%}.extract-imgs__card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.extract-imgs__card-dims{font-size:.68rem;font-family:var(--font-mono);color:var(--text-secondary)}.extract-imgs__card-size{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted)}.extract-imgs__card-page{color:var(--accent-cyan);border:1px solid color-mix(in srgb, var(--accent-cyan) 30%, transparent);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:.65rem;font-weight:600}.extract-imgs__card-dl{background:var(--bg-card);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--duration-base), color var(--duration-base), border-color var(--duration-base);border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.extract-imgs__card:hover .extract-imgs__card-dl{opacity:1}.extract-imgs__card-dl:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.extract-imgs__empty-result{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:.9rem;display:flex}.extract-imgs__empty-result i{opacity:.4;font-size:2rem}.extract-imgs__empty-result p{margin:0}.extract-imgs__footer{justify-content:flex-end;align-items:center;gap:12px;width:100%;padding-top:8px;display:flex}.extract-imgs__error{text-align:center;color:var(--color-error);padding:32px 16px;font-size:.9rem}.extract-imgs__error button{margin-top:16px}@container tool (width<=768px){.extract-imgs__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.extract-imgs__footer{flex-direction:column}.extract-imgs__footer button{width:100%}.extract-imgs__card-dl{opacity:1}}@container tool (width<=480px){.extract-imgs__settings-bar{flex-direction:column;align-items:stretch}.extract-imgs__setting{min-width:0}}@media (pointer:coarse){.extract-imgs__check{white-space:normal;min-height:44px;padding-block:0}}