.pxmkv-builder .pxmkv-builder__diagram-node--root,
.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-node--root {
    fill: var(--pxmkv-color-111111);
    stroke: var(--pxmkv-color-111111);
}

.pxmkv-builder .pxmkv-builder__diagram-line--spine,
.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-line--spine {
    stroke: rgba(var(--pxmkv-color-ffffff-rgb),0.20);
    stroke-width: 1.2;
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panels {
    display: grid;
    gap: 28px;
    width: max(1180px, 100%);
    min-width: 1180px;
    margin: 0 auto;
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-overview-note {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(var(--pxmkv-color-ffd800-rgb),0.26);
    border-radius: var(--pxmkv-radius-diagram-overview-note);
    background: rgba(var(--pxmkv-color-ffd800-rgb),0.055);
    color: rgba(var(--pxmkv-color-ffffff-rgb),0.76);
    font-size: 13.12px;
    line-height: 1.55;
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: 18px 18px 20px;
    border: 1px solid rgba(var(--pxmkv-color-ffffff-rgb),0.10);
    border-radius: var(--pxmkv-radius-diagram-panel);
    background: rgba(var(--pxmkv-color-ffffff-rgb),0.025);
    content-visibility: auto;
    contain-intrinsic-size: 1180px 620px;
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: 0 4px 12px;
    border-bottom: 1px solid rgba(var(--pxmkv-color-ffffff-rgb),0.08);
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel-title {
    color: var(--pxmkv-color-ffffff);
    font-size: 14.4px;
    line-height: 1.35;
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel-meta {
    color: rgba(var(--pxmkv-color-ffffff-rgb),0.58);
    font-size: 12.48px;
    line-height: 1.35;
    text-align: right;
}

.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel svg {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    margin: 0 auto;
    overflow: visible;
}

@media (max-width: 760px) {
    .pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel {
        padding: 14px;
        border-radius: var(--pxmkv-radius-diagram-panel-mobile);
    }

    .pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-panel-meta {
        text-align: left;
    }
}

.pxmkv-builder .pxmkv-builder__diagram-dot,
.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-dot {
    stroke: none;
    pointer-events: none;
}

.pxmkv-builder .pxmkv-builder__diagram-signal,
.pxmkv-diagram-modal__canvas .pxmkv-builder__diagram-signal {
    stroke: none;
    filter: drop-shadow(0 0 7px var(--pxmkv-diagram-signal-glow, rgba(var(--pxmkv-color-ffef19-rgb),0.88)));
    pointer-events: none;
}