/* 图片放大工具样式（本地） */

.tool-image-enlarger .preview-wrap {
  background: #f8f9fa;
  border: 1px solid rgba(0,0,0,.075);
  border-radius: .5rem;
  padding: .75rem;
}

.tool-image-enlarger canvas {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70vh;
  background: repeating-conic-gradient(#f0f0f0 0% 25%, #ffffff 0% 50%) 50% / 20px 20px;
}

.tool-image-enlarger .thumb-value { min-width: 3rem; text-align: right; display: inline-block; }

.tool-image-enlarger .btn-primary {
  background: #6c63ff;
  border: none;
}

.tool-image-enlarger .btn-primary:hover {
  background: #2574e6;
}

.tool-image-enlarger .btn-outline-primary {
  border-color: #6c63ff;
  color: #6c63ff;
}

.tool-image-enlarger .btn-outline-primary:hover {
  background: #6c63ff;
  color: #fff;
}

.tool-image-enlarger .form-range:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 99, 255, 0.25);
}

.tool-image-enlarger .form-check-input:checked {
  background-color: #6c63ff;
  border-color: #6c63ff;
}