.fl-builder-placeholder {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    background: #f9f9f9;
    margin: 10px 0;
}

.fl-builder-placeholder-message {
    color: #666;
}

.fl-builder-placeholder-message p {
    margin: 5px 0;
}

.fl-flexible-content-layout {
    position: relative;
}

.fl-flexible-content-layout[data-layout]:before {
    content: "Layout: " attr(data-layout);
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 11px;
    color: #999;
    background: #fff;
    padding: 2px 6px;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 1;
}

/* Hide layout labels on frontend */
body:not(.fl-builder) .fl-flexible-content-layout[data-layout]:before {
    display: none;
}

/* Layout indicator styles */
.fl-acf-layout-indicator {
    position: absolute;
    top: -25px;
    left: 0;
    background: #f2f2f2;
    color: #808080;
    padding: 2px 6px;
    font-size: 10px;
    border-radius: 3px;
    z-index: 1000;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    pointer-events: none;
}