anchor.diff:        overflow: 'hidden'
         fontSize: 14
   
  +    guidelines_w = 235
  +
       DIV
         className: 'edit_point'
         style: 
  
positive.code:               defaultValue: if @props.fresh then null else @data().text
                style: textarea_style
  
  
        if @proposal.active
          DIV 
            style: 
              position: 'absolute'
              bottom: 0
              fontSize: 13
            INPUT
              className: 'newpoint-anonymous'
              type:      'checkbox'
              id:        "sign_name-#{@props.valence}"
              name:      "sign_name-#{@props.valence}"
              checked:   @local.sign_name
              onChange: =>
                @local.sign_name = !@local.sign_name
                save(@local)
            LABEL 
              htmlFor: "sign_name-#{@props.valence}"
              title:'Signing your name lends your point more weight with other participants.'
              'Sign your name'
  
        if @local.errors?.length > 0
          
  
negative.code:         position: 'relative'
          fontSize: 14
  
        if !@props.fresh
          LABEL 
            htmlFor:'nutshell'
            'Your point'
        else
          DIV
            style: 
              fontSize: 30
              fontWeight: 700
              color: focus_blue
              position: 'absolute'
              top: -60
            "New #{if @props.valence == 'pros' then 'Pro' else 'Con'} Point"
  
  
        DIV
          style: 
            position: 'relative'
  
          # guidelines/tips for good points
          DIV 
            style:
              position: 'absolute'
              left: if @props.valence == 'pros' then -270 else 250
              width: 235
              color: focus_blue
              
  
            SVG
              width: guidelines_w + 20
              height: 187
              viewBox: "0 0 #{guidelines_w+20 + 1} 187"
              style: css.crossbrowserify
                position: 'absolute'
                transform: if @props.valence == 'cons' then 'scaleX(-1)'
                left: if @props.valence == 'cons' then -20
  
              PATH
                stroke: '#ccc'
                strokeWidth: 1
                fill: "#FFF"
  
                d: """
                    M#{guidelines_w},33
                    L#{guidelines_w},0
                    L1,0
                    L1,181 
                    L#{guidelines_w},181 
                    L#{guidelines_w},58
                    L#{guidelines_w + 20},48
                    L#{guidelines_w},33 
                    Z
                   """
            DIV 
              style: 
                padding: '14px 18px'
                position: 'relative'
  
  
              SPAN 
                style: 
                  fontWeight: 600
                "Write a single #{if @props.valence == 'pros' then 'Pro' else 'Con'} point "
                BR null
                '(or question) for this proposal'
  
              UL 
                style: 
                  listStylePosition: 'outside'
                  marginLeft: 16
                LI null,
                  "Be direct. The summary is your main point."
                LI null,
                  "Review your language. Don’t be careless."
                LI null,
                  "No personal attacks."
  
          CharacterCountTextInput 
            id:'nutshell'
            maxLength:140
            name:'nutshell'
            pattern:'^.{3,}'
            placeholder:'Make this summary succinct.'
            required:'required'
            defaultValue: if @props.fresh then null else @data().nutshell
            style: textarea_style
          INPUT 
            id:'is_pro'
            name: 'is_pro'
            type: 'hidden'
            value: "#{@props.valence == 'pros'}"
  
        
        DIV null,
  