.canvas-rulers #ruler-x,.canvas-rulers #ruler-y{pointer-events:auto;cursor:crosshair;touch-action:none}
.canvas-rulers .ruler-corner{pointer-events:none}
.ruler-guide-hit{stroke:transparent;fill:none}
.ruler-guide-line{stroke:#f24865;fill:none;pointer-events:none}
.ruler-guide.selected .ruler-guide-line{stroke:#0d99ff}
.ruler-guide-label rect{fill:#0d99ff}.ruler-guide-label text{fill:white}
#fixed-guides{pointer-events:none}#fixed-guides .ruler-guide-hit{pointer-events:stroke}
.grid-control rect{fill:#fff;stroke:#bcc4d3;stroke-width:1;vector-effect:non-scaling-stroke}
.grid-control text{fill:#596477;pointer-events:none;font-family:Inter,Arial,sans-serif}
.grid-control:hover rect{fill:#e7f2ff;stroke:#0d99ff}.grid-cell-target{fill:#0d99ff18;stroke:#0d99ff;stroke-width:1;pointer-events:none}
.smart-ring{cursor:grab}.smart-ring circle:not(.smart-hit){fill:white;stroke:#f05b9b;pointer-events:none}.smart-ring.marked circle:not(.smart-hit){fill:#f05b9b}
.smart-hit{fill:transparent;stroke:none;pointer-events:all}.smart-gap path{fill:none;stroke:#f05b9b;pointer-events:none}.smart-gap text{fill:#d93282;pointer-events:none;opacity:0}
.smart-gap:hover text,.stage[data-gesture=smart-gap] .smart-gap text{opacity:1}
.stage[data-deep-selection=true] #smart-overlay,.stage[data-deep-selection=true] #grid-overlay{display:none}
.stage[data-deep-selection=true] .ruler-guide-hit{pointer-events:none!important}