body[data-tool-operation-bar] .app-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: 44px;
  gap: 2px;
  align-items: center;
  overflow: visible;
}

body[data-tool-operation-bar] [data-tool-operation-inactive] { display:none !important; }

body[data-tool-operation-bar] .px-tool-header-slot:empty {
  display: none !important;
}

body[data-tool-operation-bar] .app-tabs > .tool-operation-slot {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  min-width: 0;
  width: 100%;
  height: 44px;
}

body[data-tool-operation-bar] .app-tabs > .tool-operation-slot[hidden] {
  display: grid !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body[data-tool-operation-bar] .tool-operation-slot > :is(button, a) {
  box-sizing: border-box;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  display: grid;
  place-items: center;
  min-width: 44px !important;
  width: 44px !important;
  min-height: 44px !important;
  height: 44px !important;
  max-width: 44px;
  padding: 3px !important;
  overflow: hidden;
  border: 1px solid #c5cbbd;
  border-radius: 12px;
  background: #fff;
  color: #253229;
  font: 700 9px/1.05 system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  touch-action: manipulation;
}

body[data-tool-operation-bar] .tool-operation-slot > details {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  display: grid;
  place-items: center;
  min-width: 44px;
  width: 44px;
  height: 44px;
}

body[data-tool-operation-bar] .tool-operation-slot > details > summary {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  min-width: 44px !important;
  width: 44px !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 4px !important;
  border: 1px solid #c5cbbd;
  border-radius: 12px;
  background: #fff;
  color: #253229;
  list-style: none;
  cursor: pointer;
}

body[data-tool-operation-bar] .tool-operation-slot > details > summary::-webkit-details-marker { display: none; }
body[data-tool-operation-bar] .tool-operation-slot :is(button, a, summary):is(:disabled, [aria-disabled="true"]) { opacity: .46; cursor: default; }
body[data-tool-operation-bar] .tool-operation-slot svg,
body[data-tool-operation-bar] .tool-operation-slot img { box-sizing: border-box; width: 24px; height: 24px; max-width: 100%; max-height: 100%; }
body[data-tool-operation-bar] .tool-operation-slot img { object-fit: contain; }
body[data-tool-operation-bar] .tool-operation-slot svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body[data-tool-operation-bar] .tool-operation-slot #pixfind-back { font: 30px/1 system-ui, sans-serif; }
body[data-tool-operation-bar] .tool-operation-slot [data-hidden-mode] { gap: 1px; font-size: 8px; }
body[data-tool-operation-bar] .tool-operation-slot [data-hidden-mode] svg { width: 20px; height: 20px; }
body[data-tool-operation-bar] .tool-operation-slot :is(button, summary)[aria-pressed="true"] { border-color: #49643c; background: #e5eddf; color: #31482a; }
body[data-tool-operation-bar] .tool-operation-slot :focus-visible { outline: 3px solid #2588bb; outline-offset: -3px; }

/* Popovers remain viewport anchored after their original controls move down. */
body[data-tool-operation-bar] .tool-operation-slot .jigsaw-more__menu,
body[data-tool-operation-bar] .tool-operation-slot .spot-settings__sheet,
body[data-tool-operation-bar] .tool-operation-slot .hidden-workbench {
  position: fixed !important;
  z-index: 51 !important;
  top: auto !important;
  right: max(12px, env(safe-area-inset-right)) !important;
  bottom: calc(5.6rem + env(safe-area-inset-bottom)) !important;
  left: auto !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - var(--px-header-height, 56px) - 6.5rem - env(safe-area-inset-bottom)) !important;
  overflow: auto;
  overscroll-behavior: contain;
}

body[data-tool-operation-bar] .tool-operation-slot .jigsaw-more__menu { width: min(212px, calc(100vw - 24px)); }
body[data-tool-operation-bar] .tool-operation-slot .spot-settings__sheet { width: min(23rem, calc(100vw - 24px)); }
body[data-tool-operation-bar] .tool-operation-slot .hidden-workbench { width: min(30rem, calc(100vw - 24px)); }

body[data-tool-operation-bar] .app-tabs > #jigsaw-save,
body[data-tool-operation-bar] .app-tabs > #spot-save,
body[data-tool-operation-bar] .app-tabs > #hidden-save,
body[data-tool-operation-bar] .app-tabs > #pixfind-primary {
  box-sizing: border-box;
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  place-self: center;
}