/* Screen-only measurement chrome. No selectors target artwork SVG descendants. */
html[data-theme] body.book-workflow #canvas-scroll.book-rulers-enabled{
  padding:32px 12px 12px 40px
}
.book-rulers{
  position:absolute;pointer-events:none;user-select:none;z-index:2;
  color:#718490;font:10px/1 "Segoe UI",Arial,"Malgun Gothic",sans-serif
}
.book-rulers *{box-sizing:border-box;pointer-events:none}
.book-ruler-top{
  position:absolute;left:0;top:-20px;width:100%;height:16px;overflow:visible;
  border-bottom:1px solid color-mix(in srgb, currentColor 22%, transparent)
}
.book-ruler-left{
  position:absolute;left:-22px;top:0;width:18px;height:100%;overflow:visible;
  border-right:1px solid color-mix(in srgb, currentColor 22%, transparent)
}
.book-ruler-mark{
  position:absolute;display:block;white-space:nowrap;font-weight:500;
  color:color-mix(in srgb, currentColor 72%, transparent)
}
/* Short ticks only — avoid full-height fence lines. */
.book-ruler-top .book-ruler-mark{
  top:auto;bottom:0;height:6px;width:0;padding:0;
  border:0;border-left:1px solid color-mix(in srgb, currentColor 30%, transparent)
}
.book-ruler-top .book-ruler-mark.is-major{
  height:10px;border-left-color:color-mix(in srgb, currentColor 48%, transparent)
}
.book-ruler-top .book-ruler-mark.is-major::after{
  content:attr(data-label);position:absolute;left:3px;bottom:11px;
  font-size:10px;line-height:1;color:inherit;white-space:nowrap
}
.book-ruler-top .book-ruler-mark.is-minor{height:5px}
.book-ruler-left .book-ruler-mark{
  left:auto;right:0;width:6px;height:0;padding:0;text-align:right;
  border:0;border-top:1px solid color-mix(in srgb, currentColor 30%, transparent)
}
.book-ruler-left .book-ruler-mark.is-major{
  width:10px;border-top-color:color-mix(in srgb, currentColor 48%, transparent)
}
.book-ruler-left .book-ruler-mark.is-major::after{
  content:attr(data-label);position:absolute;right:12px;top:2px;
  font-size:10px;line-height:1;color:inherit;white-space:nowrap
}
.book-ruler-left .book-ruler-mark.is-minor{width:5px}
.book-dimension-width,.book-dimension-height{display:none!important}
html[data-theme=dark] .book-rulers{color:#93a6b1}
@media print{.book-rulers{display:none!important}}