﻿/*Main fullscreen container fixes */
.CodeMirror-fullscreen,
.editor-toolbar.fullscreen,
.editor-preview-side.fullscreen,
.editor-preview.fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

/*Toolbar fixes */
.editor-toolbar.fullscreen {
    width: 100vw !important;
    height: 50px !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 10px;
    box-sizing: border-box;
    background: white !important;
    z-index: 10000 !important;
}

/* Add padding so editor content isn't hidden under toolbar */
.CodeMirror-fullscreen,
.CodeMirror-fullscreen .editor-preview {
    padding-top: 50px !important; /* Matches toolbar height */
}
