anchor.diff:          width: 420px;
         }
   
  -      input {
  -        font-size: 24px;
  -        color: <%= COLOR %>;
  +      .box {
  +        margin-bottom: 10px;
  +        padding: 10px;
         }
   
  -      .input-group {
  +      .panel {
           margin-bottom: 20px;
           padding: 10px;
           border-radius: 4px;
  
positive.code:         -ms-user-select: none;
          user-select: none;
        }
      </style>
    </head>
    <body>
  
negative.code:   <h1>Plate Scanner</h1>
  
    <form action="/" method="POST" enctype="multipart/form-data" class="form">
      <div class="panel">
        <div class="box">
          <label>Instructions</label>
          <small>
            <ol>
              <li>Scan 96-well plate:</li>
              <ul>
                <li>600-DPI</li>
                <li>Export as JPEG</li>
              </ul>
              <li>Upload scanned image</li>
              <li>Press submit</li>
              <li>Copy barcodes</li>
              <li>Try increasing the sensitivity to <code>500</code> if some barcodes are missing</li>
            </ol>
          </small>
        </div>
      </div>
  
      <div class="panel">
        <div class="box">
          <label>Scan</label>
          <input type="file" name="image">
        </div>
        <div class="box">
          <label>Sensitivity (<span id="textInput">50</span> ms)</label>
          <input name="timeout" min="10" max="1000" step="10" value="50" onchange="updateTextInput(this.value);">
        </div>
        <div class="box">
          <input type="submit" class="button">
        </div>
      </div>
    </form>
  
  