/* Ruler tool distance label styles */
.ruler-distance-label {
    position: absolute !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 1000 !important;
    white-space: nowrap !important;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Ensure the 3D canvas container has proper positioning context */
#template3DCanvas,
.canvas-container {
    position: relative !important;
    overflow: hidden;
}

/* Hide labels that are outside the canvas bounds */
.canvas-container .ruler-distance-label {
    clip: rect(0, auto, auto, 0);
}