/* Guides System Styles */
.guide-distance-label {
    position: absolute;
    padding: 2px 8px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #00ffff;
    font-size: 12px;
    font-family: monospace;
    border-radius: 3px;
    pointer-events: none;
    user-select: none;
    z-index: 1000;
    opacity: 0.7;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.guide-distance-label.selected {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.9);
    color: #ff00ff;
    font-weight: bold;
}

.guide-distance-label.hovered {
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffff00;
}

/* Ensure guides render above other elements */
.guide-line {
    z-index: 999;
}

/* Cursor styles for guide tool */
.guide-tool-active {
    cursor: crosshair !important;
}

.guide-tool-active.dragging-guide {
    cursor: move !important;
}

.guide-tool-active.resizing-guide {
    cursor: ew-resize !important;
}