/* ============================================================
   File: CharEdit.css
   Description: Dedicated CSS for CharEdit.html
   Author: VincentD
   Created: November 26, 2025
   Last Updated: November 26, 2025
   Version: 1.0
   ============================================================ */

/* ================= Grid & Cell ================ */

.grid {
  display: grid;
  gap: 4px;
  justify-content: center;
  margin-bottom: 20px;
}

.cell {
  width: 30px;
  height: 30px;
  background-color: #eee;
  border: 1px solid #ccc;
  cursor: pointer;
}

.cell.active {
  background-color: black;
}

/* =================== Output =================== */

#output {
  font-family: monospace;
  font-size: 1.2em;
  margin-top: 10px;
}

pre {
  font-family: "Courier New", Courier, monospace; /* Monospaced font */
  font-size: 1em;                                /* Standard code size */
  background-color: #f4f4f4;                     /* Light background color */
  border: 1px solid #ccc;                        /* Thin border */
  border-radius: 1em;                            /* Rounded corners */
  padding: 12px;                                 /* Inner spacing */
  margin-top: 10px;                              /* Space above */
  overflow-x: auto;                              /* Horizontal scroll if needed */
}




/* =================== Design =================== */

button {
  margin: 5px;
  padding: 8px 16px;
  font-size: 1em;
}

/* ==================== EOF ===================== */