/* ── Base ─────────────────────────────────────────── */
.gaia-spacer {
    display: block;
}

/* ── Height ───────────────────────────────────────── */
.gaia-spacer--h-0-5 { height: 0.5em; }
.gaia-spacer--h-1   { height: 1em;   }
.gaia-spacer--h-1-5 { height: 1.5em; }
.gaia-spacer--h-2   { height: 2em;   }
.gaia-spacer--h-2-5 { height: 2.5em; }
.gaia-spacer--h-3   { height: 3em;   }
.gaia-spacer--h-3-5 { height: 3.5em; }
.gaia-spacer--h-4   { height: 4em;   }
.gaia-spacer--h-4-5 { height: 4.5em; }
.gaia-spacer--h-5   { height: 5em;   }

/* ── Width ────────────────────────────────────────── */
.gaia-spacer--w-1   { width: 1em; }
.gaia-spacer--w-2   { width: 2em; }
.gaia-spacer--w-3   { width: 3em; }
.gaia-spacer--w-4   { width: 4em; }
.gaia-spacer--w-5   { width: 5em; }

/* ── Editor label (element only exists in edit view) ─ */
.gaia-spacer__label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #aaa;
    font-size: 0.72rem;
    font-style: italic;
    border: 1px dashed #ddd;
    pointer-events: none;
    box-sizing: border-box;
}