/* PMP Create Pro v322 — dependable control targets with protected canvas space. */

.stage-options button,
.stage-options .canvas-color-control,
.view-controls button,
#openHelpGuide,
.preset-row button,
.quantity-quick-select button {
  min-height: 34px;
}

.stage-options .canvas-color-control input[type="color"] {
  width: 32px;
  height: 32px;
  min-width: 32px;
}

.view-controls button:not(.pages-toggle) {
  min-width: 34px;
}

.drawer-head button {
  min-width: 36px;
  min-height: 36px;
}

.context-toolbar button {
  min-width: 34px;
  min-height: 34px;
  height: 34px;
}

.view-controls input[type="range"] {
  height: 34px;
  margin-block: 0;
}

.canvas-viewport {
  align-items: flex-start;
  justify-content: flex-start;
}

.canvas-frame {
  flex: 0 0 auto;
  margin: auto;
}

.toggle-row {
  min-height: 40px;
}

.toggle-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

@media (min-width: 621px) {
  .canvas-viewport {
    inset-block-start: 56px;
  }
}

@media (max-width: 620px) {
  .stage-options button,
  .stage-options .canvas-color-control {
    min-height: 40px;
  }

  .canvas-viewport {
    inset-block-start: 102px;
  }
}