/* site-ops-fix-20260920-v19-tools-suite: shared Tools chrome. */

html.page-tools [hidden],
html.page-tools button[hidden] {
  display: none !important;
}

html.page-tools header.site-unified-header {
  display: block !important;
  align-items: unset !important;
  justify-content: unset !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  gap: unset !important;
}

html.page-tools #mobileToggle svg.nav-trigger-morph ~ svg.nav-trigger-morph {
  display: none !important;
}

html.page-tools .skip-link {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 10000;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

html.page-tools .skip-link:focus {
  width: auto;
  height: auto;
  clip: auto;
  clip-path: none;
  padding: 8px 14px;
  background: #252927;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
}

html.page-tools .tools-hub {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
}

html.page-tools .tools-hub a {
  color: #252927;
  text-decoration: none;
  border: 1px solid #dedede;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px;
  background: #fff;
}

html.page-tools .tools-hub a[aria-current="page"] {
  background: #252927;
  color: #fff;
  border-color: #252927;
}

html.page-tools .tools-hub a:hover {
  border-color: #252927;
  text-decoration: none;
}

html.page-tools main#main-content {
  padding-top: calc(var(--unav-height, 44px) + 20px);
}

html.page-tools .tool-context {
  padding-top: calc(var(--unav-height, 44px) + 10px);
  padding-inline: max(24px, calc((100% - 1416px) / 2));
  min-height: 0;
}

html.page-tools .tool-context a {
  color: #0b6f69;
}

html.page-tools main button.primary,
html.page-tools main #open-files,
html.page-tools main #download-project,
html.page-tools main #run-autorouter,
html.page-tools main #handoff button[type="submit"],
html.page-tools main .file-actions #open-files {
  background: #252927;
  color: #fff;
  border-color: #252927;
}

html.page-tools main button.primary:not(:disabled):hover,
html.page-tools main #open-files:hover,
html.page-tools main #download-project:hover,
html.page-tools main #handoff button[type="submit"]:hover {
  background: #111513;
  border-color: #111513;
  filter: none;
}

html.page-tools main a:not(.tools-hub a):not(.nav-cta):not(.logo) {
  color: #0b6f69;
}

html.page-tools #schematic-pane,
html.page-tools #pcb-pane {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

html.page-tools .editor-workspace {
  display: grid !important;
  grid-template-columns: minmax(196px, 220px) minmax(0, 1fr) minmax(210px, 250px);
  position: relative;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
}

html.page-tools .library {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  min-width: 0;
}

html.page-tools .editor-canvas-panel {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
}

html.page-tools .editor-inspector {
  position: relative;
  z-index: 2;
  min-width: 0;
}

html.page-tools #schematic-editor,
html.page-tools #pcb-canvas {
  max-width: 100%;
}

html.page-tools #canvas-help[visibility="hidden"] {
  display: none;
}

html.page-tools .board-dimension {
  font-size: 1.4px;
  paint-order: stroke;
  stroke: #e9eff4;
  stroke-width: 0.35px;
}

html.page-tools main.draft h1,
html.page-tools main.draft #selected,
html.page-tools main.draft .summary {
  overflow-wrap: anywhere;
  word-break: break-word;
}

html.page-tools main.draft #handoff button[type="submit"] {
  width: 100%;
  max-width: 36rem;
  border-radius: 999px;
  padding: 12px 18px;
}

html.page-tools #load-sample-board {
  background: #fff;
  color: #252927;
  border: 1px solid #dedede;
  border-radius: 999px;
}

html.page-tools #load-sample-board:hover {
  border-color: #252927;
}

@media (max-width: 700px) {
  html.page-tools .tools-hub a {
    flex: 1 1 auto;
    text-align: center;
  }
  html.page-tools .tool-context {
    padding-inline: 16px;
  }
  html.page-tools .editor-workspace {
    display: flex !important;
    flex-direction: column;
    height: auto !important;
    min-height: 0;
  }
  html.page-tools .library {
    max-height: none;
    order: 1;
  }
  html.page-tools .editor-canvas-panel {
    order: 2;
  }
  html.page-tools .editor-inspector {
    order: 3;
  }
  html.page-tools main.draft #handoff button[type="submit"] {
    max-width: none;
  }
}