:root{--primary:#000;--bg:#fff}html[data-theme=light]{--primary:#000;--bg:#fff;--adv:greenyellow;--dialogue:yellow;--sdt:cyan}html[data-theme=dark]{--primary:#fff;--bg:#000;--adv:green;--dialogue:#ff3c00;--sdt:blue}.ql-highlight{background-color:var(--dialogue)}.adv-highlight{background-color:var(--adv)}.sdt-highlight{background-color:var(--sdt)}main{min-height:90vh}main div:not([class]){width:75%;height:100%}main div:not([class]) .disable-foreground{z-index:2;background-color:#fff;width:100%;height:120%;position:fixed;top:0;left:0}main .ql-container.ql-snow{border-color:transparent;min-height:70vh}main .ql-toolbar.ql-snow{z-index:4;background-color:var(--bg);border-color:transparent transparent #d3d3d3;position:-webkit-sticky;position:sticky;top:60px}main .ql-editor{min-height:80vh;font-size:10pt;line-height:2;font-family:var(--roboto_mono-font)}main :has(.ql-snow){font-family:var(--roboto_mono-font);padding-top:10px;padding-bottom:10px}main :has(.ql-snow):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:10px;padding-right:20px}main :has(.ql-snow):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:10px;padding-right:20px}main :has(.ql-snow):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:10px;padding-right:20px}main :has(.ql-snow):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:20px;padding-right:10px}main :has(.ql-snow):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:20px;padding-right:10px}main :has(.ql-snow):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:20px;padding-right:10px}main :has(.ql-snow) *{white-space:pre-wrap;-moz-tab-size:5;tab-size:5}main .editor__options{width:25%;padding-bottom:20px;padding-left:10px;padding-right:10px;font-size:10pt;position:-webkit-sticky;position:sticky;top:50px;right:20px;overflow-x:hidden;overflow-y:auto}main .editor__options h3{font-size:13pt}main .editor__options h4{font-size:11pt}main .editor__options a{background-color:var(--primary);color:var(--bg)}main .editor__options .textarea__wrap{margin-bottom:20px}main .editor__options .textarea__wrap textarea{width:100%;font-size:inherit;background-color:var(--bg);padding:5px}main .editor__options .toggle{background-color:var(--bg);border:2px solid #000;border-radius:25px;width:50px;height:16.6667px;position:relative}main .editor__options .toggle__handle{aspect-ratio:1;background-color:#000;border-radius:100px;width:16.6667px;transition:all .3s;position:absolute;top:-2.5px;left:-2px}main .editor__options .toggle__handle.enabled{transform:translate(100%)}main .editor__options button{background-color:var(--bg);width:100%;padding-top:10px;padding-bottom:10px}main .editor__options textarea,main .editor__options button{border:2px solid #000}main .editor__options .textarea__wrap,main .editor__options button{position:relative}main .editor__options .textarea__wrap:before,main .editor__options button:before{content:"";z-index:-1;background-color:#000;width:100%;height:calc(100% - 5px);position:absolute;top:5px;left:5px}@media screen and (max-width:1000px){main{height:unset;flex-direction:column}main div:not([class]){width:100%;height:110vh}main div:not([class]) [role=textbox]{height:90%}main .editor__options{width:100%;max-height:unset;position:static;overflow-y:visible}main .editor__options a{background-color:var(--primary)}main .editor__options div:not([class]){height:unset}}