/* PDF, video & audio tools — mobile (≤767px) */

.pm-page,
.pti-page,
.pe-page,
.yt-page,
.hs-page,
.ym-page {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

/* ── Compact upload / dropzones ── */
.pm-page .pm-dropzone,
.pti-page .pti-dropzone,
.pti-page .cp-upload-box,
.pe-page .pe-dropzone {
  min-height: 0 !important;
  padding: 14px 12px 12px !important;
  border-radius: 12px;
}

.pm-page .cp-upload-icon-wrapper,
.pti-page .cp-upload-icon-wrapper {
  margin-bottom: 8px;
}

.pm-page .cp-upload-icon-wrapper svg,
.pti-page .cp-upload-icon-wrapper svg {
  width: 38px;
  height: 38px;
}

.pm-page .cp-upload-content h3,
.pti-page .cp-upload-content h3,
.pe-page .pe-dropzone__title {
  font-size: 0.82rem !important;
  margin-bottom: 6px;
}

.pm-page .cp-or,
.pti-page .cp-or {
  margin-bottom: 6px;
  font-size: 0.78rem;
}

.pm-page .cp-browse-btn,
.pti-page .cp-browse-btn {
  margin-bottom: 8px;
}

.pm-page .cp-supports,
.pti-page .cp-supports,
.pe-page .pe-dropzone__hint {
  font-size: 0.68rem !important;
  line-height: 1.35;
}

.pm-page .pm-dropzone-wrap {
  margin-bottom: 14px;
}

/* Workspace: main content above settings sidebar */
.pm-workspace,
.pti-workspace,
.pe-workspace {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  grid-template-columns: unset !important;
}

.pm-main,
.pti-main,
.pe-main {
  order: 1;
  width: 100%;
}

.pm-settings,
.pti-settings,
.pe-sidebar {
  order: 2;
  width: 100%;
  position: static !important;
  top: auto !important;
  padding: 12px !important;
}

/* ── Single-row compact action bars ── */
.pm-filebar__actions,
.pti-filebar__actions,
.pti-toolbar,
.pti-grid-footer__actions,
.pe-section-actions,
.pe-preview-actions,
.pe-file-footer__actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  grid-template-columns: unset !important;
}

.pm-filebar__actions .cp-btn-outline,
.pti-filebar__actions .cp-btn-outline,
.pti-toolbar__btn,
.pti-grid-footer__actions .btn,
.pti-grid-footer__actions .cp-btn-clear,
.pti-grid-footer__actions .cp-btn-solid,
.pe-section-actions .pe-btn,
.pe-preview-actions .pe-btn,
.pe-file-footer__actions .pe-btn {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 38px !important;
  font-size: 0.68rem !important;
  padding: 0 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pti-grid-footer {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.pm-create-btn,
.pe-sidebar .pe-btn--block {
  width: 100%;
  min-height: 40px;
  font-size: 0.82rem;
}

/* PDF editor mode tabs — one scrollable row */
.pe-mode-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  grid-template-columns: unset !important;
  padding-bottom: 4px;
}

.pe-mode-tab {
  flex: 1 1 0;
  min-width: 0;
  min-height: 52px !important;
  padding: 8px 6px !important;
}

.pe-mode-tab__text strong {
  font-size: 0.72rem;
}

.pe-mode-tab__text small {
  display: none;
}

.pe-mode-tab__icon {
  width: 28px !important;
  height: 28px !important;
}

.pe-card {
  padding: 12px !important;
}

.pe-section-head h2 {
  font-size: 0.92rem;
}

/* ── YouTube / Hotstar / metadata — URL + Extract one row ── */
.yt-form__row,
.hs-form__row,
.ym-form__row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 6px !important;
}

.yt-input,
.hs-input,
.ym-input {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 40px !important;
  font-size: 16px;
  padding: 0 10px !important;
}

.yt-extract-btn,
.hs-extract-btn,
.ym-extract-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 76px !important;
  max-width: 34% !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  font-size: 0.74rem !important;
}

.yt-board,
.hs-board,
.ym-board {
  padding: 12px 10px;
  border-radius: 12px;
}

.yt-overview__actions,
.hs-overview__actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  grid-template-columns: unset !important;
}

.yt-overview__actions .btn,
.hs-overview__actions .btn {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  font-size: 0.68rem !important;
  padding: 0 6px !important;
}

.yt-dl-row,
.hs-dl-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  grid-template-columns: unset !important;
}

.yt-dl-row .ui-select,
.hs-dl-row .ui-select {
  flex: 1 1 0;
  min-width: 0;
}

.yt-dl-btn,
.hs-dl-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 88px !important;
  min-height: 40px !important;
  font-size: 0.72rem !important;
  padding: 0 10px !important;
}

.yt-section__head,
.ym-section__head,
.hs-section__head {
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

.yt-section__head h3,
.ym-section__head h3 {
  flex: 1 1 0;
  min-width: 0;
  font-size: 0.88rem;
}

.yt-section__head .btn,
.ym-section__head .btn {
  flex: 0 0 auto;
  min-height: 34px !important;
  font-size: 0.68rem !important;
  padding: 0 8px !important;
}