body {
    font: 14px sans-serif;
    overflow: hidden;
    font-family:'Helvetica Nueue', 'Helvetica', 'Arial';
    background-color:#fff;
    color:#aaa;
}
textarea {
    outline: none;
    margin-top:50px;
    border: none;
    border-top: 2px solid #eee;
    background-color:#fff;
    font-size: 20px;
    color: #999;
    width: 100%;
    height: 100px;
    text-align: center;
}
svg {
    shape-rendering: crispEdges;
    text-align:center;
    overflow:visible;
}
#mutation:hover {
    background-color: #eee;
}
#mutation {
    cursor:pointer;
    font-size:14px;
    color:#666;
    border: 1px solid #ccc;
    border-radius:5px;
    padding:5px;
    margin:10px;
}
.content {
    height:auto;
}

/*
 *  TangleKit.css
 *  Tangle 0.1.0
 *
 *  Created by Bret Victor on 6/10/11.
 *  (c) 2011 Bret Victor.  MIT open-source license.
 *
 */

.TKCursorDragHorizontal {
    cursor: pointer;
    cursor: move;
    cursor: col-resize;
}
.TKToggle {
    color: #46f;
    border-bottom: 1px dashed #46f;
    cursor: pointer;
}
.TKAdjustableNumber {
    position:relative;
    color: #46f;
    border-bottom: 1px dashed #46f;
}
.TKAdjustableNumberHover {
}
.TKAdjustableNumberDown {
    color: #00c;
    border-bottom: 1px dashed #00c;
}
.TKAdjustableNumberHelp {
    position:absolute;
    color: #00f;
    font: 9px "Helvetica-Neue", "Arial", sans-serif;
}
div.tooltip {
  position: absolute;
  text-align: center;
  width: auto;
  height: auto;
  padding: 8px;
  min-width:100px;
  font: 16px "Helvetica-Neue", "Arial", sans-serif;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 1px;
  pointer-events: none;
  line-height: 10px;
  opacity:0;
}