/* pxrem — tool-specific styles
   只放这个工具独有的东西。公共外观（toolbox / field / alert / runs 表格 / chip）
   已经在全局样式表里。

   ★ 不写任何裸色值：一律走主题变量（--surface / --line / --fg …）。 */

.px-block {
  margin-top: 22px;
}

.px-title {
  margin: 0 0 4px;
  font-size: 16px;
}

/* 控件区：根字号 / 方向 / 小数位，宽屏三列、窄屏自动换行 */
.px-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px 16px;
  align-items: start;
}

/* 粘贴框：占满整行宽度，等宽字体与 CSS 语境一致 */
.px-paste {
  display: block;
  margin-top: 12px;
}

.px-paste textarea {
  width: 100%;
  resize: vertical;
  min-height: 8em;
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.55;
}

/* 结果区头部：标题 + "改写了 N 个值" 计数 */
.px-out__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.px-pre {
  margin: 0;
  padding: 12px 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
  min-height: 2.5em;
}

.px-table .px-num,
td.px-num,
th.px-num {
  text-align: right;
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}