body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--fr-cr);background-color:var(--bg-cr);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #ec8331;--fr-cr: #000;--bg-cr: #efefef}html[theme-mode=dark] body{--primary: #8d5128;--fr-cr: #fff;--bg-cr: #242424}html,body{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;height:100%}#root>header{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1em 1.7em;background-color:var(--primary);color:#fff;transition:.1s}#root>div.main{display:flex;flex-grow:1;height:0;overflow:hidden}#root>div.main>iframe.eval-logs{position:relative;flex-grow:1;min-width:300px;overflow-y:auto}dialog{top:50%;left:50%;transform:translate(-50%,-50%);padding:0;width:100vw;height:100vh;background-color:#0005;outline:none;border:none}dialog>.dialog__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;max-height:80vh;padding:20px 30px;color:var(--fr-cr);background-color:var(--bg-cr);border-radius:4px;overflow:overlay;transition:.1s}dialog>.dialog__container>.dialog__title{display:flex;align-items:center;justify-content:space-between}dialog>.dialog__container>.dialog__title>.dialog__close{padding:0;width:30px;height:30px;background-color:#0000;color:var(--fr-cr);border:none;outline:none;cursor:pointer;font-size:1.5em;font-weight:700;transition:.3s}dialog>.dialog__container>.dialog__title>.dialog__close:hover{background-color:#0002}dialog.help .dialog__content{font-size:16px}dialog.help .dialog__content h2{margin-top:0}dialog.help .dialog__content code{padding:2px 4px;font-size:14px;background-color:#0002;border-radius:4px}html[theme-mode=dark] dialog.help .dialog__content code{background-color:#0008}dialog.history>.dialog__container{display:flex;flex-direction:column;height:80vh}dialog.history>.dialog__container>.dialog__title{margin-top:-20px;margin-left:-30px;margin-right:-30px;padding:5px 15px;border-bottom:1px solid var(--primary)}dialog.history>.dialog__container>.dialog__title h5{margin:0}dialog.history .dialog__content{flex-grow:1;height:0;display:flex;flex-direction:column}dialog.history .dialog__content>.history__list{display:flex;flex-direction:column;height:30vh;margin:0 -30px;overflow:overlay}dialog.history .dialog__content>.history__list>.history__item{justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.1333333333);cursor:pointer;transition:.1s}dialog.history .dialog__content>.history__list>.history__item:hover{background-color:color-mix(in srgb,var(--primary) 50%,transparent)}dialog.history .dialog__content>.history__list>.history__item--selected{background-color:color-mix(in srgb,var(--primary) 30%,transparent)}dialog.history .dialog__content>.history__list>.history__item:last-child{border-bottom:none;margin-bottom:0}dialog.history .dialog__content>.history__list>.history__item>.history__item__code{margin:0;padding:0 10px;font-size:12px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}dialog.history .dialog__content>.history__list>.history__item>.history__item__time{margin:0;padding-right:20px;font-size:12px;color:color-mix(in srgb,var(--fr-cr) 40%,transparent);text-align:right}dialog.history .dialog__content>.preview{flex-grow:1;margin:0 -30px -20px}div.editor-zone{position:relative;max-width:70vw}div.editor-zone>div.menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:53px;padding-right:10px;background-color:color-mix(in srgb,var(--primary) 50%,#fff);color:#fff;transition:.1s}div.editor-zone>div.menu>.btns{display:flex;flex-direction:row;align-items:center;height:100%}div.editor-zone>div.menu>.btns>button{padding:0 20px;height:100%;background-color:#0000;color:#fff;border:none;outline:none;cursor:pointer;font-size:1.5em;font-weight:700;transition:.3s}div.editor-zone>div.menu>.btns>button:hover{background-color:#0002}div.editor-zone>div.menu>.opts{display:flex;flex-direction:row;align-items:center;gap:5px}div.editor-zone>div.menu>.opts>select{height:100%;padding:3px 10px;background-color:#0000;color:#fff;border:none;outline:none;cursor:pointer;font-size:1.2em;font-weight:700;transition:.3s}div.editor-zone>div.menu>.opts>select:hover{background-color:var(--primary)}div.editor-zone>section>div{width:720px!important;min-width:720px!important;max-width:100%;height:calc(100% - 53px)!important}div.editor-zone>section>div:after{content:"";position:absolute;top:-53px;right:0;width:4px;height:100%;background-color:var(--primary);cursor:ew-resize;transition:.3s}.switcher{display:flex;gap:5px;position:relative;padding:5px;box-sizing:border-box}.switcher__item{text-align:center;cursor:pointer}.switcher__item--bar{position:absolute;height:calc(100% - 10px);box-sizing:border-box;border:2px solid var(--primary);transition:.3s}.theme-switch{position:absolute;top:14px;right:1.7em;width:72px;display:flex;align-items:center;padding:4px;background-color:#dcdcdc99;border-radius:4px;overflow:hidden;transition:.3s}html[theme-mode=dark] .theme-switch{background-color:#505050cc}.theme-switch>.cur-card{z-index:9;position:absolute;left:-100px;width:calc((100% - 8px) / 3);height:calc(100% - 8px);border-radius:4px;transition:.3s}.theme-switch[data-mode=light]>.cur-card{left:4px;background-color:#fffc}.theme-switch[data-mode=dark]>.cur-card{left:calc((100% - 8px) / 3 * 1 + 4px);background-color:#8e8e8e8c}.theme-switch[data-mode=auto]>.cur-card{left:calc((100% - 8px) / 3 * 2 + 4px);background-color:#4766ac88}.theme-switch>.light,.theme-switch>.dark,.theme-switch>.auto{z-index:10;display:flex;padding:2px;cursor:pointer}.theme-switch>.light>svg,.theme-switch>.dark>svg,.theme-switch>.auto>svg{transition:.3s}.theme-switch>.light{color:orange}.theme-switch>.light:hover>svg{filter:drop-shadow(0 0 4px orange)}.theme-switch>.dark{color:#ff0}.theme-switch>.dark:hover>svg{filter:drop-shadow(0 0 4px yellow)}.theme-switch>.auto{position:relative;width:20px;height:20px}.theme-switch>.auto>svg:first-child{border-right:2px dashed white;color:orange}.theme-switch>.auto>svg:last-child{color:#ff0}