/* Custom scrollbar for inputs (inherited from original structure) */
textarea::-webkit-scrollbar, input::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
textarea::-webkit-scrollbar-track, input::-webkit-scrollbar-track {
	background: #f1f5f9; 
	border-radius: 4px;
}
textarea::-webkit-scrollbar-thumb, input::-webkit-scrollbar-thumb {
	background: #cbd5e1; 
	border-radius: 4px;
}
textarea::-webkit-scrollbar-thumb:hover, input::-webkit-scrollbar-thumb:hover {
	background: #94a3b8; 
}

/* Ensure textarea doesn't overflow container */
#html-editor {
    resize: none;
    tab-size: 2;
}

/* iframe specific styling to ensure background is white for preview */
#html-preview {
    background-color: #ffffff;
}

#html-editor + .CodeMirror {
    height: 100% !important;
    flex-grow: 1;
}

/* Ensure the flex container holding the editor allows expansion */
#editor-panel .flex-1 > .flex.flex-col {
    height: 100%;
    display: flex;
}