.ghostlabs-cycle-single-preview {
    --ghostlabs-cycle-color-preview: #EFEBF5;

    border-radius: .25rem;
    outline: 5px solid var(--ghostlabs-cycle-color-preview);
    position: relative;
}

/*
 * ⚠️ The label comes from `Services\PreviewStyle`, which inlines
 * `--ghostlabs-cycle-preview-label` onto this stylesheet's own handle.
 *
 * It used to be the literal `'Cycle Preview: '` right here, which no amount of
 * WordPress translation machinery can reach: string extraction never looks
 * inside a stylesheet, and there is no filter for a `content:` declaration. The
 * badge shipped in English to every locale it has ever been installed in.
 *
 * ⚠️ **No `var()` fallback, deliberately.** An English default here would be a
 * second copy of the wording — untranslatable again, and visible only on the
 * one request where the real label went missing, which is the worst possible
 * place to keep a string. Without one, an absent property makes this whole
 * declaration invalid and the badge renders no text at all; the 5px outline
 * above still marks the previewed entry, so the affordance degrades rather than
 * disappears. The property ships on the same handle as this file, so it is
 * absent only if the stylesheet is.
 */
.ghostlabs-cycle-single-preview::after {
    content: var(--ghostlabs-cycle-preview-label) ' ' attr(data-variation-name) ' ';
    background-color: var(--ghostlabs-cycle-color-preview);
    position: absolute;
    top: -32px;
    right: 0;
    padding-inline: .5rem;
}