/* 关键：给表格容器明确高度 */
#main-table {
    height: calc(100vh - 220px);
    /* 或者 600px，按需改 */
    min-height: 400px;
    /* 保险，防止太小 */
}

#array-result {
    background-color: var(--color-bg);
    white-space: pre-wrap;
    word-break: break-word;
    width: 100%;
    min-height: 300px;
    padding: var(--space-4);
}
#object-result {
    background-color: var(--color-bg);
    white-space: pre-wrap;
    word-break: break-word;
    width: 100%;
    min-height: 300px;
    padding: var(--space-4);
}
/* 手动属性名编辑器整体布局 */
.prop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

/* 每个输入项容器 */
.prop-item {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 4px 8px;
  transition: all 0.2s ease;
}
.prop-item:hover {
  border-color: #999;
  background: #fff;
}

/* 列标（A、B、C...） */
.prop-item .col-label {
  flex: 0 0 36px;
  text-align: center;
  font-weight: 600;
  color: #333;
}

/* 输入框 */
.prop-item input[type="text"] {
  flex: 1;
  padding: 4px 6px;
  border: none;
  outline: none;
  background: transparent;
  min-width: 60px;
  font-size: 13px;
}
.prop-item input[type="text"]::placeholder {
  color: #aaa;
}