html,body{height:100%;margin:0;font-family:sans-serif}#app{width:100vw;height:100vh}.node{color:#111;background:#fff;border-radius:6px;font-size:12px;box-shadow:0 10px 25px #0000001f}.node__title{color:#fff;border-radius:6px 6px 0 0;margin:0;padding:4px 8px;font-size:13px}.osc__title{background:#ec4899}.amp__title{background:#3b82f6}.node__row{flex-direction:column;padding:4px 8px;display:flex}.node__row:last-of-type{padding-bottom:12px}.node__label{margin-bottom:6px;font-weight:700}.node__value{text-align:right}.node__divider{border:none;border-top:1px solid #eee;margin:0 8px}.out{justify-content:center;padding:8px 16px;display:flex}.out__toggle{cursor:pointer;background:0 0;border:none;font-size:18px}.controls button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:4px;margin-left:8px;padding:4px 8px;box-shadow:0 2px 6px #0000001f}.vue-flow__handle{width:8px;height:8px}