.image-tool fieldset{border:0;padding:0;margin:0;min-width:0}.image-tool legend{font-size:24px;font-weight:700;margin:24px 0 8px}.image-tool input[type=number],.image-tool input[type=text]{width:100%;min-height:44px;padding:8px 10px}.image-tool input[type=range]{width:100%;min-height:36px}.image-tool input[type=color]{width:100%;height:44px;padding:4px}.image-tool .inline{margin:14px 0}.image-tool .size-pair{display:grid;grid-template-columns:2fr 1fr;gap:8px}.image-tool .settings{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tool .settings .full{grid-column:1/-1}.image-tool .checker{background-color:#fff;background-image:conic-gradient(#d9dfe0 25%,transparent 0 50%,#d9dfe0 0 75%,transparent 0);background-size:20px 20px;border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:520px;min-height:80px}.image-tool .checker img,.image-tool .checker canvas{display:block;max-width:100%;height:auto;margin:auto}.image-tool .comparison.actual img{max-width:none;margin:0}.image-tool #planned{max-height:420px;object-fit:contain}.image-tool .comparison{grid-template-columns:1fr 1fr}.image-tool #sourceInfo{overflow-wrap:anywhere}.image-tool #planError{color:var(--error)}.image-tool #results.failed{border-color:var(--warn)}.image-tool .download{display:inline-block;text-decoration:none}.image-tool #warnings{padding-left:22px;font-size:14px}.image-tool progress{width:100%;height:12px;accent-color:var(--accent)}.image-tool .section-gap{margin-top:24px}.image-tool th,.image-tool td{font-size:14px}.image-tool .preview-block{max-width:720px;margin-top:20px}.image-tool .preview-block h3{font-size:16px}.image-tool #status{font-size:14px}.image-tool #resultTitle{font-size:26px}@media(max-width:700px){.image-tool .settings,.image-tool .comparison{grid-template-columns:1fr}.image-tool .actions>*{width:100%;text-align:center}.image-tool .checker{max-height:360px}}

.image-tool #task{margin-bottom:8px}
@media(max-width:600px){
.image-tool #results .scroll{overflow:visible}
.image-tool #results table,.image-tool #results tbody{display:block;width:100%;min-width:0}
.image-tool #results thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.image-tool #results tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
.image-tool #results td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;border:0;padding:5px 0;overflow-wrap:normal;word-break:normal}
.image-tool #results td::before{content:attr(data-label);font-weight:700}
}