.consolelog_parent_container {
      display: flex;
      flex-direction: column;
      align-items: center; /* Keeps 80% width children centered */
      height: 90vh;        /* Bounded parent height */
      padding: 16px;
      box-sizing: border-box;
      background-color: #f4f4f5;
    }

    /* Top bar for the clear action */
    .consolelog_toolbar {
      width: 80%;
      display: flex;
      justify-content: flex-end;
      margin-bottom: 8px;
    }

    /* Clear button */
    .consolelog_clear_btn {
      padding: 6px 14px;
      font-size: 13px;
      background-color: #ef4444;
      color: #ffffff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .consolelog_clear_btn:hover {
      background-color: #dc2626;
    }

    /* 
      Target container:
      - 80% width of parent
      - Takes remaining vertical height of parent (flex: 1 + min-height: 0)
      - Scrolls automatically when content overflows (overflow-y: auto)
    */
    .consolelog_box {
      width: 80%;
      flex: 1;            /* Fills remaining height */
      min-height: 0;      /* Allows container to shrink and scroll */
      overflow-y: auto;   /* Scroll when content overflows */
      text-align: left; /* <-- Forces all log entries to be left-aligned */

      background-color: #b0b0b0;
      color: black;
      font-family: monospace;
      font-size: 13px;
      padding: 12px;
      border-radius: 6px;
      box-sizing: border-box;
      white-space: pre-wrap; /* Keeps indentation and wraps long lines */
    }

    .consolelog_entry {
      margin-bottom: 4px;
      line-height: 1.4;
    }