#ocr-generator { max-width: 900px; margin:auto; font-family: Arial; }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap:25px; }
.box { background:#f5f5f5; padding:15px; border-radius:10px; }
.box h3 { margin-top:0; }
input[type="text"] { width:75%; }
button { padding:8px 14px; margin-top:5px; cursor:pointer; }

/* Hard requirement star styles */
.star {
  display:inline-block;
  width:16px;
  height:16px;
  margin-left:5px;
  vertical-align:middle;
  border:2px solid black;
  background:white;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  cursor:pointer;
}
.star.selected { background:black; }