.aircraft-pen-angle-lock {
  display: none;
}

@media (max-width: 480px) {
  .aircraft-pen-angle-lock[data-visible='true'] {
    position: fixed;
    z-index: 32;
    right: var(--aircraft-ui-edge-margin);
    bottom: calc(
      var(--aircraft-mobile-surface-height)
      + var(--aircraft-ui-surface-gap)
      + env(safe-area-inset-bottom)
    );
    display: grid;
    width: var(--aircraft-ui-action-control-size);
    height: var(--aircraft-ui-action-control-size);
    min-width: var(--aircraft-ui-action-control-size);
    min-height: var(--aircraft-ui-action-control-size);
    place-items: center;
    padding: 0;
    border: var(--aircraft-ui-surface-border);
    border-radius: var(--aircraft-ui-surface-radius-compact);
    background: var(--ui-surface-glass);
    color: var(--ui-text-muted);
    box-shadow: none;
    backdrop-filter: blur(var(--aircraft-ui-surface-blur-soft));
    -webkit-backdrop-filter: blur(var(--aircraft-ui-surface-blur-soft));
    pointer-events: auto;
    touch-action: manipulation;
  }

  .aircraft-pen-angle-lock[data-current='true'] {
    background: var(--ui-control-selected);
    color: var(--ui-on-invert);
  }

  .aircraft-pen-angle-lock:active {
    transform: scale(var(--aircraft-ui-press-scale));
  }

  .aircraft-pen-angle-lock-label {
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    pointer-events: none;
  }
}