.ids-slide-viewer {
  border: 1px solid #cbd2d4;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  color: #222;
  width: 100%;
  min-width: 0;
}

.ids-slide-viewer .ids-slide-toolbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #cbd2d4;
}

.ids-slide-viewer button {
  min-height: 44px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #576568;
  border-radius: 4px;
  background: #fff;
  color: #222;
  font: 600 14px/1.4 system-ui, sans-serif;
  letter-spacing: 0;
  cursor: pointer;
}

.ids-slide-viewer button:hover:not(:disabled) {
  border-color: #006d70;
  background: #edf7f6;
}

.ids-slide-viewer button:focus-visible {
  outline: 3px solid #006d70;
  outline-offset: 2px;
}

.ids-slide-viewer button:disabled {
  opacity: 0.45;
  cursor: default;
}

.ids-slide-viewer [data-slide-status] {
  text-align: center;
  font: 500 14px/1.4 system-ui, sans-serif;
  letter-spacing: 0;
}

.ids-slide-viewer [data-slide-image] {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  object-fit: contain;
}

.ids-slide-viewer [data-slide-message] {
  min-height: 3em;
  margin: 0;
  padding: 8px 12px;
  color: #7b263d;
  font: 14px/1.5 system-ui, sans-serif;
  letter-spacing: 0;
}