/* Operation console only: keep form fields inside menus and panels on one tonal surface. */
.operation-image-menu .operation-select-trigger,
.operation-image-action-panel .operation-select-trigger {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: rgb(255 255 255 / 1.8%) !important;
  box-shadow: inset 0 -1px rgb(255 255 255 / 5.5%), inset 0 1px rgb(255 255 255 / 1.8%) !important;
}
.operation-image-menu .operation-select-trigger:hover,
.operation-image-action-panel .operation-select-trigger:hover {
  background: rgb(255 255 255 / 3.2%) !important;
  box-shadow: inset 0 -1px rgb(255 255 255 / 9%), inset 0 1px rgb(255 255 255 / 2.5%) !important;
}
.operation-image-menu .operation-select-trigger:focus-visible,
.operation-image-action-panel .operation-select-trigger:focus-visible,
.operation-image-menu .operation-select-trigger[data-state="open"],
.operation-image-action-panel .operation-select-trigger[data-state="open"] {
  background: rgb(255 255 255 / 2.4%) !important;
  box-shadow: inset 0 -1px rgb(255 113 93 / 76%), inset 0 1px rgb(255 255 255 / 2.5%) !important;
}
.operation-image-action-panel textarea {
  border: 0 !important;
  outline: 0 !important;
  background: rgb(255 255 255 / 2.2%) !important;
  box-shadow: inset 0 1px rgb(255 255 255 / 3.5%), 0 10px 28px rgb(0 0 0 / 8%) !important;
}
.operation-image-action-panel textarea:hover {
  background: rgb(255 255 255 / 2.8%) !important;
}
.operation-image-action-panel textarea:focus-visible {
  background: rgb(255 255 255 / 3%) !important;
  box-shadow: inset 0 1px rgb(255 255 255 / 4%), 0 10px 28px rgb(0 0 0 / 8%), 0 0 0 1px rgb(255 113 93 / 22%) !important;
}