body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensure the body and html take up the full view height */
    overflow: hidden; /* Hide main scrollbars to prevent issues with nested iframes */
}

.split-container {
    display: flex; /* Use flexbox for easy side-by-side layout */
    height: 100vh; /* Set height to 100% of the viewport height */
    width: 100%;
}

.left-panel, .right-panel {
    flex: 1; /* Both panels take up equal space (50% width each) */
    overflow: auto; /* Add scrollbars to individual panels if content overflows */
}

iframe {
    width: 100%;
    height: 100%;
    border: none; /* Remove default iframe border */
}