/* Converter-specific styles reuse the universal tokens and merger controls. */
[hidden] {
  display: none !important;
}
.converter-page .pdf-hero h1 {
  font-size: clamp(34px, 5vw, 58px);
  max-width: 950px;
}
.converter-page .pdf-eyebrow {
  letter-spacing: 1px;
  line-height: 1.7;
}
.converter-editorial {
  padding: 12px 0 32px;
}
.converter-editorial h2 {
  font-size: 27px;
  letter-spacing: -0.7px;
}
.converter-editorial > p {
  max-width: 920px;
  line-height: 1.95;
  color: var(--muted);
  font-size: 14px;
}
.converter-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 25px;
  margin-top: 25px;
  font-size: 12px;
}
.converter-feature-list span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.converter-feature-list i {
  color: var(--brand);
}
.converter-hub {
  padding-bottom: 60px;
}
.converter-hub .pdf-hero h1 {
  font-size: clamp(38px, 5.6vw, 67px);
}
.converter-discovery {
  padding: 7px 0 20px;
}
.converter-search {
  display: flex;
  align-items: center;
  gap: 15px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 7px 25px #192f6710;
  border-radius: 17px;
  padding: 19px 22px;
  max-width: 820px;
}
.converter-search > i {
  font-size: 20px;
  color: var(--brand);
}
.converter-search input {
  flex: 1;
  min-width: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 15px;
  outline: none;
  border: 0;
}
.converter-search:focus-within {
  outline: 3px solid #5269de44;
}
.converter-search kbd {
  font-size: 12px;
  color: var(--muted);
  background: var(--bg);
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: 6px;
}
.converter-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 23px;
}
.converter-filters button {
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--muted);
  border-radius: 30px;
  min-height: 42px;
  padding: 10px 16px;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.converter-filters button[aria-pressed="true"] {
  background: var(--text);
  border-color: var(--text);
  color: var(--surface);
}
.converter-count {
  font-size: 11px;
  color: var(--muted);
  margin: 20px 0 0;
}
.converter-category {
  margin: 21px 0 38px;
}
.converter-category-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.converter-category-heading h2 {
  font-size: 21px;
  letter-spacing: -0.5px;
  margin: 0;
}
.converter-category-heading > span {
  font-size: 11px;
  color: var(--muted);
}
.converter-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}
.converter-card {
  display: flex;
  flex-direction: column;
  padding: 23px 23px 20px;
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 19px;
  color: var(--text);
  text-decoration: none;
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    border-color 0.2s;
  min-width: 0;
}
.converter-card:hover {
  transform: translateY(-3px);
  border-color: #aebce9;
  box-shadow: 0 13px 30px #192f6710;
}
.converter-card:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 3px;
}
.converter-formats {
  display: flex;
  gap: 11px;
  align-items: center;
}
.converter-formats > i {
  color: var(--muted);
  font-size: 14px;
}
.format-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 49px;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid var(--border);
  border-radius: 11px;
  font-size: 10px;
  letter-spacing: 0.4px;
  font-weight: 750;
  color: #465bc7;
  background: var(--soft);
}
.format-pdf {
  color: #aa4058;
  background: #fff1f3;
  border-color: #f8dfe5;
}
.format-word {
  color: #4569be;
  background: #eff5ff;
  border-color: #dce8ff;
}
.format-excel,
.format-csv {
  color: #237456;
  background: #edf8f1;
  border-color: #d6ebdf;
}
.format-powerpoint {
  color: #94602e;
  background: #fff4e8;
  border-color: #f7e3cb;
}
.dark .format-tag {
  color: var(--brand);
  background: var(--soft);
  border-color: var(--border);
}
.dark .format-pdf {
  color: #efa0b1;
  background: #352632;
}
.dark .format-excel,
.dark .format-csv {
  color: #87d1b6;
  background: #22382f;
}
.converter-card h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 16px;
  margin: 22px 0 9px;
  letter-spacing: -0.3px;
}
.converter-card h3 i {
  font-size: 14px;
  color: var(--muted);
}
.converter-card p {
  font-size: 12px;
  line-height: 1.8;
  color: var(--muted);
  margin: 0 0 19px;
  flex: 1;
}
.converter-card-status {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
}
.converter-card-status.ready {
  color: #23785d;
}
.dark .converter-card-status.ready {
  color: #8bcbb5;
}
.converter-empty {
  padding: 45px 20px;
  text-align: center;
  color: var(--muted);
  border: 1px dashed var(--border);
  border-radius: 16px;
}
.converter-hub-note {
  display: flex;
  gap: 20px;
  padding: 27px;
  border: 1px solid var(--border);
  border-radius: 19px;
  background: var(--soft);
  margin: 38px 0 25px;
}
.converter-hub-note > i {
  font-size: 25px;
  color: var(--brand);
}
.converter-hub-note h2 {
  font-size: 18px;
  margin: 0 0 9px;
}
.converter-hub-note p {
  color: var(--muted);
  line-height: 1.9;
  font-size: 12px;
  max-width: 800px;
  margin: 0;
}
.converter-unavailable {
  padding: 20px 42px 50px;
}
.converter-unavailable > i {
  font-size: 30px;
  color: var(--brand);
}
.converter-unavailable h2 {
  font-size: 25px;
}
.converter-unavailable p {
  color: var(--muted);
  line-height: 1.9;
  max-width: 800px;
  font-size: 14px;
}
.converter-hub-link {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  color: var(--brand);
  font-size: 13px;
  margin-top: 15px;
}
.converter-app {
  padding-top: 6px;
}
.converter-app .m-btn.primary {
  background: #5269de;
  border-color: #5269de;
  color: white;
}
.converter-flow {
  display: flex;
  align-items: center;
  gap: 19px;
  padding: 18px 22px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 17px;
  margin-bottom: 19px;
}
.converter-flow .format-tag {
  min-width: 65px;
  font-size: 12px;
}
.converter-flow-line {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--muted);
}
.converter-flow-line small {
  font-size: 10px;
}
.converter-flow > a {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  color: var(--muted);
  text-decoration: none;
}
.converter-flow > a:hover {
  color: var(--brand);
}
.converter-app .engine-status {
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.converter-app .engine-status > span {
  flex: 1;
  min-width: 190px;
}
.converter-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 22px;
  border-radius: 16px;
  margin: 24px 0;
}
.converter-summary > div {
  padding: 0 12px;
  border-right: 1px solid var(--border);
  min-width: 0;
}
.converter-summary > div:last-child {
  border: 0;
}
.converter-summary span {
  display: block;
  font-size: 10px;
  color: var(--muted);
  margin-bottom: 9px;
}
.converter-summary strong {
  font-size: 15px;
  overflow-wrap: anywhere;
}
.converter-summary .summary-estimate {
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
  line-height: 1.7;
}
.converter-quick-options {
  padding: 7px 0 25px;
}
.converter-quick-options h2 {
  font-size: 19px;
  margin: 8px 0 18px;
  letter-spacing: -0.4px;
}
.converter-help {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
  margin: 12px 0 0;
}
.converter-app .m-field > output {
  display: inline-block;
  font-size: 13px;
  color: var(--brand);
  font-weight: 750;
}
.converter-app input[type="range"] {
  padding: 0;
  height: 27px;
  min-height: 27px;
  accent-color: var(--brand);
  background: var(--bg);
  cursor: pointer;
}
.converter-app input[type="color"] {
  padding: 5px;
  cursor: pointer;
}
.converter-app .m-field input:focus,
.converter-app .m-field select:focus {
  border-color: var(--brand);
}
.converter-files {
  display: grid;
  gap: 12px;
}
.converter-file {
  display: flex;
  align-items: center;
  gap: 17px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 15px;
  padding: 16px;
  min-width: 0;
}
.converter-file.invalid {
  border-color: #dd8798;
}
.converter-file-thumb {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 62px;
  height: 75px;
  border-radius: 10px;
  background: var(--soft);
  overflow: hidden;
  color: var(--brand);
  font-size: 27px;
}
.converter-file-thumb img,
.converter-file-thumb canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.converter-file-info {
  flex: 1;
  min-width: 0;
}
.converter-file-info h3 {
  font-size: 13px;
  margin: 0 0 6px;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
.converter-file-info p {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
  margin: 0;
}
.converter-file-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.converter-file-actions button {
  min-width: 40px;
  min-height: 40px;
  padding: 8px;
}
.converter-file-actions .danger {
  color: #b3455a;
}
.dark .converter-file-actions .danger {
  color: #ffa9bf;
}
.converter-file .drag-handle {
  position: static;
  cursor: grab;
  transform: none;
}
.converter-file[aria-grabbed="true"] {
  box-shadow: 0 0 0 2px var(--brand);
}
.converter-data-preview {
  padding: 0 20px 22px;
  margin-top: 24px;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: var(--surface);
}
.converter-table-scroll {
  overflow: auto;
  max-height: 360px;
  border: 1px solid var(--border);
  border-radius: 11px;
  margin-top: 17px;
}
.converter-table-scroll table {
  border-collapse: collapse;
  min-width: 100%;
  font-size: 11px;
  text-align: left;
}
.converter-table-scroll th,
.converter-table-scroll td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  min-width: 90px;
  max-width: 340px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.7;
}
.converter-table-scroll th {
  position: sticky;
  top: 0;
  background: var(--soft);
  z-index: 1;
  font-weight: 650;
}
.converter-table-scroll tbody tr:nth-child(even) {
  background: var(--bg);
}
.converter-columns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.converter-column {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--bg);
}
.converter-column input {
  accent-color: var(--brand);
}
.converter-column button {
  border: 0;
  background: transparent;
  color: var(--muted);
  min-width: 28px;
  min-height: 28px;
  cursor: pointer;
}
.converter-text-preview {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  background: var(--bg);
  color: var(--text);
  border-radius: 10px;
  border: 1px solid var(--border);
  padding: 18px;
  text-align: left;
  font:
    12px/1.9 ui-monospace,
    monospace;
  max-height: 360px;
  overflow: auto;
  margin: 17px 0 0;
}
.converter-results {
  display: grid;
  gap: 10px;
  text-align: left;
  margin: 24px auto;
  max-width: 740px;
}
.converter-result-file {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: var(--bg);
  min-width: 0;
}
.converter-result-file > i {
  font-size: 24px;
  color: var(--brand);
}
.converter-result-file > div {
  flex: 1;
  min-width: 0;
}
.converter-result-file strong {
  display: block;
  font-size: 12px;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
.converter-result-file small {
  font-size: 10px;
  color: var(--muted);
}
.converter-app #preview-image {
  max-width: 100%;
  height: auto;
}
.converter-app #preview-canvas {
  max-width: 100%;
  height: auto;
}
.converter-app #preview-paper {
  max-height: 760px;
}
.converter-app button:focus-visible,
.converter-app a:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 3px;
}
.converter-app .merge-action {
  margin-top: 20px;
}
.converter-app .merge-cta {
  min-width: 225px;
}
.converter-app .m-section-heading h2 {
  font-size: 21px;
}
.converter-app .m-field {
  line-height: 1.7;
}
.converter-app .m-option {
  align-items: flex-start;
}
.converter-app .m-option.unsupported input {
  cursor: not-allowed;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 1000px) {
  .converter-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .converter-cards {
    grid-template-columns: 1fr;
  }
  .converter-card {
    padding: 21px;
  }
  .converter-filters {
    gap: 7px;
  }
  .converter-filters button {
    font-size: 10px;
    padding: 9px 12px;
  }
  .converter-search {
    padding: 17px;
  }
  .converter-search input {
    font-size: 13px;
  }
  .converter-hub-note {
    padding: 22px 18px;
    gap: 13px;
  }
  .converter-page .pdf-breadcrumb {
    flex-wrap: wrap;
  }
  .converter-page .pdf-hero h1 {
    font-size: 35px;
  }
  .converter-flow {
    padding: 15px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .converter-flow-line small {
    display: none;
  }
  .converter-flow > a {
    font-size: 10px;
  }
  .converter-flow .format-tag {
    min-width: 50px;
    font-size: 10px;
  }
  .converter-summary {
    grid-template-columns: 1fr 1fr;
    padding: 17px 7px;
    gap: 20px 0;
  }
  .converter-summary > div:nth-child(2) {
    border: 0;
  }
  .converter-summary strong {
    font-size: 13px;
  }
  .converter-file {
    gap: 12px;
    flex-wrap: wrap;
    padding: 13px;
  }
  .converter-file-thumb {
    width: 48px;
    height: 60px;
  }
  .converter-file-actions {
    width: 100%;
    justify-content: flex-start;
    padding-top: 3px;
  }
  .converter-file-actions button {
    min-width: 44px;
    min-height: 44px;
  }
  .converter-file .drag-handle {
    margin-left: auto;
  }
  .converter-app .merge-action {
    margin: 17px 0;
  }
  .converter-data-preview {
    padding: 0 13px 17px;
  }
  .converter-result-file {
    flex-wrap: wrap;
    gap: 10px;
  }
  .converter-result-file .m-btn {
    width: 100%;
  }
  .converter-hub .pdf-hero h1 {
    font-size: 39px;
  }
  .converter-app .result-stats {
    gap: 20px;
  }
  .converter-app .result-stats strong {
    font-size: 17px;
  }
  .converter-editorial h2 {
    font-size: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .converter-card {
    transition: none;
  }
  .converter-app * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}
.converter-page-picker {
  padding: 20px;
  margin-top: 20px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
}
.converter-picker-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 20px;
}
.converter-picker-toolbar > strong {
  font-size: 12px;
  color: var(--muted);
}
.converter-page-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 13px;
}
.converter-page-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 8px;
  background: var(--bg);
  cursor: pointer;
  font-size: 11px;
  min-width: 0;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.converter-page-card:has(input:checked) {
  border-color: var(--brand);
  box-shadow: 0 0 0 1px var(--brand);
}
.converter-page-image {
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--soft);
  border-radius: 7px;
  overflow: hidden;
  font-size: 10px;
  color: var(--muted);
  text-align: center;
}
.converter-page-image > i {
  font-size: 28px;
  color: var(--brand);
}
.converter-page-image > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.converter-page-card > span:last-child {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  min-height: 25px;
}
.converter-page-card input {
  width: 16px;
  height: 16px;
  accent-color: var(--brand);
}
@media (max-width: 850px) {
  .converter-page-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .converter-picker-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 560px) {
  .converter-page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .converter-page-picker {
    padding: 13px;
  }
  .converter-page-image {
    height: 95px;
  }
  .converter-page-card {
    padding: 6px;
    font-size: 10px;
  }
  .converter-page-card > span:last-child {
    min-height: 33px;
    gap: 5px;
  }
}
.converter-app .preview-paper.pdf-preview #preview-canvas {
  max-width: none;
}
.converter-app #cancel-queued {
  margin-top: 12px;
}
.converter-column {
  max-width: 100%;
  min-width: 0;
}
.converter-column label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.converter-column button {
  flex-shrink: 0;
}
.converter-app #preview-zoom {
  font-size: 10px;
  color: var(--muted);
  min-width: 35px;
  text-align: center;
}
.converter-column-range {
  flex: 1 0 100%;
  display: flex;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
}
.converter-column-range .m-field {
  flex: 1;
  min-width: 0;
}
@media (max-width: 560px) {
  .converter-column-range {
    flex-wrap: wrap;
  }
  .converter-column-range .m-field {
    flex-basis: 100%;
  }
}

/* Keep the first file action within reach on narrow screens. */
@media (max-width: 560px) {
  .converter-page .pdf-hero {
    margin-top: 20px;
    margin-bottom: 18px;
  }
  .converter-app .converter-flow {
    padding: 12px 14px;
    margin-bottom: 14px;
  }
  .converter-app .merge-drop:not(.compact) {
    padding-top: 23px;
  }
  .converter-app .merge-drop .upload-art {
    height: 90px;
    margin-bottom: 14px;
  }
}

/* Small text uses the stronger shades of the existing brand palette. */
.converter-page .pdf-eyebrow,
.converter-page .guide-kicker,
.converter-hub .pdf-eyebrow {
  color: #465bc7;
}
.dark .converter-page .pdf-eyebrow,
.dark .converter-page .guide-kicker,
.dark .converter-hub .pdf-eyebrow {
  color: var(--brand);
}
.converter-hub-note p {
  color: #5e6880;
}
.dark .converter-hub-note p {
  color: var(--muted);
}
.converter-app .m-kicker {
  color: #465bc7;
}
.dark .converter-app .m-kicker {
  color: var(--brand);
}
.converter-app .upload-sheet.front {
  color: #aa4058;
}
.dark .converter-app .upload-sheet.front {
  color: #efa0b1;
}

/* The same converter modules run in a focused workspace without an outer page
   scrollbar. File previews and settings each keep their own scroll position. */
.converter-edit-grid,
.converter-input-pane,
.converter-settings-pane {
  display: contents;
}
.converter-pane-tabs {
  display: none;
}
body.pdf-focus-editor .pf-tool.converter-app {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  padding: 10px 14px;
  overflow: hidden;
}
body.pdf-focus-editor .converter-app > .converter-flow,
body.pdf-focus-editor .converter-app > .merge-privacy {
  display: none;
}
body.pdf-focus-editor .converter-app > .engine-status {
  flex: 0 0 auto;
  min-height: 25px;
  margin: 0;
  font-size: 11px;
}
body.pdf-focus-editor .converter-app > .m-alert,
body.pdf-focus-editor .converter-app > .m-toast {
  flex: 0 0 auto;
  max-height: 100px;
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 10px 13px;
}
body.pdf-focus-editor .converter-app #editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
body.pdf-focus-editor .converter-edit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 14px;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
body.pdf-focus-editor .converter-input-pane,
body.pdf-focus-editor .converter-settings-pane {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 16px;
  background: var(--surface);
}
body.pdf-focus-editor .converter-settings-pane {
  background: var(--bg);
}
body.pdf-focus-editor .converter-input-pane .merge-drop {
  margin: 0;
  padding: 22px 18px;
}
body.pdf-focus-editor .converter-input-pane .merge-drop.compact {
  padding: 10px 14px;
  gap: 12px;
}
body.pdf-focus-editor .converter-app .m-section-heading {
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin: 16px 0;
}
body.pdf-focus-editor .converter-app .m-section-heading h2 {
  font-size: 18px;
  margin: 0;
}
body.pdf-focus-editor .converter-app .m-section-heading p {
  font-size: 11px;
  margin: 7px 0 0;
}
body.pdf-focus-editor .converter-app .m-kicker {
  display: none;
}
body.pdf-focus-editor .converter-summary {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 17px 0;
  margin: 0 0 18px;
  padding: 16px 8px;
  border-radius: 12px;
}
body.pdf-focus-editor .converter-summary > div:nth-child(2) {
  border: 0;
}
body.pdf-focus-editor .converter-summary strong {
  font-size: 12px;
}
body.pdf-focus-editor .converter-app .converter-quick-options {
  padding: 0 0 15px;
}
body.pdf-focus-editor .converter-app .converter-quick-options h2 {
  font-size: 17px;
  margin: 0 0 14px;
}
body.pdf-focus-editor .converter-settings-pane .m-settings-columns,
body.pdf-focus-editor .converter-settings-pane .m-options {
  grid-template-columns: minmax(0, 1fr);
  gap: 15px;
}
body.pdf-focus-editor .converter-settings-pane .merge-advanced > summary {
  padding: 16px 12px;
  gap: 10px;
}
body.pdf-focus-editor .converter-settings-pane .merge-advanced summary small {
  line-height: 1.7;
}
body.pdf-focus-editor .converter-settings-pane .advanced-body {
  padding: 0 14px 17px;
}
body.pdf-focus-editor .converter-settings-pane .advanced-actions {
  gap: 8px;
}
body.pdf-focus-editor .converter-settings-pane .advanced-actions .m-btn {
  flex: 1 1 auto;
  margin-left: 0;
  font-size: 11px;
}
body.pdf-focus-editor .converter-app .converter-data-preview,
body.pdf-focus-editor .converter-app .converter-page-picker {
  margin-top: 16px;
}
body.pdf-focus-editor .converter-app .converter-page-grid {
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
}
body.pdf-focus-editor .converter-app #editor > .merge-action {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 10px 4px 0;
  border-top: 1px solid var(--border);
}
body.pdf-focus-editor .converter-app .merge-action p {
  font-size: 10px;
  margin-top: 4px;
}
body.pdf-focus-editor .converter-app .merge-cta {
  flex-shrink: 0;
  min-height: 48px;
  padding: 12px 20px;
  font-size: 14px;
}
body.pdf-focus-editor .converter-app > .processing-card,
body.pdf-focus-editor .converter-app > .merge-result {
  flex: 1;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
body.pdf-focus-editor .converter-app > #preview-panel {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 14px;
  border: 0;
  border-radius: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--bg);
}
body.pdf-focus-editor .converter-app > #preview-panel > .m-section-heading {
  flex: 0 0 auto;
  margin: 0 0 8px;
}
body.pdf-focus-editor .converter-app > #preview-panel h2 {
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.pdf-focus-editor .converter-app > #preview-panel .preview-toolbar {
  flex: 0 0 auto;
  padding: 4px 0 12px;
}
body.pdf-focus-editor .converter-app > #preview-panel #preview-paper {
  flex: 1;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: auto;
  overscroll-behavior: contain;
}
body.pdf-focus-editor .converter-app #preview-canvas {
  max-width: none;
}
body.pdf-focus-editor .converter-app #preview-status:empty {
  display: none;
}
body.pdf-focus-editor .converter-app #preview-text {
  max-height: none;
  overflow: visible;
}
@media (max-width: 800px) {
  body.pdf-focus-editor .converter-app {
    padding: 8px;
    gap: 6px;
  }
  body.pdf-focus-editor .converter-edit-grid {
    display: flex;
    gap: 0;
  }
  body.pdf-focus-editor .converter-input-pane,
  body.pdf-focus-editor .converter-settings-pane {
    flex: 1;
    padding: 13px;
    border-radius: 12px;
  }
  body.pdf-focus-editor
    .converter-app[data-pane="files"]
    .converter-settings-pane,
  body.pdf-focus-editor
    .converter-app[data-pane="settings"]
    .converter-input-pane {
    display: none;
  }
  body.pdf-focus-editor .converter-pane-tabs {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--surface);
  }
  body.pdf-focus-editor .converter-pane-tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    background: transparent;
    color: var(--muted);
  }
  body.pdf-focus-editor .converter-pane-tabs button[aria-selected="true"] {
    background: var(--soft);
    color: var(--brand);
  }
  body.pdf-focus-editor .converter-settings-pane .m-settings-columns,
  body.pdf-focus-editor .converter-settings-pane .m-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.pdf-focus-editor .converter-app .converter-data-preview {
    padding: 0 12px 15px;
  }
  body.pdf-focus-editor .converter-app #editor > .merge-action {
    padding-top: 8px;
  }
  body.pdf-focus-editor .converter-app .merge-action strong,
  body.pdf-focus-editor .converter-app .merge-action p {
    display: none;
  }
  body.pdf-focus-editor
    .converter-app
    .merge-action
    > div:has(#cancel-queued[hidden]) {
    display: none;
  }
  body.pdf-focus-editor .converter-app .merge-cta {
    flex: 1;
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 560px) {
  body.pdf-focus-editor .converter-settings-pane .m-settings-columns,
  body.pdf-focus-editor .converter-settings-pane .m-options {
    grid-template-columns: minmax(0, 1fr);
  }
  body.pdf-focus-editor .converter-app > #preview-panel {
    padding: 9px;
  }
  body.pdf-focus-editor .converter-app > #preview-panel .preview-toolbar {
    gap: 6px;
  }
  body.pdf-focus-editor
    .converter-app
    .converter-input-pane
    .merge-drop.compact {
    padding: 10px;
  }
  body.pdf-focus-editor .converter-app .converter-file-actions {
    padding-top: 0;
  }
  body.pdf-focus-editor .converter-app .m-section-heading {
    align-items: flex-start;
  }
}
/* A continuous preview fills its panel; controls float without taking a row. */
body.pdf-focus-editor .converter-app.pf-tool{padding:0;gap:0}
body.pdf-focus-editor .converter-edit-grid{gap:0;grid-template-columns:minmax(0,1fr) 350px}
body.pdf-focus-editor .converter-settings-pane.pf-sidebar-pinned{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:0;border:0;border-left:1px solid var(--border)}
body.pdf-focus-editor .converter-app .pf-side-scroll{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}
body.pdf-focus-editor .converter-app .pf-side-action{position:relative;flex:none;margin:0;padding:12px;border:0;border-top:1px solid var(--border);border-radius:0;background:var(--surface);z-index:85;box-shadow:none;display:block}
body.pdf-focus-editor .converter-app .pf-side-action .m-btn{width:100%;min-width:0;min-height:44px;font-size:12px}
body.pdf-focus-editor .converter-app .pf-side-action.pf-action-floating{position:fixed;bottom:12px;right:12px;width:min(306px,calc(100% - 24px));border:1px solid var(--border);border-radius:14px;padding:7px;box-shadow:0 5px 24px #17244324}
body.pdf-focus-editor .converter-app .pf-action-original>div{display:none}
body.pdf-focus-editor .converter-app .pf-action-downloads{display:flex;flex-direction:column;gap:7px}
body.pdf-focus-editor .converter-app .pf-action-original[hidden],body.pdf-focus-editor .converter-app .pf-action-downloads[hidden]{display:none!important}
body.pdf-focus-editor .converter-app>#preview-panel{padding:0;border-radius:0;gap:0}
body.pdf-focus-editor .converter-app #preview-panel>.m-section-heading{display:none!important}
body.pdf-focus-editor .converter-app #preview-panel #preview-paper{margin:0;padding:16px 16px 110px;border-radius:0;flex:1;min-height:0;max-height:none}
body.pdf-focus-editor .converter-input-pane{position:relative}
body.pdf-focus-editor .converter-input-pane:has(#preview-panel:not([hidden])){overflow:hidden;padding:0;border-radius:0}
body.pdf-focus-editor .converter-input-pane:has(#preview-panel:not([hidden]))>:not(#preview-panel){display:none!important}
body.pdf-focus-editor .converter-input-pane>#preview-panel{position:absolute;inset:0;display:flex;flex-direction:column;margin:0;padding:0;border:0;border-radius:0;background:var(--bg);overflow:hidden}
body.pdf-focus-editor .converter-app .converter-preview-stage.pf-reader-live>#preview-canvas{display:block;width:100%!important;height:100%!important;margin:0;max-width:none;max-height:none;box-shadow:none}
body.pdf-focus-editor .converter-app #preview-status:empty{display:none}
body.pdf-focus-editor .converter-app #preview-panel .pf-preview-dock .preview-toolbar{margin:0;flex-wrap:nowrap;display:flex;gap:4px}
@media(max-width:800px){body.pdf-focus-editor .converter-edit-grid{grid-template-columns:minmax(0,1fr)}body.pdf-focus-editor .converter-app .pf-side-action.pf-action-floating{width:auto;max-width:calc(100% - 24px)}body.pdf-focus-editor .converter-app .pf-side-action .m-btn{max-width:250px;min-width:150px}body.pdf-focus-editor .converter-app #preview-panel #preview-paper{padding-bottom:160px}}
body.pdf-focus-editor .converter-app>#engine-status.ready{display:none}
@media(max-width:800px){
 .pf-header>.converter-pane-tabs{display:flex!important;flex:none;gap:3px;position:static;margin:0 0 0 auto;padding:0;border:0;background:transparent}
 .pf-header>.converter-pane-tabs button{min-width:34px;min-height:34px;padding:7px;border:1px solid var(--border);border-radius:9px;font-size:14px;background:var(--surface)}
 .pf-header>.converter-pane-tabs button[aria-selected=true]{border-color:var(--brand);background:var(--soft);color:var(--brand)}
 .pf-header>.converter-pane-tabs .pf-panel-label{display:none}
 .pf-header:has(>.converter-pane-tabs) .pf-header-document{display:none}
}