body.add-srt-page .subtitle-generator__title {
  max-width: 13ch;
}

body.add-srt-page .subtitle-generator-preview {
  width: min(100%, 690px);
}

body.add-srt-page .subtitle-generator-preview__header strong {
  border-color: rgba(168, 85, 247, 0.28);
  background: rgba(124, 58, 237, 0.12);
  color: #e9d5ff;
}

.add-srt-preview__screen {
  isolation: isolate;
}

.add-srt-note {
  display: contents;
}

.add-srt-import {
  margin-top: 0;
}

.add-srt-import__visual > div:first-child span:first-child {
  border-color: rgba(92, 131, 255, 0.24);
  background: rgba(92, 131, 255, 0.08);
}

.add-srt-import__editor {
  grid-template-columns: minmax(0, 1fr);
}

.add-srt-import__editor span {
  justify-content: flex-start;
  padding-inline: 0.9rem;
}

.add-srt-style-preview__screen p {
  width: min(64%, 34rem);
}

@media (max-width: 1260px) {
  body.add-srt-page .subtitle-generator-preview {
    width: min(100%, 560px);
  }
}

@media (max-width: 920px) {
  body.add-srt-page .subtitle-generator-preview {
    width: 100%;
  }
}

@media (max-width: 720px) {
  body.add-srt-page .subtitle-generator__title {
    max-width: 11.2ch;
  }
}