.tool-page-content:has(.online-ruler-overlay) {
  max-width: none;
  margin-top: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.placeholder-app-ui:has(.online-ruler-overlay) {
  position: relative;
  min-height: 390px;
  padding: 0;
  border: 0;
  margin: 0;
}

.placeholder-app-ui .online-ruler-overlay.or-protractor {
  position: absolute !important;
}

  .tool-page-content:has(.three-point-angle-finder-overlay) {
    max-width: none;
    margin-top: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }

  .placeholder-app-ui:has(.three-point-angle-finder-overlay) {
    position: relative;
    min-height: 360px;
    padding: 0;
    border: 0;
    margin: 0;
  }

  .placeholder-app-ui .three-point-angle-finder-overlay.or-angle {
    position: absolute !important;
  }

  .angle-window-action {
    display: flex;
    justify-content: center;
    padding: 12px 0;
  }

  .angle-window-action button {
    transform: translateY(340px);
    padding: 9px 16px;
    border: 0;
    border-radius: 6px;
    background: var(--primary-color, #2563eb);
    color: #fff;
    font: inherit;
    cursor: pointer;
  }

  .angle-window-action button:hover {
    filter: brightness(0.92);
  }