.ipdf-fill-mobile-shell[hidden] {
  display: none !important;
}

.ipdf-fill-mobile-shell {
  display: none;
}

@media (max-width: 760px) {
  .ipdf-fill-shell .ipdf-fill-mobile-shell,
  .ipdf-fill-shell .ipdf-fill-mobile-shell[hidden] {
    display: contents !important;
  }

  .ipdf-fill-shell > .ipdf-fill-toolbar,
  .ipdf-fill-shell > .ipdf-fill-contextbar,
  .ipdf-fill-shell .ipdf-fill-page-rail {
    display: none !important;
    pointer-events: none;
  }
}

.ipdf-fill-shell.is-fill-mobile {
  --ipdf-fill-mobile-topbar-height: 54px;
  --ipdf-fill-mobile-bottom-toolbar-height: 72px;
  --ipdf-fill-mobile-bottom-sheet-height: 0px;
  height: calc(100dvh - 48px);
  max-height: calc(100dvh - 48px);
  min-height: 0;
}

.ipdf-fill-shell.is-fill-mobile.is-fill-mobile-sheet-open {
  --ipdf-fill-mobile-bottom-sheet-height: 238px;
}

.ipdf-fill-shell.is-fill-mobile .ipdf-fill-mobile-shell.is-active {
  display: contents;
}

.ipdf-fill-shell.is-fill-mobile > .ipdf-fill-toolbar,
.ipdf-fill-shell.is-fill-mobile > .ipdf-fill-contextbar {
  display: none !important;
  pointer-events: none;
}

.ipdf-fill-shell.is-fill-mobile .ipdf-fill-page-rail {
  display: none !important;
  pointer-events: none;
}

.ipdf-fill-shell.is-fill-mobile .ipdf-fill-editor-body {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.ipdf-fill-shell.is-fill-mobile .ipdf-fill-canvas-panel {
  height: 100%;
  min-height: 0;
}

.ipdf-fill-shell.is-fill-mobile .ipdf-fill-render-shell {
  height: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 10px 10px calc(var(--ipdf-fill-mobile-bottom-toolbar-height) + var(--ipdf-fill-mobile-bottom-sheet-height) + env(safe-area-inset-bottom) + 18px);
  scroll-padding-bottom: calc(var(--ipdf-fill-mobile-bottom-toolbar-height) + var(--ipdf-fill-mobile-bottom-sheet-height) + env(safe-area-inset-bottom) + 18px);
}

.ipdf-fill-shell.is-fill-mobile .ipdf-fill-page-list {
  padding-bottom: calc(var(--ipdf-fill-mobile-bottom-toolbar-height) + var(--ipdf-fill-mobile-bottom-sheet-height) + env(safe-area-inset-bottom) + 8px);
}

.ipdf-fill-shell.is-fill-desktop .ipdf-fill-mobile-shell {
  display: none !important;
  pointer-events: none;
}

/* Search and zoom share the existing controls across viewport sizes. */
.ipdf-fill-shell.is-fill-mobile[data-ipdf-fill-active-context-tool="search"] > .ipdf-fill-contextbar,
.ipdf-fill-shell.is-fill-mobile[data-ipdf-fill-active-context-tool="zoom"] > .ipdf-fill-contextbar {
  display: flex !important;
  flex: 0 0 auto;
  pointer-events: auto;
  overflow: visible;
  padding: 8px;
}

.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="search"],
.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="zoom"] {
  flex-wrap: wrap;
  gap: 6px;
}

.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="search"] .ipdf-fill-search-input {
  flex: 1 1 220px;
  min-width: 0;
  max-width: 100%;
  font-size: 16px;
}

.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="search"] .ipdf-fill-contextbar-button,
.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="zoom"] .ipdf-fill-contextbar-button,
.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="search"] .ipdf-fill-contextbar-input,
.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="zoom"] .ipdf-fill-contextbar-select {
  min-height: 44px;
  min-width: 44px;
}

.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="search"] .ipdf-fill-contextbar-hint,
.ipdf-fill-shell.is-fill-mobile [data-ipdf-fill-contextbar-panel="zoom"] .ipdf-fill-contextbar-hint {
  flex-basis: 100%;
  white-space: normal;
  min-height: 0;
}