/* Toolbar: base, state, and responsive rules. */

.fullscreen-pill {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: var(--pill-height);
  padding: 0px 16px;
  border: 0;
  background-color: var(--accent-primary);
  color: var(--accent-light);
  font-family: inherit;
  font-size: var(--row-font-size);
  cursor: pointer;
  white-space: nowrap;
  border-radius: var(--pill-radius);
}

@container (min-width: 1280px) {
  .fullscreen-pill {
    display: flex;
  }
}

.fullscreen-pill svg {
  fill: var(--accent-light);
}

.page-container[data-fullscreen-mode="false"] .fullscreen-pill {
  display: none;
}

.dyw-toolbar-group {
  display: flex;
  gap: 10px;
  width: fit-content;
  align-items: center;
}

.dyw-toolbar-group label {
  font-weight: normal;
}

.dyw-toolbar select, .dyw-toolbar input[type="number"] {
  height: 26px;
  padding: 0px 6px;
  font: 13px Assistant, Arial, sans-serif;
  border-radius: 5px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid var(--accent-border);
}

.dyw-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--accent-primary);
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}

.dyw-nav-link:hover {
  text-decoration: underline;
}

.dyw-nav-link svg {
  width: 24px;
  height: 24px;
  fill: var(--accent-primary);
  flex-shrink: 0;
}

#dywViewType {
  width: 190px;
}

#fullScreenBtn {
  position: static;
  transform: none;
  display: inline-flex;
  width: auto;
  height: auto;
  min-height: 36px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  gap: 5px;
  border-radius: 8px;
  padding: 6px 12px;
}

#fullScreenBtn #fullScreenLabel {
  display: inline;
}

.desk-toolbar {
  border: 1px solid var(--line-subtle);
  border-radius: 12px 12px 0px 0px;
  background: var(--panel-bg);
  padding: 8px 14px;
  flex-shrink: 0;
}

.desk-toolbar .dyw-toolbar-row1 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 32px;
}

.desk-toolbar #dywMassechetTitle {
  font-size: 17px;
  margin: 0px;
  color: var(--accent-dark);
}

@media (max-width: 700px) {
  .dyw-nav-link span {
    display: none;
  }
}

#fullScreenBtn svg {
  fill: currentcolor;
  color: inherit;
}

.desk-unified {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
  border-radius: 12px;
  position: relative;
}

.desk-unified .dyw-toolbar-row1 {
  min-height: 36px;
  gap: 4px;
  flex-shrink: 0;
}

.desk-unified .dyw-nav-link span {
  display: none;
}

.desk-unified .dyw-nav-link {
  width: 30px;
  height: 36px;
  justify-content: center;
  border-radius: 7px;
}

.desk-unified .dyw-nav-link:hover {
  background: var(--surface-interactive);
}

.desk-unified .desk-page-picker {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0px;
  background: none;
  padding: 4px 6px;
  cursor: pointer;
  color: var(--accent-dark);
}

.desk-unified .desk-page-picker #dywMassechetTitle {
  white-space: nowrap;
}

.desk-unified #spnPdfTools {
  flex-wrap: nowrap;
  border-inline-start: 1px solid var(--line-subtle);
  padding-inline-start: 12px;
}

.desk-unified button, .desk-unified summary {
  font-family: Assistant, Arial, sans-serif;
}

.desk-unified .ui-button {
  background: var(--surface);
  border: 1px solid var(--control-border);
  box-shadow: none;
  color: var(--accent-primary);
  border-radius: 8px;
  min-width: 32px;
  height: 34px;
  padding: 6px;
}

.desk-unified .ui-button:hover {
  background: var(--surface-interactive);
}

.desk-unified #inpPdfZoomPct {
  width: 54px;
  height: 34px;
  border: 1px solid var(--control-border);
  border-radius: 8px;
  background: var(--surface);
  text-align: center;
  font-size: 14px;
}

.desk-resources {
  display: flex;
  align-items: center;
  gap: 6px;
}

.desk-resources button {
  border: 1px solid var(--control-border);
  background: var(--surface);
  color: var(--accent-dark);
  min-height: 36px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  gap: 5px;
  border-radius: 8px;
  padding: 6px 12px;
}

.desk-resources button:hover {
  background: var(--surface-interactive);
}

.desk-resources button[aria-expanded="true"], .desk-resources button[aria-pressed="true"] {
  background: var(--accent-primary);
  color: var(--surface);
  border-color: var(--accent-primary);
}

.desk-page-fields {
  padding: 20px;
}

.desk-page-fields .dyw-toolbar-group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  gap: 8px;
}

.desk-page-fields select {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--control-border);
  border-radius: 8px;
  font: 16px Assistant, Arial, sans-serif;
}

.page-container.full-mode .desk-unified {
  flex-shrink: 0;
  margin-bottom: 6px;
}

.desk-global-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  border-inline-start: 1px solid var(--line-subtle);
  padding-inline-start: 8px;
}

#deskChooser[data-kind="comm"] {
  width: 490px;
}

#deskChooser[data-kind="media"] {
  width: 430px;
}

.desk-page-dialog {
  width: 310px;
}

.desk-chevron {
  display: inline-block;
  transform: rotate(45deg);
  vertical-align: 3px;
  margin-inline-start: 8px;
  transition: transform 0.12s;
}

[aria-expanded="true"] > .desk-chevron {
  transform: rotate(225deg);
  vertical-align: 0px;
}

.desk-unified .desk-pdf-menu-button {
  display: flex;
  align-items: center;
  border: 0px;
  border-radius: 7px;
  padding: 8px 10px;
  background: transparent;
  font: 600 14px Assistant, Arial, sans-serif;
  color: var(--accent-dark);
  white-space: nowrap;
  cursor: pointer;
}

.desk-unified .desk-pdf-menu-button:hover, .desk-unified .desk-page-picker:hover {
  background: var(--surface-interactive);
}

.desk-unified button[aria-expanded="true"] {
  background: var(--surface-interactive);
  color: var(--accent-primary);
}

.desk-pdf-dropdown {
  width: 460px;
  padding: 18px;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}

.desk-pdf-dropdown:popover-open {
  display: grid;
}

.desk-pdf-dropdown h3 {
  font-size: 14px;
  color: var(--accent-primary);
  margin: 0px 0px 12px;
  border-bottom: 1px solid var(--accent-border);
  padding-bottom: 8px;
}

.desk-pdf-dropdown .ui-button {
  display: flex;
  align-items: center;
  gap: 9px;
  justify-content: flex-start;
  width: 100%;
  height: 36px;
  border: 0px;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  color: var(--accent-dark);
  font: 15px Assistant, Arial, sans-serif;
  padding: 7px;
  cursor: pointer;
  margin: 3px 0px;
}

.desk-pdf-dropdown .ui-button:hover {
  background: var(--surface-interactive);
}

.desk-pdf-dropdown .ui-button svg {
  width: 16px;
  height: 16px;
}

.desk-mode-label {
  font-size: 14px;
  display: block;
  margin-bottom: 9px;
}

@media (max-width: 600px) {
  .desk-pdf-dropdown {
    gap: 12px;
    padding: 12px;
  }
}

#deskChooser[data-kind="media"] footer {
  display: none;
}

.desk-chevron {
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--accent-primary);
  border-bottom: 2px solid var(--accent-primary);
  color: var(--accent-primary);
}

.desk-unified #spnPdfTools {
  flex: 1 1 0%;
  min-width: 34px;
  width: auto;
  overflow: visible;
  gap: 5px;
}

.desk-unified .desk-resources {
  flex: 0 0 auto;
}

.desk-unified .desk-global-controls {
  flex: 0 0 auto;
}

.desk-visible-tools {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  width: max-content;
}

.desk-visible-tools:empty {
  display: none;
}

.desk-zoom-group {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
}

.desk-mode-group {
  flex: 0 0 auto;
}

.desk-visible-tools .desk-mode-label, .desk-visible-tools .ui-button > span {
  display: none;
}

.desk-visible-tools .ui-button {
  flex: 0 0 36px;
  width: 36px;
}

.desk-unified #deskPdfMenuButton {
  flex: 0 0 32px;
  width: 32px;
  height: 34px;
  padding: 0px;
  justify-content: center;
}

.desk-unified #deskPdfMenuButton .desk-chevron {
  margin: 0px;
  transform: translateY(-2px) rotate(45deg);
}

.desk-unified #deskPdfMenuButton[aria-expanded="true"] .desk-chevron {
  transform: translateY(2px) rotate(225deg);
}

#deskPdfMenuButton[hidden], .desk-pdf-dropdown section[hidden] {
  display: none !important;
}

.desk-pdf-dropdown.desk-overflow-single {
  width: 245px;
  grid-template-columns: 1fr;
}

.desk-pdf-dropdown .desk-zoom-group .ui-button {
  width: 34px;
  flex: 0 0 34px;
}

.desk-pdf-dropdown #inpPdfZoomPct {
  width: 56px;
  height: 34px;
  border: 1px solid var(--control-border);
  border-radius: 6px;
  text-align: center;
}

@media (min-width: 900px) {
  .desk-unified {
    flex-wrap: nowrap;
  }
}

@media (max-width: 899px) {
  .desk-unified #spnPdfTools {
    min-width: 32px;
    order: 0;
  }
}

@media (max-width: 899px) {
  .desk-unified .desk-global-controls {
    order: 0;
  }
}

.desk-unified #deskPdfMenuButton {
  border: 0px;
  box-shadow: none;
  border-radius: 0px;
  background: transparent;
  color: var(--accent-primary);
}

.desk-unified .desk-visible-tools .ui-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0px;
  gap: 0px;
  line-height: 1;
  width: 36px;
  height: 36px;
  min-width: 36px;
  flex: 0 0 36px;
}

.desk-unified .desk-visible-tools .ui-button-icon svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin: 0px;
}

.desk-pdf-dropdown .desk-zoom-group .ui-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0px;
  gap: 0px;
  line-height: 1;
}

.desk-pdf-dropdown .desk-zoom-group .ui-button-icon svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin: 0px;
}

.desk-unified .desk-page-picker, .desk-unified .desk-page-picker:hover, .desk-unified .desk-page-picker[aria-expanded="true"] {
  border-radius: 8px;
}

.desk-mode-selector {
  display: inline-flex;
  direction: ltr;
  align-items: stretch;
  width: 72px;
  height: 36px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-radius: 8px;
  overflow: hidden;
  border-color: var(--desk-gold-edge);
  background: var(--desk-gilded);
}

.desk-mode-selector button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 35px;
  height: 34px;
  flex: 0 0 35px;
  min-width: 0px;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}

.desk-page-count {
  direction: rtl;
}

.desk-page-count button {
  border-inline-start: 1px solid transparent;
}

.desk-mode-selector button + button {
  border-inline-start: 1px solid var(--control-border);
}

.desk-mode-selector button:hover {
  background: var(--surface-interactive);
}

.desk-mode-selector button[aria-pressed="true"] {
  background: var(--accent-primary);
  color: var(--surface);
}

.desk-mode-selector button svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentcolor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.desk-page-count button svg {
  width: 22px;
  height: 22px;
}

.desk-mode-selector button:focus-visible {
  outline: var(--focus-ring) solid 2px;
  outline-offset: -3px;
}

.desk-action-dropdown {
  width: 350px;
  padding: 18px;
}

#deskSearchDropdown {
  padding: 0px;
}

.desk-search-body {
  padding: 16px 18px 18px;
}

.desk-action-dropdown h2 {
  font-size: 17px;
  color: var(--reading-ink);
  margin: 0px 0px 16px;
}

.desk-action-dropdown label {
  display: block;
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 7px;
}

.desk-unified {
  background: var(--toolbar-bg);
  border-color: var(--panel-border);
  box-shadow: var(--panel-bg) 0px 1px 0px inset;
}

.ui-button-emphasized, .desk-unified #fullScreenBtn {
  box-shadow: inset 0 1px 0 var(--surface-glint), 0 1px 2px var(--shadow-color);
  color: var(--desk-gold-ink);
  border: 1px solid var(--accent-hover);
  background: var(--emphasized-face);
}

.ui-button-emphasized:hover, .desk-unified #fullScreenBtn:hover {
  background: var(--emphasized-hover);
}

.ui-button-emphasized:active, .desk-unified #fullScreenBtn:active {
  box-shadow: inset 0 1px 2px var(--shadow-color);
}

.desk-mode-selector button[aria-pressed="true"], .desk-search-fields button {
  color: var(--desk-gold-ink);
  background: var(--emphasized-face);
}

.desk-unified .desk-visible-tools .ui-button-icon {
  box-shadow: var(--panel-bg) 0px 1px 0px inset;
  background: var(--desk-gilded);
  border-color: var(--desk-gold-edge);
}

.desk-unified .desk-visible-tools .ui-button-icon:hover {
  background: var(--gilded-hover);
}

.desk-text-mode #dywPdfFrame, .desk-text-mode #spnPdfTools, .desk-text-mode #divCredit2 {
  display: none !important;
}

#deskTextTools {
  display: none;
}

.desk-text-mode #deskTextTools {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  flex: 1 1 0%;
  min-width: 0px;
  margin-inline-start: 0px;
  border-inline-start: 1px solid var(--line-subtle);
  padding-inline-start: 12px;
}

#deskPdfFontTools button, #deskTextTools button:not(.desk-mode-selector > button), #deskTextWord, .desk-find-nav button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 36px;
  padding: 0px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  color: var(--accent-primary);
  font: 600 15px Assistant, Arial, sans-serif;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid var(--desk-gold-edge);
  background: var(--desk-gilded);
}

#deskTextTools button:not(.desk-mode-selector > button) svg, #deskTextWord svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentcolor;
  flex: 0 0 auto;
}

#deskPdfFontTools button:disabled, #deskTextTools button:disabled {
  opacity: 0.45;
  cursor: default;
}

.desk-translation-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  padding-inline: 5px;
  cursor: pointer;
  color: var(--accent-primary);
}

.desk-translation-toggle input {
  accent-color: var(--accent-primary);
}

#deskFindDropdown {
  width: 330px;
}

#deskFindInput {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  border: 1px solid var(--panel-border);
  border-radius: 8px;
  padding: 6px 10px;
  font: 16px Assistant, Arial, sans-serif;
}

.desk-find-nav {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
}

#deskFindCount {
  direction: ltr;
  unicode-bidi: isolate;
}

#deskTextTools > button, #deskTextWord {
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 0;
}

#deskCurrentDaf[hidden] {
  display: none;
}

.desk-current-daf span {
  font-size: 13px;
  text-decoration: underline;
}

.desk-page-dialog #deskCurrentDaf span {
  display: inline;
}

#deskPageDropdown > #deskCurrentDaf:not([hidden]) {
  display: flex;
  width: calc(100% - 36px);
  margin: 0px 18px 18px;
  justify-content: center;
}

.page-container:not(.desk-wrap-tools) .desk-nav-main > #deskCurrentDaf {
  display: none;
}

.desk-nav-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.desk-daf-paging {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1 0 auto;
}

.desk-wrap-tools .desk-page-picker {
  cursor: default;
}

.desk-wrap-tools .desk-page-picker .desk-chevron {
  display: none;
}

.desk-wrap-tools .desk-page-fields {
  padding: 8px 0px 0px;
  max-width: 100%;
  border-top: 1px solid var(--line-subtle);
}

.desk-wrap-tools .desk-page-fields .dyw-toolbar-group {
  flex-flow: wrap;
  align-items: center;
}

.desk-wrap-tools .desk-selector-pair {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0px;
}

.desk-wrap-tools .desk-page-fields select {
  width: auto;
  max-width: 180px;
  min-width: 70px;
  height: 30px;
  padding: 2px 6px;
  font-size: 14px;
}

.desk-wrap-tools .desk-visible-tools {
  flex-wrap: wrap;
  min-width: 0px;
  place-content: flex-start;
  row-gap: 8px;
}

.desk-page-fields .desk-selector-pair {
  display: contents;
}

.page-container:not(.desk-wrap-tools) #dywToolbarRow1 > .desk-page-fields {
  display: none;
}

.page-container:not(.desk-wrap-tools) .desk-visible-tools > .desk-pdf-tool-row {
  display: contents;
}

.desk-wrap-tools .desk-page-fields .desk-selector-pair {
  display: flex;
}

.desk-wrap-tools .desk-visible-tools {
  width: 100%;
  flex: 1 1 0%;
}

.desk-fullscreen-tools {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.page-container.desk-wrap-tools .dyw-nav-link {
  width: auto;
  gap: 4px;
}

.page-container.desk-wrap-tools .dyw-nav-link span {
  display: inline;
  text-decoration: underline;
  font-size: 13px;
}

.page-container.desk-wrap-tools .desk-fullscreen-tools {
  flex: 0 0 auto;
}

.page-container.desk-wrap-tools .desk-global-controls {
  flex: 0 1 min-content;
}

.desk-wrap-tools #dywViewType {
  order: 0;
  width: 190px;
  max-width: 190px;
  flex: 0 0 auto;
}

.desk-wrap-tools .desk-page-fields .dyw-toolbar-group {
  gap: 5px;
}

.page-container.desk-text-mode #deskTextTools {
  flex: 3 1 290px;
  min-width: 260px;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.page-container.desk-wrap-tools.desk-text-mode .desk-resources {
  flex: 0 1 125px;
  min-width: 115px;
}

.desk-text-commands {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.desk-inline-search {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0px;
}

.desk-inline-search #deskFindInput {
  flex: 1 1 130px;
  width: 0px;
  min-width: 90px;
  height: 30px;
  font-size: 14px;
}

.desk-inline-search .desk-find-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0px;
  flex: 0 0 auto;
}

.desk-inline-search .desk-find-nav button {
  height: 28px;
  min-width: 24px;
  padding: 0px 4px;
}

.desk-inline-search #deskFindCount {
  font-size: 12px;
  white-space: nowrap;
}

#deskTextTools #deskFindButton {
  display: none;
}

.desk-text-commands .desk-translation-toggle {
  font-size: 14px;
  padding: 0px;
  gap: 4px;
}

.page-container .desk-unified #spnPdfTools, .page-container .desk-unified #deskTextTools {
  border-inline-start: 0px;
  padding-inline-start: 0px;
}

.page-container.desk-wrap-tools .desk-page-fields {
  border-top: 0px;
  padding-top: 0px;
}

.page-container.desk-wrap-tools #dywToolbarRow1, .page-container.desk-wrap-tools #deskTextTools {
  flex: 0 0 auto;
  min-width: 0px;
  flex-wrap: wrap;
  align-content: flex-start;
  row-gap: 8px;
}

.page-container.desk-wrap-tools .desk-nav-main, .page-container.desk-wrap-tools .desk-text-commands, .page-container.desk-wrap-tools .desk-inline-search {
  min-height: 36px;
  align-items: center;
}

.page-container.desk-wrap-tools .desk-page-fields select, .page-container.desk-wrap-tools .desk-inline-search #deskFindInput {
  height: 36px;
  box-sizing: border-box;
}

.page-container.desk-wrap-tools .desk-text-commands > button, .page-container.desk-wrap-tools .desk-text-commands > a, .page-container.desk-wrap-tools .desk-visible-tools .ui-button-icon, .page-container.desk-wrap-tools #inpPdfZoomPct {
  height: 36px;
}

.page-container.desk-wrap-tools .desk-mode-selector {
  height: 36px;
  box-sizing: border-box;
}

.desk-unified > .desk-group-divider {
  position: relative;
}

.desk-vertical-dividers .desk-unified > .desk-group-divider::after {
  content: "";
  position: absolute;
  inset-inline-end: calc(-1 * var(--desk-edge-space));
  width: 1px;
  height: var(--desk-divider-height,100%);
  background: var(--line-subtle);
  pointer-events: none;
}

.page-container.full-mode .desk-fullscreen-tools {
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.page-container.full-mode .desk-unified {
  align-items: stretch;
}

.page-container.full-mode .desk-global-controls {
  border: 0px;
  padding-inline-start: 0px;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}

.desk-vertical-dividers .desk-unified > .desk-group-divider::after {
  top: var(--desk-divider-top,0px);
}

.page-container.full-mode.desk-vertical-dividers .desk-unified > .desk-group-divider::after {
  inset-inline-end: calc(-1 * var(--desk-edge-space));
}

.page-container .desk-unified > #spnPdfTools, .page-container .desk-unified > .desk-global-controls {
  align-self: center;
}

.page-container .desk-unified {
  --desk-edge-space: 8px;
  --desk-row-space: 8px;
  padding: var(--desk-row-space) var(--desk-edge-space);
  column-gap: calc(2 * var(--desk-edge-space));
  row-gap: var(--desk-row-space);
  align-items: center;
}

.page-container .desk-unified .desk-page-picker #dywMassechetTitle {
  margin: 0px;
}

.page-container.desk-wrap-tools #spnPdfTools {
  flex: 0 0 auto;
  min-width: 0px;
  align-items: flex-start;
}

.page-container.desk-wrap-tools .desk-visible-tools {
  width: auto;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.desk-pdf-tool-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-height: 36px;
}

.page-container .desk-mode-selector button {
  height: 100%;
  align-self: stretch;
}

.page-container.desk-wrap-tools #dywToolbarRow1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  height: auto;
  flex: 0 0 auto;
  min-width: max-content;
  max-width: none;
}

.page-container .desk-unified .desk-page-picker {
  background: transparent;
}

.page-container.desk-wrap-tools.desk-text-mode #deskTextTools {
  flex: 0 0 auto;
  min-width: 0px;
}

.desk-resources .desk-resource-icon {
  display: none;
  flex-shrink: 0;
}

.desk-resources-compact .desk-resource-icon {
  display: inline-block;
}

.page-container .desk-resources-compact {
  flex: 0 0 auto;
  min-width: 0px;
  flex-wrap: nowrap;
}

.desk-toolbar-viewport {
  min-width: 0px;
  flex: 0 0 auto;
  overflow: auto hidden;
}

/* Full-screen tools remain in document flow and scroll with the workspace. */
.page-container.desk-wrap-tools .desk-unified {
  flex-wrap: nowrap;
  align-items: center;
  min-width: 0px;
  box-sizing: border-box;
}

.page-container.desk-wrap-tools .desk-unified > .desk-global-controls {
  flex: 0 0 auto;
}

.page-container.desk-wrap-tools .desk-resources {
  flex: 0 0 auto;
  flex-flow: column;
  align-items: stretch;
  place-content: flex-start flex-end;
  max-width: none;
  min-width: min-content;
  gap: 8px;
}

.page-container.desk-wrap-tools .desk-unified > .desk-resources-compact {
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  flex: 0 0 48px;
}

.page-container .desk-screen-compact #fullScreenBtn #fullScreenLabel {
  display: none;
}

.page-container .desk-screen-compact #fullScreenBtn {
  width: 36px;
  min-width: 36px;
  padding: 6px;
  justify-content: center;
}

.desk-resources .desk-chevron {
  flex: 0 0 7px;
}

.page-container.desk-text-mode .desk-unified > #deskTextTools.desk-text-compact {
  flex: 0 0 auto;
  flex-flow: row;
  align-items: center;
}

#deskTextTools.desk-text-compact #deskFindButton {
  display: inline-flex;
}

#deskTextTools [hidden] {
  display: none !important;
}

.desk-text-overflow {
  padding: 16px;
  max-width: calc(-16px + 100vw);
}

.desk-text-overflow .desk-text-commands {
  display: flex;
  gap: 8px;
  max-width: 300px;
}

.desk-text-overflow button:not(.desk-mode-selector > button), .desk-text-overflow a {
  min-width: 32px;
  min-height: 34px;
  border: 1px solid var(--panel-border);
  border-radius: 6px;
  background: var(--panel-bg);
  color: var(--accent-primary);
  font: 600 15px Assistant, Arial, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.desk-text-overflow svg:not(.desk-mode-selector svg) {
  width: 16px;
  height: 16px;
  fill: currentcolor;
}

#deskPageDropdown .dyw-toolbar-group {
  display: grid;
  gap: 10px;
}

#deskPageDropdown #dywViewType {
  grid-column: 1 / -1;
  width: 190px;
  max-width: 100%;
  justify-self: start;
}

#deskPageDropdown .desk-selector-pair {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0px;
  gap: 5px;
}

#deskPageDropdown #spnDaf, #deskPageDropdown select {
  min-width: 0px;
  width: 100%;
  box-sizing: border-box;
}

#deskTextTools.desk-text-compact .desk-text-commands {
  flex-wrap: nowrap;
  flex: 0 0 auto;
}

.page-container .desk-unified > .desk-resources {
  margin-inline-start: auto;
}

.page-container .desk-unified {
  flex-wrap: nowrap;
  box-sizing: border-box;
  min-width: 0px;
}

.page-container:not(.desk-wrap-tools) .desk-unified > .desk-resources {
  flex-wrap: nowrap;
  flex: 0 0 auto;
}

.page-container:not(.desk-wrap-tools) .desk-unified > #dywToolbarRow1 {
  flex: 0 0 auto;
}

.page-container:not(.desk-wrap-tools) .desk-unified > .desk-global-controls {
  flex: 0 0 auto;
}

#deskPageDropdown .dyw-toolbar-group {
  grid-template-columns: minmax(0px, 1fr) 80px;
}

#deskPageDropdown #spnDaf, #deskPageDropdown #dywDaf, .desk-wrap-tools #dywDaf {
  width: 80px;
  max-width: 80px;
  box-sizing: border-box;
}

.desk-visible-tools .desk-zoom-label, .desk-visible-tools .desk-mode-caption {
  display: none;
}

.desk-pdf-dropdown .ui-button:not(:is(.desk-zoom-group .ui-button)) {
  display: grid;
  grid-template-columns: 20px minmax(0px, 1fr);
  column-gap: 9px;
  text-align: right;
  height: auto;
  min-height: 38px;
  margin: 0px;
}

.desk-pdf-dropdown .ui-button svg {
  color: var(--accent-primary);
  fill: currentcolor;
  justify-self: center;
  flex-shrink: 0;
}

.desk-pdf-dropdown #deskReadingTools, .desk-pdf-dropdown #deskOutputTools {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.desk-pdf-dropdown .desk-zoom-group {
  display: grid;
  grid-template-columns: 34px 62px 34px;
  gap: 6px;
  align-items: center;
  margin: 0px 0px 6px;
  padding: 8px;
  background: var(--panel-bg);
  border-radius: 8px;
}

.desk-pdf-dropdown .desk-zoom-label {
  grid-column: 1 / -1;
  font: 600 14px Assistant, Arial, sans-serif;
  color: var(--accent-dark);
}

.desk-pdf-dropdown .desk-zoom-group .ui-button {
  margin: 0px;
  color: var(--accent-primary);
}

.desk-pdf-dropdown .desk-mode-group {
  padding: 8px;
  border-radius: 8px;
  background: var(--panel-bg);
}

.desk-pdf-dropdown .desk-mode-label {
  font-weight: 600;
  color: var(--accent-dark);
  margin: 0px 0px 8px;
}

.desk-pdf-dropdown .desk-mode-selector {
  display: flex;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}

.desk-pdf-dropdown .desk-mode-selector button {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 5px;
  width: auto;
  min-width: 0px;
  height: auto;
  min-height: 58px;
  padding: 7px 4px;
  font: 13px Assistant, Arial, sans-serif;
}

.desk-pdf-dropdown .desk-mode-selector svg {
  width: 18px;
  height: 18px;
  stroke: currentcolor;
  fill: none;
}

.desk-pdf-dropdown .desk-mode-caption {
  white-space: nowrap;
}

#deskTextTools #deskTextMore {
  border: 0px;
  background: transparent;
  box-shadow: none;
  border-radius: 0px;
  color: var(--accent-primary);
}

#deskTextTools #deskTextMore .desk-chevron {
  margin: 0px;
  transform: translateY(-2px) rotate(45deg);
}

#deskTextTools #deskTextMore[aria-expanded="true"] .desk-chevron {
  transform: translateY(2px) rotate(225deg);
}

#deskTextTools.desk-text-compact .desk-inline-search {
  flex: 0 0 auto;
}

.desk-inline-search #deskFindInput {
  max-width: 150px;
}

.desk-find-nav button svg {
  width: 16px;
  height: 16px;
  display: block;
}

.desk-find-nav button svg path {
  fill: none;
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#deskSearchTools {
  display: none;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  min-width: 32px;
}

.page-container .desk-unified > #deskSearchTools {
  display: flex;
}

#deskSearchTools [hidden] {
  display: none !important;
}

#deskSearchTools .desk-inline-search {
  width: 210px;
  flex: 0 0 auto;
}

#deskSearchTools #deskFindButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 34px;
  padding: 0px;
  border: 1px solid var(--desk-gold-edge);
  border-radius: 8px;
  background: var(--desk-gilded);
  color: var(--accent-primary);
  cursor: pointer;
}

#deskSearchTools #deskFindButton svg {
  width: 16px;
  height: 16px;
  fill: currentcolor;
}

.page-container.desk-text-mode .desk-unified > #deskTextTools.desk-text-compact {
  min-width: 32px;
}

.desk-shas-search {
  font: 400 14px Assistant, Arial, sans-serif;
  color: var(--accent-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.desk-shas-search:hover {
  color: var(--accent-hover);
}

.desk-search-body > .desk-shas-search {
  display: inline-block;
  margin-top: 12px;
}

@media (max-width: 1280px) {
  .page-container:not(.full-mode) .desk-unified > .desk-fullscreen-tools {
    display: none;
  }
}

#deskTextStack {
  display: none;
}

.page-container.desk-wrap-tools #deskTextStack:not([hidden]) {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  gap: 8px;
  min-width: 0px;
}

.page-container.desk-wrap-tools #deskTextStack #deskSearchTools {
  display: flex;
  min-height: var(--desk-control-row-height);
}

.page-container.desk-wrap-tools #deskTextStack #deskTextTools {
  flex: 0 0 auto;
  min-width: 0px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.page-container.desk-wrap-tools #deskTextStack .desk-text-commands {
  flex-wrap: nowrap;
  min-height: 36px;
  gap: 5px;
}

.page-container.desk-wrap-tools #deskTextStack #deskFindInput {
  max-width: none;
  min-width: 90px;
}

.page-container.desk-wrap-tools .desk-page-fields .dyw-toolbar-group, .page-container.desk-wrap-tools .desk-nav-main {
  flex-wrap: nowrap;
}

.page-container .desk-unified > #spnPdfTools {
  flex: 0 0 auto;
}

.page-container #spnPdfTools.desk-measuring .desk-visible-tools {
  flex-flow: row;
}

.desk-text-commands, .desk-pdf-tool-row, .desk-zoom-group, .desk-visible-tools {
  column-gap: var(--desk-command-gap);
}

#deskTextTools > button, #deskTextWord {
  width: var(--desk-command-width);
  min-width: var(--desk-command-width);
  flex-basis: var(--desk-command-width);
}

.page-container.desk-wrap-tools .desk-pdf-tool-row {
  min-height: var(--desk-control-row-height);
}

.desk-search-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1.05;
  gap: 2px;
  white-space: nowrap;
}

.desk-search-summary #deskFindCount {
  font: 12px Assistant, Arial, sans-serif;
  min-width: 0px;
  margin: 0px;
}

.desk-search-summary .desk-shas-search {
  font-size: 14px;
  margin: 0px;
}

.desk-search-body > .desk-search-summary {
  margin-top: 10px;
}

#deskPdfFontTools {
  display: flex;
  align-items: center;
  gap: var(--desk-command-gap,5px);
  flex: 0 0 auto;
}

#deskPdfFontTools[hidden] {
  display: none !important;
}

.desk-unified {
  z-index: var(--layer-toolbar);
}

.desk-unified .desk-text-commands {
  flex-wrap: nowrap;
}