/* 自定义样式：补 Tailwind 之外的少量细节。原则上 CSS ≤ 50 行。 */

html, body, #app {
  height: 100%;
}
body {
  background: #f9fafb; /* gray-50 */
  color: #111827; /* gray-900 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* <dialog> 默认样式补强：圆角、阴影、宽度限制 */
dialog#tokenDialog {
  border-radius: 0.75rem;
  padding: 0;
  border: none;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.25);
}
dialog#tokenDialog::backdrop {
  background: rgba(17, 24, 39, 0.5); /* gray-900 / 50% */
}

/* 等宽 textarea 边距 */
textarea.br-editor {
  line-height: 1.5;
  tab-size: 4;
}

/* 加载动画 */
.spin {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: br-spin 0.6s linear infinite;
  vertical-align: -2px;
}
@keyframes br-spin {
  to { transform: rotate(360deg); }
}