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