:root{--spiner-border-width: 2px;--spiner-dims: 25px}@media (prefers-color-scheme: dark){:root{--box-bg: #151b23;--iconBtn-bg: #202830;--accent: #1e90ff;--text-color: #fff;--standout: grey;--accent-shade: #4ba6ff;--spinner-track-color: var(--accent);--spinner-ring-color: var(--standout)}.square-btn{background-color:#fff;color:#000}.square-btn:hover{background-color:var(--accent);color:var(--text-color)}.square-btn:disabled{background-color:#eeee;cursor:not-allowed}.square-btn:disabled:hover{background-color:#eee;color:#000}}@media (prefers-color-scheme: light){:root{--box-bg: #fff;--iconBtn-bg: #eee;--accent: #1e90ff;--text-color: #000;--standout: #000;--spinner-track-color: var(--accent);--spinner-ring-color: var(--standout)}.square-btn{background-color:#151b23;color:#fff}.square-btn:hover{background-color:var(--accent);color:#fff}.square-btn:disabled{background-color:#333;cursor:not-allowed}.square-btn:disabled:hover{background-color:#333;color:#fff}}.loader{border:var(--spiner-border-width) solid var(--spinner-ring-color);border-top:var(--spiner-border-width) solid var(--spinner-track-color);border-radius:50%;width:var(--spiner-dims);height:var(--spiner-dims);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center;flex-direction:column}* svg{transition:none;stroke:var(--standout)}input:disabled::placeholder{opacity:0}.icon-btn-container{position:relative}.icon-btn{height:30px;width:30px;border-radius:100%;transition:.2s ease-out;cursor:pointer;background-color:transparent}.icon-btn.active>svg,.icon-btn:active>svg{stroke:var(--accent)}.icon-btn.active,.icon-btn:hover,.icon-btn:active{background-color:var(--iconBtn-bg)}.icon-btn-container .floating{position:absolute;min-height:70px;height:fit-content;min-width:200px;border-radius:3px;background-color:var(--iconBtn-bg);display:none;padding:.8rem .5rem;color:var(--text-color);top:2.6rem;right:0;z-index:3}.icon-btn-container .floating *{font-size:.8rem}.icon-btn-container .floating:after{content:"";display:block;height:14px;width:14px;background-color:var(--iconBtn-bg);position:absolute;right:.5rem;transform:rotate(45deg);top:-6px;border-radius:3px}.icon-btn-container .floating .btn{padding:.5rem .8rem;border-radius:3px;background-color:var(--accent);color:var(--text-color);cursor:pointer}.icon-btn-container .floating .btn:disabled{background-color:var(--accent-shade)}.icon-btn.active .floating{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;max-height:250px}.icon-btn.active .floating .top-bar{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.icon-btn.active .floating .bulb{font-size:.75rem;display:inline-block;padding:.2rem .4rem;font-weight:700;border:1px solid var(--standout);color:var(--standout);border-radius:20px}.icon-btn.active .floating .span-btn{height:30px;width:30px;border-radius:70%;background-color:var(--box-bg)}.icon-btn.active .floating .span-btn.active{background-color:#000}.icon-btn.active .floating .span-btn.active svg{stroke:var(--accent)}.icon-btn.active .floating .contains-input{display:flex;align-items:flex-start;justify-content:stretch;flex-direction:column;gap:.3rem;width:100%}.icon-btn.active .floating .contains-input input{height:30px;border-radius:2px;padding:.2rem .4rem;width:100%}.icon-btn.active .floating .contains-input input::-webkit-search-cancel-button{display:none}.icon-btn.active .floating .img-infos-container{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.icon-btn.active .floating .image-picker-box{padding:1rem;border:1px dashed var(--standout);text-align:center;color:var(--standout)}.icon-btn.active .floating .preview-imgs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding-block:.3rem}.icon-btn.active .floating .preview-imgs .img{height:30px;width:30px;border-radius:2px;overflow:hidden;background-color:var(--standout)}.icon-btn.active .floating .preview-imgs .img img{width:100%;height:100%;object-fit:cover}.list-references{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;list-style-type:none;width:100%;overflow:auto}.list-references::-webkit-scrollbar{display:none}.list-references li{display:inline-block;padding:.5rem;transition:.2s ease-out}.list-references li:hover{background-color:var(--box-bg)}#clientor-main-container,.preview{width:600px;background-color:var(--box-bg)}#clientor-main-container:has(.icon-btn.active.with-floating){min-height:400px}#clientor-main-container{min-height:200px;display:flex;flex-direction:column;align-items:stretch;gap:0;justify-content:center;border-radius:3px;transition:.1s ease-out}#clientor-main-container .clientor-top,#clientor-main-container .clientor-bottom{padding:.8rem 1rem;display:flex;align-items:center;gap:2rem;position:sticky;background-color:var(--box-bg)}#clientor-main-container .clientor-top{justify-content:flex-end;border-bottom:1px solid var(--standout);top:0}#clientor-main-container .clientor-top .actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}#clientor-main-container .clientor-top .switched-menu{display:flex;align-items:center;justify-content:space-between;gap:1rem}#clientor-main-container .clientor-top #hide-float-menu,#clientor-main-container .clientor-top #show-switched-menu{display:none}#clientor-main-container .clientor-bottom{justify-content:space-between;border-top:1px solid var(--standout);bottom:0}#clientor-main-container .clientor-top>*,#clientor-main-container .clientor-bottom>*{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}#clientor-main-container .clientor-bottom .count-chars{font-size:.7rem;color:gray}#clientor-main-container #textarea{flex-grow:1;overflow:auto}#clientor-main-container #textarea #text{width:100%;height:100%;resize:none;padding:1rem;font-size:.95rem;background-color:var(--box-bg);color:var(--text-color);font-weight:300;line-height:1.3rem}#clientor-main-container #textarea #text a{color:var(--accent);text-decoration:none;cursor:pointer}#clientor-main-container #textarea #text a:hover{text-decoration:underline}#clientor-main-container #textarea #text img{width:100%;height:200px;overflow:hidden;object-fit:cover}.icon-btn[type=submit]{background-color:var(--iconBtn-bg)}.icon-btn[type=submit]:hover{background-color:var(--accent)}.icon-btn[type=submit]:hover svg{stroke:var(--iconBtn-bg)}.square-btn{padding:.2rem .5rem;font-size:.7rem;border-radius:2px;cursor:pointer;transition:.2s ease-out}.preview{color:var(--text-color);font-size:.9rem;height:100%;overflow:auto;line-height:1.2rem}.preview a{color:var(--accent);text-decoration:none}.preview img{width:80%;overflow:hidden;object-fit:cover;margin-top:1rem;margin:auto}.preview #content{padding-inline:1rem;display:flex;align-items:stretch;gap:.8rem;flex-direction:column;justify-content:flex-start}.preview #content ul,.preview #content ol{padding-left:1rem}.preview:nth-last-child(n-1){margin-bottom:1rem}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}.preview-top .title{font-weight:700;color:var(--accent);font-size:1.1rem}.preview-top .actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}@media only all and (max-width: 640px){#clientor-main-container{width:90%;position:relative}#clientor-main-container .clientor-top{justify-content:space-between;gap:.5rem}#clientor-main-container .clientor-top>*{gap:.5rem}#clientor-main-container .clientor-top:has(.only-for-rtx-mode) .switched-menu{gap:.5rem}#clientor-main-container .clientor-top:has(.only-for-rtx-mode) .switched-menu.hide{display:none}#clientor-main-container .clientor-top:has(.only-for-rtx-mode) .switched-menu.show{display:flex}#clientor-main-container .clientor-top #show-switched-menu{display:flex}#clientor-main-container .clientor-top,#clientor-main-container .clientor-bottom{padding-inline:.8rem}#clientor-main-container .clientor-bottom{gap:.5rem}#clientor-main-container .clientor-bottom .actions,#clientor-main-container .clientor-bottom .settings{gap:.5rem}.icon-btn-container .floating{left:0;min-width:0;width:200px}.icon-btn-container .floating:after{left:.5rem}}*{padding:0;margin:0;border:none;outline:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box}#root,body{height:100vh;width:100%;background-color:#0d1116}#root{display:flex;align-items:center;justify-content:center;flex-direction:column}