/* css/v5-plan-editor.css */

/* ============================================================
   PLAN EDITOR — редактор плана
   Специфика: toolbar, canvas, plan, overlay
   ============================================================ */

/* ============================================================
   TOOLBAR — панель инструментов
   ============================================================ */

.v5-plan-editor-toolbar {
    display: flex;
    gap: var(--v5-gap-min);
    padding: var(--v5-padding);
    background: var(--v5-primary-light);
    border-bottom: var(--v5-border-width) solid var(--v5-primary-base);
    flex-wrap: wrap;
}

/* ============================================================
   CANVAS CONTAINER — контейнер холста
   ============================================================ */

.v5-plan-canvas-container {
    flex: 1;
    position: relative;
    background: var(--v5-primary-bg);
    overflow: auto;
}

/* ============================================================
   PLAN CONTAINER — контейнер плана (для transform)
   ============================================================ */

.v5-plan-container {
    position: relative;
    transform-origin: 0 0;
}

/* ============================================================
   PLAN IMAGE — изображение плана
   ============================================================ */

.v5-plan-image {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    display: block;
}

/* ============================================================
   OVERLAY CANVAS — canvas поверх плана
   ============================================================ */

.v5-plan-overlay-canvas {
    position: absolute;
    top: 0;
    left: 0;
}