:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page) {
  --hybrid-paper: #f5f2eb;
  --hybrid-panel: #fffdfa;
  --hybrid-line: #d9d2c8;
  --hybrid-ink: #24211e;
  --hybrid-muted: #706a62;
  --hybrid-rust: #c94e2d;
  --hybrid-rust-soft: #f1d3c8;
  background: var(--hybrid-paper) !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(main, .media-main, .audio-main, .ocr-main, .convert-main) {
  padding-top: 18px !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(.video-download-hero, .media-hero, .audio-hero, .ocr-hero, .convert-hero) {
  min-height: 0 !important;
  grid-template-columns: minmax(0, 800px) !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 25px 0 28px !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(.video-download-hero, .media-hero, .audio-hero, .ocr-hero, .convert-hero) h1 {
  max-width: 790px;
  margin: 10px 0 12px !important;
  color: var(--hybrid-ink) !important;
  font-family: Georgia, "Songti SC", "Noto Serif CJK SC", serif !important;
  font-size: clamp(44px, 4.35vw, 58px) !important;
  font-weight: 500 !important;
  line-height: .99 !important;
  letter-spacing: -.055em !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(.video-download-hero, .media-hero, .audio-hero, .ocr-hero, .convert-hero) h1 em {
  color: var(--hybrid-rust) !important;
  font-weight: 500 !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(.video-download-hero, .media-hero, .audio-hero, .ocr-hero, .convert-hero) p {
  max-width: 690px !important;
  color: var(--hybrid-muted) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.video-downloader-page .video-download-hero > div > span,
:where(.recorder-page, .audio-page, .ocr-page, .convert-page) .eyebrow {
  color: var(--hybrid-rust) !important;
}

.recorder-page .recorder-hero-art,
.audio-page .audio-hero-art,
.ocr-page .ocr-visual,
.convert-page .conversion-preview {
  display: none !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(.downloader-card, .media-workbench, .audio-workbench, .ocr-workbench, .convert-workbench) {
  margin: 0 0 24px !important;
  border: 1px solid var(--hybrid-line) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--hybrid-panel) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

:where(.recorder-page, .ocr-page) .workbench-heading,
.audio-page .audio-heading,
.convert-page .convert-workbench-title,
.video-downloader-page .index-downloader-heading {
  min-height: 72px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--hybrid-line) !important;
  padding: 15px 20px !important;
}

:where(.recorder-page, .ocr-page) .workbench-heading > div:first-child,
.audio-page .audio-heading > div:first-child,
.convert-page .convert-workbench-title > div:first-child {
  display: grid !important;
  gap: 3px !important;
}

:where(.recorder-page, .ocr-page) .workbench-heading > div:first-child > span,
.audio-page .audio-heading > div:first-child > span,
.convert-page .convert-workbench-title > div:first-child > span,
.video-downloader-page .index-downloader-heading > span {
  color: var(--hybrid-rust) !important;
  font-size: 10px !important;
  letter-spacing: .15em !important;
  white-space: nowrap;
}

:where(.recorder-page, .ocr-page) .workbench-heading h2,
.audio-page .audio-heading h2,
.convert-page .convert-workbench-title h2,
.video-downloader-page .index-downloader-heading h2 {
  margin: 4px 0 0 !important;
  color: var(--hybrid-ink) !important;
  font: 700 22px/1.12 ui-sans-serif, system-ui, sans-serif !important;
  letter-spacing: -.035em !important;
}

.video-downloader-page .index-downloader-heading {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
}

.video-downloader-page .index-downloader-heading h2 {
  grid-column: 1 / -1;
}

.video-downloader-page .platform-row,
.video-downloader-page form,
.video-downloader-page .loading-panel,
.video-downloader-page .result-panel {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.video-downloader-page .platform-row {
  margin-bottom: 0 !important;
  padding: 16px 0 !important;
}

.video-downloader-page form {
  padding: 18px 0 20px;
}

.video-downloader-page :is(.platform, .input-shell, .loading-panel, .result-panel),
.video-downloader-page :is(.paste-button, .submit-button, .download-button, .quality-options button) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.video-downloader-page :is(.submit-button, .download-button) {
  background: var(--hybrid-rust) !important;
}

.video-downloader-page .video-download-notes {
  gap: 0 !important;
  margin-top: 0 !important;
  border: 1px solid var(--hybrid-line) !important;
}

.video-downloader-page .video-download-notes div {
  min-height: 110px !important;
  border-radius: 0 !important;
  padding: 18px !important;
  background: transparent !important;
}

.video-downloader-page .legal-note {
  margin: 10px 0 16px !important;
}

.recorder-page .recorder-layout {
  grid-template-columns: minmax(285px, .72fr) minmax(0, 1.28fr) !important;
  gap: 0 !important;
}

.recorder-page :is(.recorder-settings, .recorder-preview) {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 20px !important;
  box-shadow: none !important;
}

.recorder-page .recorder-preview {
  border-left: 1px solid var(--hybrid-line) !important;
}

.recorder-page :is(.toggle-list label, .recording-stage, .recording-result),
.recorder-page :is(select, button, .recording-clock) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.recorder-page :is(.setup-heading > span, .preview-heading span, .result-copy > span) {
  color: var(--hybrid-rust) !important;
}

.audio-page .audio-source {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 18px 20px 20px !important;
  background: transparent !important;
}

.audio-page :is(.source-tabs, .audio-drop-zone, .audio-file-bar, .waveform-card, .audio-effects, .audio-export, .audio-result),
.audio-page :is(button, select, input, .audio-upload-icon) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.audio-page .audio-drop-zone {
  min-height: 188px !important;
  border-color: var(--hybrid-line) !important;
  background: transparent !important;
}

.audio-page :is(.audio-upload-icon, .record-button, .export-audio-button) {
  background: var(--hybrid-rust) !important;
}

.audio-page :is(.audio-section-heading span, .audio-file-bar span, .audio-effects label em) {
  color: var(--hybrid-rust) !important;
}

.audio-page .audio-dot {
  background: var(--hybrid-rust) !important;
  box-shadow: 0 0 0 5px rgba(201, 78, 45, .12) !important;
}

.audio-page .audio-benefits article > span,
.ocr-page .ocr-benefits article > span,
.convert-page .convert-benefits article > span {
  color: var(--hybrid-rust) !important;
}

.audio-page input[type="range"] {
  accent-color: var(--hybrid-rust) !important;
}

.ocr-page .ocr-toolbar {
  margin: 0 !important;
  border-bottom: 1px solid var(--hybrid-line) !important;
  border-radius: 0 !important;
  padding: 14px 20px !important;
  background: #eeebe5 !important;
}

.ocr-page .ocr-drop-zone {
  min-height: 190px !important;
  margin: 20px !important;
  border-color: #bdb5aa !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ocr-page .ocr-layout {
  gap: 0 !important;
  margin: 0 !important;
  border-top: 1px solid var(--hybrid-line);
}

.ocr-page :is(.page-list-panel, .ocr-result-panel) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ocr-page .ocr-result-panel {
  border-left: 1px solid var(--hybrid-line) !important;
}

.ocr-page :is(select, button, textarea, .embedded-toggle, .ocr-progress, .ocr-page-card, .select-files) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ocr-page :is(.workbench-heading > div:first-child > span, .list-heading span, .result-heading span) {
  color: var(--hybrid-rust) !important;
}

.ocr-page :is(.primary-action, .select-files) {
  background: var(--hybrid-rust) !important;
}

.convert-page .category-tabs {
  gap: 0 !important;
  border-bottom: 1px solid var(--hybrid-line) !important;
  border-radius: 0 !important;
  padding: 8px 20px !important;
  background: #eeebe5 !important;
}

.convert-page .category-tab {
  border-right: 1px solid var(--hybrid-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.convert-page .category-tab:last-child {
  border-right: 0 !important;
}

.convert-page .category-tab.active {
  color: var(--hybrid-ink) !important;
  background: var(--hybrid-panel) !important;
}

.convert-page .category-tab.active span,
.convert-page .converter-heading > div > span {
  border-radius: 0 !important;
  color: var(--hybrid-rust) !important;
  background: var(--hybrid-rust-soft) !important;
  transform: none !important;
}

.convert-page .converter-layout {
  gap: 0 !important;
  margin: 0 !important;
}

.convert-page :is(.converter-card, .quick-reference) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.convert-page .quick-reference {
  border-left: 1px solid var(--hybrid-line) !important;
}

.convert-page :is(select, input, button, .value-input, .conversion-formula, .reference-list button) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.convert-page :is(.convert-workbench-title > div:first-child > span, .reference-heading span) {
  color: var(--hybrid-rust) !important;
}

:where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
  :is(.video-download-notes, .media-benefits, .audio-benefits, .ocr-benefits, .convert-benefits) article,
.video-downloader-page .video-download-notes div {
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1020px) {
  .ocr-page .ocr-result-panel,
  .convert-page .quick-reference {
    border-top: 1px solid var(--hybrid-line) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 820px) {
  :where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
    :is(.video-download-hero, .media-hero, .audio-hero, .ocr-hero, .convert-hero) {
    grid-template-columns: 1fr !important;
    padding: 22px 0 25px !important;
  }

  :where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
    :is(.video-download-hero, .media-hero, .audio-hero, .ocr-hero, .convert-hero) h1 {
    font-size: clamp(39px, 10.8vw, 53px) !important;
  }

  .recorder-page .recorder-layout {
    grid-template-columns: 1fr !important;
  }

  .recorder-page .recorder-preview {
    border-top: 1px solid var(--hybrid-line) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 620px) {
  :where(.video-downloader-page, .recorder-page, .audio-page, .ocr-page, .convert-page)
    :is(main, .media-main, .audio-main, .ocr-main, .convert-main) {
    width: calc(100% - 24px) !important;
    padding-top: 12px !important;
  }

  :where(.recorder-page, .ocr-page) .workbench-heading,
  .audio-page .audio-heading,
  .convert-page .convert-workbench-title,
  .video-downloader-page .index-downloader-heading {
    min-height: 0 !important;
    align-items: flex-start !important;
    padding: 15px !important;
  }

  .video-downloader-page .platform-row,
  .video-downloader-page form,
  .video-downloader-page .loading-panel,
  .video-downloader-page .result-panel {
    margin-right: 14px !important;
    margin-left: 14px !important;
  }

  .video-downloader-page .submit-button span {
    display: inline !important;
  }

  .ocr-page .ocr-toolbar {
    padding: 14px !important;
  }

  .ocr-page .ocr-drop-zone {
    margin: 14px !important;
  }

  .convert-page .category-tabs {
    padding: 8px !important;
  }
}