/**
 * 审核面板 - 图片标注样式（引用通用样式 + 审核专属作用域）
 * 独立命名空间：review- 前缀，仅作用于 #singleImageContainer 内
 * 路径：public/css/modules/review/media/image-viewer/image-annotation.css
 */

@import url('../../tools/image-annotation-common.css');

/* 审核面板：限定标注层仅作用于单图容器内 */
#singleImageContainer .review-image-annotation-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform-origin: center center;
    z-index: 2;
}

#singleImageContainer .review-image-annotation-layer.review-annotation-layer-drawing {
    pointer-events: auto;
}

/* 注释卡片视口层：不随图片缩放，固定尺寸与位置贴近图片区域 */
#singleImageContainer .review-image-annotation-cards-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
}

#singleImageContainer .review-image-annotation-cards-overlay .review-annotation-cards {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#singleImageContainer .review-image-annotation-cards-overlay .review-annotation-cards .review-annotation-card {
    pointer-events: auto;
}

#singleImageContainer .review-image-annotation-cards-overlay .review-annotation-lines-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}
