[data-ui-surface="document-workspace"] .document-workspace__ruler-track {
  position: relative;
  z-index: 5;
  flex: none;
  width: 100%;
  overflow: visible;
  background: var(--arhix-workspace-backdrop);
  border-bottom: var(--arhix-border-hairline) solid var(--arhix-line);
}
.document-workspace__ruler {
  position: relative;
  flex: none;
  height: calc(22 * var(--arhix-ui-unit));
  background: transparent;
  user-select: none;
}
.document-workspace__ruler-ticks { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.document-workspace__ruler-tick {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  white-space: nowrap;
  width: 0;
  color: var(--arhix-ink-muted);
  font-size: calc(10 * var(--arhix-ui-unit));
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.document-workspace__ruler-tick::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--arhix-border-hairline);
  height: calc(4 * var(--arhix-ui-unit));
  background: var(--arhix-ink-ghost);
  content: "";
}
.document-workspace__ruler-tick.is-major::after { height: calc(7 * var(--arhix-ui-unit)); }
.document-workspace__ruler-tick.has-label::after { display: none; }
.document-workspace__ruler-marker {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: calc(14 * var(--arhix-ui-unit));
  height: calc(12 * var(--arhix-ui-unit));
  padding: 0;
  border: 0;
  transform: translateX(-50%);
  background: transparent;
  color: var(--arhix-accent);
  cursor: ew-resize;
  touch-action: none;
}
.document-workspace__ruler-marker::after {
  display: block;
  width: calc(10 * var(--arhix-ui-unit));
  height: calc(7 * var(--arhix-ui-unit));
  margin: auto;
  background: currentColor;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
}
.document-workspace__ruler-marker--paragraph { top: 0; bottom: auto; }
.document-workspace__ruler-marker--paragraph::after { clip-path: polygon(0 0, 100% 0, 50% 100%); }
.document-workspace__ruler-marker:focus-visible { outline: var(--arhix-border-hairline) solid var(--arhix-accent); border-radius: var(--arhix-radius-pill); }
.document-workspace__ruler-marker:disabled { color: var(--arhix-ink-muted); cursor: default; }
.document-workspace__ruler[data-dragging] .document-workspace__ruler-marker { color: var(--arhix-ink-muted); }
.document-workspace__ruler[data-dragging] .document-workspace__ruler-marker[data-active] { color: var(--arhix-accent); }
.document-workspace__ruler-value {
  position: absolute;
  z-index: 2;
  top: calc(100% + var(--arhix-space-micro));
  transform: translateX(-50%);
  padding: var(--arhix-space-micro) var(--arhix-space-gap);
  border: var(--arhix-border-hairline) solid var(--arhix-line);
  border-radius: var(--arhix-radius-pill);
  background: var(--arhix-surface-raised);
  color: var(--arhix-ink);
  box-shadow: var(--arhix-shadow-pill);
  font-size: var(--arhix-font-size-body);
  font-variant-numeric: tabular-nums;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}