*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{margin:0;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__next,.app{height:100%}.app{display:-webkit-flex;display:-moz-box;display:flex}@media (max-width:480px){.app{-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}}.nav{width:200px;padding:52px 16px 16px;-webkit-flex-shrink:0;flex-shrink:0}.workbench{padding:16px 32px 16px 0;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1;max-width:880px;-moz-box-shadow:inset -2px 0 1px 0 rgba(0,0,0,.1);box-shadow:inset -2px 0 1px 0 rgba(0,0,0,.1)}a{text-decoration:underline;cursor:pointer}.textarea{border:none;font-size:16px;line-height:20px;min-height:20px;-moz-box-sizing:border-box;box-sizing:border-box;padding:16px 16px 16px 32px;outline:none;font-family:inherit;-webkit-user-modify:read-write-plaintext-only}.textarea:focus{background:#fbfbfb}.tools{display:none}.textarea:focus+.tools{display:block}.ghost-input{font:inherit;border:none;outline:none;width:100%;padding:0;margin:0}.block{position:relative}.branch{top:0;bottom:0;left:12px;width:2px}.branch,.branch-dot{position:absolute;background:#ddd}.branch-dot{top:22px;width:10px;height:10px;left:-4px;-moz-border-radius:50%;border-radius:50%}.textarea:focus~.line>.line-dot{background:#aaa}.placeholder{position:relative;height:32px}.placeholder-line{position:absolute;top:0;bottom:0;left:12px;width:2px;background:#ddd}.placeholder-dot{position:absolute;top:22px;width:16px;height:16px;left:-7px;-moz-border-radius:50%;border-radius:50%;background:#fff;border:2px solid #ddd;line-height:10px;font-size:16px;text-align:center;font-weight:600;cursor:pointer}