*,:before,:after{box-sizing:border-box}body{width:100%;margin:0;padding:0;overflow:hidden}#root{text-align:left;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spinner{vertical-align:middle;border:2px solid #fff3;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.65s linear infinite spin;display:inline-block}.drag-handle{transition:background .15s}.drag-handle:hover{background:#fb560080!important}.grad-btn{transition:filter .15s,transform .15s,box-shadow .15s}.grad-btn:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 16px #fb560059!important}.grad-btn:not(:disabled):active{filter:brightness(.92);transform:translateY(0)}.soft-btn{transition:all .15s}.soft-btn:hover{color:#1a1a1a!important}.editor-scroll::-webkit-scrollbar{width:5px}.editor-scroll::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.editor-scroll::-webkit-scrollbar-thumb:hover{background:#383838}.preview-scroll::-webkit-scrollbar{width:6px}.preview-scroll::-webkit-scrollbar-track{background:#eceae7}.preview-scroll::-webkit-scrollbar-thumb{background:#c8c6c3;border-radius:4px}.preview-scroll::-webkit-scrollbar-thumb:hover{background:#aeacaa}.status-msg{animation:.2s both fadeIn}