/* Local JPEG/PNG image cleaner on the existing SafeShare Images pages. */
.ss-image-cleaner{overflow:hidden}
.ss-image-tool__status{margin-top:12px;color:var(--text-soft)}
.ss-image-tool__status--error{color:#ffd0d0}
.ss-image-tool__file{display:grid;gap:8px;margin-top:16px;color:var(--text-soft);font-weight:700}
.ss-image-tool__file input{max-width:100%;color:var(--text-soft)}
.ss-image-tool__file [data-image-filename]{min-height:44px;padding:10px 12px;font-size:16px}
main[data-page="safeshare-images"] .ss-image-tool__panel .ss-actions:has([data-image-create]) + [data-image-create-note]{margin-top:12px;line-height:1.6}
.ss-image-tool__drop{display:grid;place-items:center;gap:6px;min-height:150px;margin-top:20px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--panel-3);text-align:center;color:var(--text-soft);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ss-image-tool__drop strong{font-size:18px;color:var(--text)}
.ss-image-tool__drop span{font-size:14px;color:var(--muted)}
.ss-image-tool__drop:hover,.ss-image-tool__drop:focus-visible,.ss-image-tool__drop--active{border-color:var(--ss-accent);background:rgba(79,209,165,.08);outline:none}
.ss-image-tool__drop--active{transform:translateY(-2px)}
.ss-image-tool__panel{margin-top:16px;padding:clamp(16px,2vw,22px);border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),rgba(18,27,43,.68);box-shadow:none}
.ss-image-tool__preview{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);align-items:center;gap:18px}
.ss-image-tool__preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.22)}
.ss-image-tool__choices{display:grid;gap:10px;margin-top:12px}
.ss-image-tool__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.ss-image-tool__mode{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:12px;color:var(--text-soft);cursor:pointer}
.ss-image-tool__mode:has(input:checked){border-color:var(--ss-accent);background:rgba(79,209,165,.08)}
.ss-image-tool__mode input{margin-top:4px;accent-color:var(--ss-accent)}
.ss-image-tool__mode strong,.ss-image-tool__mode span span{display:block}
.ss-image-tool__mode span span{margin-top:3px;color:var(--muted);font-size:14px}
.ss-image-tool__choice{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--text-soft);cursor:pointer}
.ss-image-tool__choice:has(input:disabled){opacity:.72;cursor:not-allowed}
.ss-image-tool__choice input{margin-top:4px;accent-color:var(--ss-accent)}
.ss-image-tool__panel [data-image-create]:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(1)}
.ss-image-tool__panel [data-image-create-note]{white-space:pre-line;overflow-wrap:anywhere}
.ss-image-tool__choice strong,.ss-image-tool__choice span span{display:block}
.ss-image-tool__choice span span{margin-top:3px;color:var(--muted);font-weight:400;font-size:14px}
.ss-image-tool__fieldset{padding:0;border:0;margin:0}
.ss-image-tool__fieldset legend{font-weight:760;color:var(--text)}
main[data-page="safeshare-images"] .ss-actions:has([data-image-change]) + [data-image-remove-note],main[data-page="safeshare-images"] [data-image-remove-note] + [data-image-status]{margin-top:12px}
.ss-image-page__reading,.ss-image-tool__result{display:grid;grid-template-columns:minmax(0,65ch);justify-content:center}
.ss-image-page__reading > :is(.ss-muted,h2,h3,p,ul,ol),.ss-image-tool__result > :is(h3,p,.ss-image-tool__result-summary,.ss-actions){width:auto;margin-inline:0}
main[data-page="safeshare-images"] .ss-card.ss-image-page__reading{justify-content:start}
main[data-page="safeshare-images"] #status-title ~ .ss-actions + .ss-muted{margin-top:12px}
.ss-image-tool__result{border-color:var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.011)),var(--panel)}
.ss-image-tool__result-summary{display:grid;gap:12px;color:var(--text-soft);line-height:1.6}
.ss-image-tool__result-summary > :is(ul,p,details){width:100%;max-width:100%;margin:0}
.ss-image-tool__result-summary ul{padding-left:20px}
.ss-image-tool__technical-details{padding-top:12px;border-top:1px solid var(--border)}
.ss-image-tool__technical-details summary{padding:4px 0;cursor:pointer}
.ss-image-tool__technical-values{margin-top:12px}
.ss-image-cleaner > .ss-image-page__reading{margin-top:24px}
.ss-image-tool__help{margin:0;padding-top:16px;border-top:1px solid var(--border)}
main[data-page="safeshare-images"] .ss-details{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.011)),var(--panel);box-shadow:none;overflow:hidden}
main[data-page="safeshare-images"] .ss-details + .ss-details{margin-top:12px}
main[data-page="safeshare-images"] .ss-details summary{min-height:auto;padding:16px}
main[data-page="safeshare-images"] .ss-details > div{padding:0 16px 16px;line-height:1.6}
.ss-image-tool__technical-details,.ss-image-tool__technical-values,.ss-image-tool__technical-value{min-width:0;max-width:100%}
.ss-image-tool__technical-values{width:100%}
.ss-image-tool__technical-value{overflow-wrap:anywhere;word-break:break-word}
.ss-image-tool__checksum-value{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-all;white-space:normal}
.ss-image-tool__panel [data-image-analysis-findings] > *:first-child{margin-top:0}
.ss-image-tool__panel [data-image-analysis-findings] > h4{margin-top:16px}
.ss-image-tool__panel [data-image-analysis-findings] > h4 + .ss-image-tool__detail-group-heading{margin-top:8px}
.ss-image-tool__panel [data-image-analysis-findings] > .ss-image-tool__detail-group-heading{margin-top:12px}
.ss-image-tool__panel [data-image-analysis-findings] .ss-image-tool__detail-group-heading + .ss-image-tool__detail-group-list{margin-top:8px}
.ss-image-tool__download[hidden],.ss-image-tool__panel[hidden],.ss-image-tool__status[hidden]{display:none}
@media (min-width:641px){
main[data-page="safeshare-images"] .ss-image-tool__panel{padding:24px}
main[data-page="safeshare-images"] .ss-image-tool__preview{gap:24px}
main[data-page="safeshare-images"] .ss-image-tool__preview [data-image-preview-info]{font-size:16px;line-height:1.6}
main[data-page="safeshare-images"] .ss-image-tool__modes{align-items:stretch;gap:12px}
main[data-page="safeshare-images"] .ss-image-page__reading,main[data-page="safeshare-images"] .ss-image-tool__result{grid-template-columns:minmax(0,78ch);justify-content:start}
main[data-page="safeshare-images"] .ss-image-page__reading > :is(.ss-muted,h2,h3,p,ul,ol),main[data-page="safeshare-images"] .ss-image-tool__result > :is(h3,p,.ss-image-tool__result-summary,.ss-actions){max-width:76ch}
main[data-page="safeshare-images"] .ss-card.ss-image-page__reading h3{margin-top:24px}
main[data-page="safeshare-images"] .ss-card.ss-image-page__reading ul + .ss-muted{margin-top:24px}
main[data-page="safeshare-images"] .ss-card.ss-image-page__reading h3 + p + .ss-muted{margin-top:24px}
main[data-page="safeshare-images"] > .ss-section > .ss-wrap > .ss-card:not(.ss-pageFlow__hero) > :is(p,ul,ol){max-width:78ch}
}
@media (max-width:640px){.ss-image-tool__drop{min-height:126px;padding:18px}.ss-image-tool__preview,.ss-image-tool__modes{grid-template-columns:1fr}.ss-image-tool__preview img{max-height:260px}.ss-image-cleaner .ss-actions{align-items:stretch}.ss-image-cleaner .ss-actions .ss-btn{width:100%;justify-content:center}}