.toolfa-imgcomp{margin:0 auto}.toolfa-imgcomp-dropzone{border-radius:12px;border:1px dashed #d1d5db;padding:18px 16px;background:#f9fafb;text-align:center;margin-bottom:16px;transition:border-color 0.15s ease,background-color 0.15s ease}.toolfa-imgcomp-dropzone--dragover{border-color:#dd3333;background-color:#fff5f5}.toolfa-imgcomp-title{font-weight:600;margin-bottom:6px}.toolfa-imgcomp-drop-text-main{font-size:14px;margin-bottom:2px}.toolfa-imgcomp-drop-text-sub{font-size:12px;margin-bottom:10px;opacity:0.8}.toolfa-imgcomp-select-btn{display:inline-block;padding:6px 14px;font-size:13px;border-radius:999px;border:1px solid #4b5563;background:#fff;cursor:pointer}.toolfa-imgcomp-select-btn:hover{background:#4b5563;color:#fff}.toolfa-imgcomp-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.toolfa-imgcomp-quality{margin-bottom:10px;font-size:13px}.toolfa-imgcomp-toolbar{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px}.toolfa-imgcomp-clear-btn,.toolfa-imgcomp-download-all-btn{padding:4px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.toolfa-imgcomp-clear-btn:hover{background:#f3f4f6}.toolfa-imgcomp-download-all-btn{background-color:#dd3333;color:#fff}.toolfa-imgcomp-download-all-btn[disabled]{opacity:0.6;cursor:default}.toolfa-imgcomp-download-all-btn:not([disabled]):hover{background:#ff5b4a;color:#fff}.toolfa-imgcomp-list{margin-top:8px}.toolfa-imgcomp-row{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-bottom:12px;background:#ffffff}.toolfa-imgcomp-row-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px}.toolfa-imgcomp-filename{font-weight:600;word-break:break-all}.toolfa-imgcomp-original-size{white-space:nowrap;opacity:0.85}.toolfa-imgcomp-row-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:stretch;font-size:12px}.toolfa-imgcomp-compare{display:flex;flex-direction:column;gap:6px}.toolfa-imgcomp-compare-inner{position:relative;width:100%;padding-top:56%;border-radius:8px;overflow:hidden;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.toolfa-imgcomp-compare-origwrap,.toolfa-imgcomp-compare-compwrap{position:absolute;inset:0}.toolfa-imgcomp-compare-compwrap{overflow:hidden;width:50%}.toolfa-imgcomp-compare-img{width:100%;height:100% !important;object-fit:cover}.toolfa-imgcomp-compare-handle{position:absolute;top:0;bottom:0;width:2px;background:#000000;left:50%;transform:translateX(-50%);cursor:ew-resize}.toolfa-imgcomp-compare-handle::before{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;border-radius:999px;border:2px solid #ffffff;background:#dd3333;box-shadow:0 0 0 1px rgba(0,0,0,.2);transform:translate(-50%,-50%)}.toolfa-imgcomp-info{display:flex;flex-direction:column;gap:6px}.toolfa-imgcomp-status{margin-bottom:4px}.toolfa-imgcomp-gif-note{font-size:11px;color:#6b7280}.toolfa-imgcomp-actions{display:flex;gap:8px}.toolfa-imgcomp-download{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid #dd3333;text-decoration:none;font-size:12px;cursor:pointer}.toolfa-imgcomp-download:hover{background:#dd3333;color:#fff !important}.toolfa-imgcomp-remove{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:12px;cursor:pointer}.toolfa-imgcomp-remove:hover{background:#f3f4f6}.toolfa-imgcomp-error{margin-top:10px;color:#b91c1c;font-size:12px}.toolfa-imgcomp .tsm-range{flex:1;display:block;height:28px;padding:0;margin:0;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toolfa-imgcomp .tsm-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#4b5563}.toolfa-imgcomp .tsm-range::-moz-range-track{height:6px;border-radius:999px;background:#4b5563}.toolfa-imgcomp .tsm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#dd3333;border:2px solid #ffffff;box-shadow:0 0 0 1px rgba(0,0,0,.18);cursor:pointer;margin-top:-6px}.toolfa-imgcomp .tsm-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#dd3333;border:2px solid #ffffff;box-shadow:0 0 0 1px rgba(0,0,0,.18);cursor:pointer}.toolfa-imgcomp input[type=range]{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;width:90% !important;height:32px !important;border:none !important;padding:0 !important;margin:0 auto!important;background:transparent !important;cursor:pointer !important}.toolfa-imgcomp input[type=range]::-webkit-slider-runnable-track{height:6px !important;border-radius:999px !important;background:#4b5563 !important}.toolfa-imgcomp input[type=range]::-moz-range-track{height:6px !important;border-radius:999px !important;background:#4b5563 !important}.toolfa-imgcomp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:18px !important;height:18px !important;border-radius:50% !important;background:#dd3333 !important;border:2px solid #ffffff !important;box-shadow:0 0 0 1px rgba(0,0,0,.18) !important;cursor:pointer !important;margin-top:-6px !important}.toolfa-imgcomp input[type=range]::-moz-range-thumb{width:18px !important;height:18px !important;border-radius:50% !important;background:#dd3333 !important;border:2px solid #ffffff !important;box-shadow:0 0 0 1px rgba(0,0,0,.18) !important;cursor:pointer !important}@media (max-width:600px){.toolfa-imgcomp-actions{flex-direction:column;text-align:center}.toolfa-imgcomp-actions .toolfa-imgcomp-download{padding:5px}}
.toolfa-imgcomp-compare-label {
  position: absolute;
  bottom: 10px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.4;
  background: rgba(0, 0, 0, 0.45);
  color: #ffffff;
  pointer-events: none;
  z-index: 4;
  white-space: nowrap;
}

.toolfa-imgcomp-compare-label--before {
  right: 12px;   /* سمت راست: تصویر اصلی = قبل */
}

.toolfa-imgcomp-compare-label--after {
  left: 12px;    /* سمت چپ: تصویر فشرده = بعد */
}