/* Decorative viewport drafting guides: never intercept page interactions. */
.cad-overlay{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden;color:#c2d7f5;mix-blend-mode:difference;opacity:0;transition:opacity .2s}
.cad-overlay.active{opacity:1}
.cad-rule{position:absolute;background:#b8d0ef0b}
.cad-rule.top,.cad-rule.bottom{left:0;right:0;height:18px;background-image:repeating-linear-gradient(90deg,#bdd2ef65 0 1px,transparent 1px 10px);background-size:100% 5px;background-repeat:no-repeat}
.cad-rule.top{top:0;border-top:1px solid #bdd2ef80;background-position:top}
.cad-rule.bottom{bottom:0;border-bottom:1px solid #bdd2ef80;background-position:bottom}
.cad-rule.left,.cad-rule.right{top:0;bottom:0;width:18px;background-image:repeating-linear-gradient(0deg,#bdd2ef65 0 1px,transparent 1px 10px);background-size:5px 100%;background-repeat:no-repeat}
.cad-rule.left{left:0;border-left:1px solid #bdd2ef80;background-position:left}
.cad-rule.right{right:0;border-right:1px solid #bdd2ef80;background-position:right}
.cad-tick{position:absolute;font:7px/1 monospace;letter-spacing:.04em;color:#d2e1f5}
.top .cad-tick,.bottom .cad-tick{height:10px;border-left:1px solid #bdd2efb0;padding-left:4px}
.top .cad-tick{top:0;padding-top:7px}.bottom .cad-tick{bottom:0;padding-top:0}
.left .cad-tick,.right .cad-tick{width:10px;border-top:1px solid #bdd2efb0;writing-mode:vertical-rl;padding-top:4px}
.left .cad-tick{left:0;padding-left:5px}.right .cad-tick{right:0}
.cad-horizontal{position:absolute;left:0;right:0;top:0;height:1px;background:#c2d7f570;transform:translateY(var(--cad-y,-100px))}
.cad-vertical{position:absolute;top:0;bottom:0;left:0;width:1px;background:#c2d7f570;transform:translateX(var(--cad-x,-100px))}
.cad-center{position:absolute;left:0;top:0;width:9px;height:9px;border:1px solid #dceaff;transform:translate(calc(var(--cad-x,-100px) - 4px),calc(var(--cad-y,-100px) - 4px))}
.cad-coordinates{position:absolute;left:0;top:0;transform:translate(var(--cad-label-x,-100px),var(--cad-label-y,-100px));font:9px/1.5 monospace;letter-spacing:.04em;white-space:nowrap;color:#dceaff}
@media(hover:none),(pointer:coarse){.cad-overlay{display:none}}
@media(prefers-reduced-motion:reduce){.cad-overlay{transition:none}}