/* Orientation widget — small standalone helper */

.orient-canvas {
  background:
    radial-gradient(circle at 1px 1px, oklch(0.85 0.01 80) 1px, transparent 1px) 0 0/24px 24px,
    var(--bg);
}
.orient-canvas svg {
  width: 100%; height: 100%; display: block; cursor: default;
}

.orient-pt circle {
  fill: var(--surface);
  stroke: var(--ink);
  stroke-width: 2;
  cursor: grab;
}
.orient-pt:hover circle { stroke-width: 3; }
.orient-pt:active circle { cursor: grabbing; }
.orient-pt text {
  font-family: 'system-ui', sans-serif;
  font-size: 14px;
  font-weight: 600;
  fill: var(--ink);
  text-anchor: middle;
  dominant-baseline: central;
  pointer-events: none;
  user-select: none;
}
.orient-pt-coord {
  font-family: 'system-ui', monospace;
  font-size: 9.5px;
  fill: var(--muted);
  font-weight: 400;
}

.orient-label {
  font-family: 'system-ui', sans-serif;
  font-size: 13px;
  font-weight: 600;
  fill: var(--ink);
}
.orient-cross {
  font-family: 'system-ui', monospace;
  font-size: 11px;
  fill: var(--ink-soft);
}