#mdSynesia.syn-tool-modal {
  background: #05070b;
}

#mdSynesia.syn-tool-modal .syn-modal-header {
  min-height: clamp(38px, 4.2vh, 52px);
  padding: 0 clamp(10px, 1.1vw, 18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(7,13,22,.98), rgba(5,8,14,.96));
}

#mdSynesia.syn-tool-modal .syn-modal-title {
  font-size: clamp(13px, .82vw, 16px);
  letter-spacing: .04em;
  color: #e7fbff;
}

#mdSynesia.syn-tool-modal .syn-modal-close {
  width: clamp(32px, 2.5vw, 42px);
  height: clamp(32px, 2.5vw, 42px);
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #d8faff;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

#mdSynesia.syn-tool-modal .syn-modal-body.syn-tool-root {
  width: 100%;
  height: calc(100dvh - clamp(38px, 4.2vh, 52px));
  overflow: auto;
  overscroll-behavior: contain;
  background: #05070b;
  color: #edf7ff;
  font-size: clamp(12px, .72vw, 15px);
}

#mdSynesia.syn-tool-modal .syn-tool-root input,
#mdSynesia.syn-tool-modal .syn-tool-root select,
#mdSynesia.syn-tool-modal .syn-tool-root textarea,
#mdSynesia.syn-tool-modal .syn-tool-root button {
  font-size: clamp(12px, .72vw, 14px);
}

#mdSynesia.syn-tool-modal .syn-tool-root button,
#mdSynesia.syn-tool-modal .syn-tool-root input,
#mdSynesia.syn-tool-modal .syn-tool-root select {
  min-height: clamp(30px, 2.7vh, 40px);
}

#mdSynesia.syn-tool-modal .syn-tool-root table {
  max-width: 100%;
}

#mdSynesia.syn-tool-modal .syn-tool-root img,
#mdSynesia.syn-tool-modal .syn-tool-root video,
#mdSynesia.syn-tool-modal .syn-tool-root canvas {
  max-width: 100%;
}

@media (max-height: 760px) and (min-width: 801px) {
  #mdSynesia.syn-tool-modal .syn-modal-header {
    min-height: 36px;
  }

  #mdSynesia.syn-tool-modal .syn-modal-body.syn-tool-root {
    height: calc(100dvh - 36px);
    font-size: 12px;
  }
}