.mn-pd-preview-box {
        background-color: #fafafa;
        border: 2px dashed #ccc;
        border-radius: 8px;
        min-height: 140px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 1.5rem;
    }
    .mn-pd-preview-label {
        position: absolute;
        top: 5px;
        left: 10px;
        font-size: 0.7rem;
        text-transform: uppercase;
        color: #999;
        font-weight: 700;
        letter-spacing: 0.5px;
    }
    .mn-pd-code-output {
        font-family: 'Courier New', Courier, monospace;
        font-size: 0.82rem;
        background-color: #1a1a1a;
        color: #00ff66;
        border-radius: 6px;
        padding: 1rem;
        resize: none;
        width: 100%;
        height: 220px;
    }
    .fields-list-box {
        background-color: #fff;
        border-left: 4px solid #198754;
    }