/* =================================================
   MapEditor 전용 CSS
   - 선택/리사이즈/컨텍스트 메뉴 등 편집 UI
   ================================================= */

.door-icon.selected {
    outline: 2px dashed #339af0;
}

.resize-handle {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #339af0;
    right: -5px;
    bottom: -5px;
    cursor: se-resize;
    display: none;
    transform: scale(calc(1 / var(--map-scale, 1)));
    transform-origin: bottom right;
}

    .resize-handle::after {
        content: "";
        position: absolute;
        inset: -6px;
        cursor: se-resize;
    }

.door-icon.selected .resize-handle {
    display: block;
}

.door-icon.multi .resize-handle {
    display: none !important;
}

/* context menu item */
.ctx-item {
    padding: 6px 14px;
    cursor: pointer;
    white-space: nowrap;
}

    .ctx-item:hover {
        background: #f1f3f5;
    }

/* Alt+Drag 영역 선택 박스 */
.door-select-box {
    position: absolute;
    border: 1px dashed rgba(51, 154, 240, 0.95);
    background: rgba(51, 154, 240, 0.15);
    pointer-events: none;
    z-index: 9998; /* 컨텍스트 메뉴(9999) 아래, door 위 */
    box-sizing: border-box;
}