body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f4f4f9; 
    overflow: hidden; 
}

.input-section, .preview-section { 
    background-color: #fff; 
    border-radius: 12px; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 
}

textarea { 
    font-family: 'Courier New', Courier, monospace; 
}

#sidebar { 
    transition: transform 0.3s ease-in-out; 
    transform: translateX(-100%); 
}

#sidebar.open { 
    transform: translateX(0); 
}

#savedList .list-item:hover { 
    background-color: #4a5568; /* Tailwind's bg-gray-700 */
}

.preview-section.fullscreen { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    background-color: white; 
    border-radius: 0; 
}

.preview-section.fullscreen iframe { 
    height: calc(100% - 3rem); 
}