.ws-content-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: var(--ws-content-placeholder-min-height, 150px);
    gap: var(--ws-content-placeholder-gap, 8px);
    padding: var(--ws-content-placeholder-padding, clamp(18px, 5vw, 28px));
    text-align: center;
    border: 1.5px dashed var(--ws-content-placeholder-border-color, rgba(154, 124, 82, 0.35));
    border-radius: var(--ws-content-placeholder-border-radius, 0);
    background: var(--ws-content-placeholder-background, #faf7f1);
}

.ws-content-placeholder__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: var(--ws-content-placeholder-icon-size, 42px);
    height: var(--ws-content-placeholder-icon-size, 42px);
    flex-shrink: 0;
    color: var(--ws-content-placeholder-icon-color, #a3805a);
    border: var(--ws-content-placeholder-icon-border, 0);
    border-radius: 50%;
    background: var(--ws-content-placeholder-icon-background, rgba(163, 128, 90, 0.12));
}

.ws-content-placeholder__icon svg {
    width: 48%;
    height: 48%;
}

.ws-content-placeholder__title,
.ws-content-placeholder__path {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ws-content-placeholder__title {
    color: var(--ws-content-placeholder-title-color, #4a3d2c);
    font-size: var(--ws-content-placeholder-title-size, 14px);
    font-weight: 600;
    line-height: 1.3;
}

.ws-content-placeholder__path {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3px 5px;
    color: var(--ws-content-placeholder-path-color, #a3906f);
    font-size: var(--ws-content-placeholder-path-size, 10.5px);
    line-height: 1.4;
}

.ws-content-placeholder__path-item {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ws-content-placeholder__path-separator {
    color: var(--ws-content-placeholder-separator-color, currentColor);
    font-size: 0.9em;
}

.ws-content-placeholder--guidance-hidden .ws-content-placeholder__title,
.ws-content-placeholder--guidance-hidden .ws-content-placeholder__path {
    display: none;
}
