#mdSynesia.syn-tool-modal {
  inset: 0 !important;
  width: 100dvw !important;
  height: 100dvh !important;
  border-radius: 0 !important;
  background: #05070b;
}

#mdSynesia.syn-tool-modal .syn-modal-header {
  min-height: calc(42px + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) 12px 0 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(5,10,18,.98);
}

#mdSynesia.syn-tool-modal .syn-modal-title {
  font-size: clamp(13px, 3.8vw, 17px);
  letter-spacing: .03em;
  color: #f0fbff;
}

#mdSynesia.syn-tool-modal .syn-modal-close {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.09);
}

#mdSynesia.syn-tool-modal .syn-modal-body.syn-tool-root {
  width: 100%;
  height: calc(100dvh - 42px - env(safe-area-inset-top));
  padding: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  background: #05070b;
  color: #edf7ff;
  font-size: clamp(12px, 3.2vw, 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, 3.2vw, 15px);
}

#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: 42px;
}

#mdSynesia.syn-tool-modal .syn-tool-root textarea {
  min-height: 96px;
}

#mdSynesia.syn-tool-modal .syn-tool-root table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#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%;
}