.quill-fullscreen-wrapper { display: contents; }
html.quill-fullscreen-open { overflow: hidden !important; }
.quill-fullscreen-wrapper.is-fullscreen {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #fff;
}
.quill-fullscreen-wrapper.is-fullscreen > .ql-toolbar { flex: 0 0 auto; }
.quill-fullscreen-wrapper.is-fullscreen > .ql-container { flex: 1 1 0; }
.ql-toolbar.ql-snow :is(.ql-fullscreen, .ql-source):focus-visible { outline: 2px solid #06c; outline-offset: 2px; }
.quill-fullscreen-wrapper.is-source > .ql-container { display: none !important; }
.quill-html-source {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 160px;
    margin: 0;
    padding: 12px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background: #fff;
    color: #222;
    font-family: Consolas, monospace !important;
    font-size: 14px !important;
    line-height: 1.6;
    resize: vertical;
}
.quill-html-source[hidden] { display: none !important; }
.quill-fullscreen-wrapper.is-fullscreen > .quill-html-source {
    flex: 1 1 0;
    height: 0 !important;
    min-height: 0 !important;
    resize: none;
}
.quill-fullscreen-wrapper.is-source .ql-formats:not(.quill-view-controls) { opacity: .45; pointer-events: none; }
@media (max-width: 575px) {
    .quill-fullscreen-wrapper.is-fullscreen { padding: 8px; }
}