@import "../record-mode2/record-mode2.wxss";

.history-section--full {
  flex: 1;
  min-height: calc(100vh - 48rpx);
  margin-top: 24rpx;
}

.history-section--full .history-scroll {
  height: calc(100vh - 200rpx);
}

.toggle-row {
  display: flex;
  gap: 16rpx;
  margin-bottom: 20rpx;
}

.toggle-item {
  flex: 1;
  text-align: center;
  padding: 16rpx;
  border-radius: 12rpx;
  background: #f1f5f9;
  font-size: 28rpx;
  color: #64748b;
}

.toggle-item.active {
  background: #eff6ff;
  color: #3b82f6;
  font-weight: 600;
}

.field-input {
  width: 100%;
  box-sizing: border-box;
  padding: 20rpx;
  border: 1rpx solid #e2e8f0;
  border-radius: 12rpx;
  margin-bottom: 16rpx;
  font-size: 28rpx;
}

.upload-trigger {
  padding: 40rpx;
  text-align: center;
  border: 2rpx dashed #cbd5e1;
  border-radius: 12rpx;
  color: #64748b;
  font-size: 28rpx;
}

.image-preview image {
  width: 100%;
  height: 240rpx;
  border-radius: 12rpx;
}

.image-actions {
  display: flex;
  gap: 24rpx;
  justify-content: center;
  margin-top: 12rpx;
  font-size: 26rpx;
  color: #3b82f6;
}