.tools-block {
    display: inline-block;
    /*background: #0073e6;*/
    border-radius: 10px;

}

.tools-block button {
    height: 50px;
    padding: 15px;
    border-radius: 8px;
    border: none;
}

.tools-block button:hover {
    background-color: #0073e6;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.tools-block button:active {
    background-color: #009c36;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.remove-all-files-btm {
    height: 40px;
    padding: 10px;
    border-radius: 8px;
    border: none;
    background-color: #ffe5da;
}

.remove-all-files-btm:hover {
    background-color: #ff9279;
    transition: all 0.2s ease-in-out;
}

.remove-all-files-btm:active {
    background-color: #ff5b29;
    transition: all 0.3s ease-in-out;
}


.description-page {
    text-align: center;
    padding: 16px;
}


#preview-result-box {
    display: none;
    max-width: 250px;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    /*background-color: #ffe5da;*/
}


.setting-images-box{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  background:var(--bg);
  border-radius:var(--radius);
  max-width:420px;
  user-select:none;
}

/* іконка */
.img-setting-icon{
  width:26px;
  height:26px;
  flex-shrink:0;
  filter:grayscale(.3);
}

.description {
  font-size: 13px;
  color: #555;
  margin-bottom: 4px;
}

/* повзунок */
input[type=range]{
  -webkit-appearance:none;
  width:160px;
  height:4px;
  border-radius:2px;
  background:linear-gradient(to right,var(--accent) 0%,var(--accent) 95%,#ddd 95%);
  outline:none;
  transition:background .2s;
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 2px 4px rgba(0,0,0,.2);
  cursor:pointer;
  transition:transform .15s;
}
input[type=range]:active::-webkit-slider-thumb{
  transform:scale(1.15);
}

/* цифра */
.range-label{
  font-size:14px;
  font-weight:500;
  margin-left:8px;
}